asked on Why Does This Modal Not Show Up?
I'm working with Laravel 6 and attempting to create a login dynamic that utilizes a modal as opposed to having to go to a separate page.
First step: Make sure my user can bring up said modal by clicking on the "login" link. I'm working through a tutorial that makes it look real easy, but I can't even get the modal to become visible.
Here's my code, I've got screenshot attached as well...
What am I missing?
![screenshot]()
First step: Make sure my user can bring up said modal by clicking on the "login" link. I'm working through a tutorial that makes it look real easy, but I can't even get the modal to become visible.
Here's my code, I've got screenshot attached as well...
What am I missing?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>NOMAS International</title>
<!-- css -->
<link href="http://nomas.site/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="http://nomas.site/assets/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="http://nomas.site/assets/plugins/cubeportfolio/css/cubeportfolio.min.css">
<link href="http://nomas.site/assets/css/nivo-lightbox.css" rel="stylesheet" />
<link href="http://nomas.site/assets/css/nivo-lightbox-theme/default/default.css" rel="stylesheet" type="text/css" />
<link href="http://nomas.site/assets/css/owl.carousel.css" rel="stylesheet" media="screen" />
<link href="http://nomas.site/assets/css/owl.theme.css" rel="stylesheet" media="screen" />
<link href="http://nomas.site/assets/css/animate.css" rel="stylesheet" />
<link href="http://nomas.site/assets/css/style.css" rel="stylesheet">
<!-- Core JavaScript Files -->
<script src="http://nomas.site/assets/js/jquery.min.js"></script>
<script src="http://nomas.site/assets/js/bootstrap.min.js"></script>
<script src="http://nomas.site/assets/js/jquery.easing.min.js"></script>
<script src="http://nomas.site/assets/js/wow.min.js"></script>
<script src="http://nomas.site/assets/js/jquery.scrollTo.js"></script>
<script src="http://nomas.site/assets/js/jquery.appear.js"></script>
<script src="http://nomas.site/assets/js/stellar.js"></script>
<script src="http://nomas.site/assets/plugins/cubeportfolio/js/jquery.cubeportfolio.min.js"></script>
<script src="http://nomas.site/assets/js/owl.carousel.min.js"></script>
<script src="http://nomas.site/assets/js/nivo-lightbox.min.js"></script>
<script src="http://nomas.site/assets/js/custom.js"></script>
<!-- boxed bg -->
<link id="bodybg" href="http://nomas.site/assets/bodybg/bg1.css" rel="stylesheet" type="text/css" />
<!-- template skin -->
<link id="t-colors" href="http://nomas.site/assets/color/pink.css" rel="stylesheet">
<!-- =======================================================
Theme Name: Medicio
Theme URL: https://bootstrapmade.com/medicio-free-bootstrap-theme/
Author: BootstrapMade
Author URL: https://bootstrapmade.com
======================================================= -->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-custom">
<div id="wrapper">
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="top-area">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-xs-6 training_schedule">
<b>NOMAS<sup>®</sup> Training Schedule</b>
</div>
<div class="col-xs-6 training_register">
<!-- start login links-->
<a href="#" data-toggle="modal" data-target="loginModal" style="color:#fff; font-weight:bold;" >Login</a> |
<a href="#" style="color:#fff; font-weight:bold;" href="http://nomas.site/register">Register</a>
<!-- end login links -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container navigation">
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
<i class="fa fa-bars"></i>
</button>
<a class="navbar-brand" href="/">
<img src="http://nomas.site/assets/img/logo.png" alt="" class="logo">
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="http://nomas.site">Home</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">About<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="/about">About NOMAS<sup>®</sup> International<sup></a></li>
<li><a href="#" id="login_form">Marjorie Meyer Palmer</a></li>
<li><a href="index-form.html">NOMAS<sup>®</sup> Success Stories</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">NOMAS<sup>®</sup> Training / Testing <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="index.html">Online CEU</a></li>
<li><a href="index-form.html">Training & Testing Info</a></li>
<li><a href="index-video.html">NOMAS<sup>®</sup> Training Agenda</a></li>
<li><a href="index-video.html">License Renewal Info</a></li>
<li><a href="index-video.html">Feeding Disorders Login</a></li>
<li><a href="index-video.html">Renewal Liability Login</a></li>
<li><a href="#doctor">Infant Feeding Forum</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Practitioners <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="index.html">Practitioners Worldwide</a></li>
<li><a href="index-form.html">USA Practitioners</a></li>
<li><a href="index-video.html">International Practitioners</a></li>
<li><a href="index-video.html">Become a Practitioner</a></li>
</ul>
</li>
<li><a href="#pricing">Contact</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<!-- Modal -->
<div class="modal fade" id="loginModal" tabindex="1" role="dialog" aria-labelledby="loginFormLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="loginModal" tabindex="1" role="dialog" aria-labelledby="loginFormLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
<!-- Section: intro -->
<section id="intro" class="intro">
<div class="intro-content">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="wow fadeInDown" data-wow-offset="0" data-wow-delay="0.1s">
<h2 class="h-ultra">NOMAS<sup>®</sup> International</h2>
</div>
<div class="wow fadeInUp" data-wow-offset="0" data-wow-delay="0.1s">
<h4 class="h-light">...it's all about the feeding!</h4>
</div>
<div class="well well-trans">
<div class="wow fadeInRight" data-wow-delay="0.1s">
<ul class="lead-list">
<li><span class="fa fa-check fa-2x icon-success" style="color:#ea7fea;"></span> <span class="list"><strong>Online Training Courses</strong><br />receive CEU credits for completed courses</span></li>
<li><span class="fa fa-check fa-2x icon-success" style="color:#ea7fea;"></span> <span class="list"><strong>Become a Licensed Practitioner</strong><br />join the international community of NOMAS<sup>®</sup> practitioners</span></li>
<li><span class="fa fa-check fa-2x icon-success" style="color:#ea7fea;"></span> <span class="list"><strong>Incorporate NOMAS<sup>®</sup> into your practice</strong><br />make NOMAS<sup>®</sup> a part of the way you care for your patients</span></li>
</ul>
<p class="text-right wow bounceIn" data-wow-delay="0.4s">
<a href="#" class="btn btn-skin btn-lg">Learn more <i class="fa fa-angle-right"></i></a>
</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.2s">
<img src="http://nomas.site/assets/img/dummy/img-1.png" class="img-responsive" alt="" />
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Section: intro -->
<!-- Section: boxes -->
<section id="boxes" class="home-section paddingtop-80">
<div class="container">
<div class="row">
<div class="col-sm-3 col-md-3">
<div class="wow fadeInUp" data-wow-delay="0.2s">
<div class="box text-center">
<i class="fa fa-question fa-3x circled bg-skin"></i>
<h4 class="h-bold">What is NOMAS<sup>®</sup>?</h4>
<p>
Click here to learn what NOMAS<sup>®</sup> is and the difference it has made around the world!
</p>
</div>
</div>
</div>
<div class="col-sm-3 col-md-3">
<div class="wow fadeInUp" data-wow-delay="0.2s">
<div class="box text-center">
<i class="fa fa-university fa-3x circled bg-skin"></i>
<h4 class="h-bold">Online Training</h4>
<p>
Receive CEU training credits from AOTA, ASHA and the California Board of Registered Nursing!
</p>
</div>
</div>
</div>
<div class="col-sm-3 col-md-3">
<div class="wow fadeInUp" data-wow-delay="0.2s">
<div class="box text-center">
<i class="fa fa-user-md fa-3x circled bg-skin"></i>
<h4 class="h-bold">Licensed Practitioner</h4>
<p>
Learn more about how to become a licensed NOMAS<sup>®</sup> Practitioner
</p>
</div>
</div>
</div>
<div class="col-sm-3 col-md-3">
<div class="wow fadeInUp" data-wow-delay="0.2s">
<div class="box text-center">
<i class="fa fa-comments fa-3x circled bg-skin"></i>
<h4 class="h-bold">Feeding Forum</h4>
<p>
Join the online community of professionals dedicated to neonatal health and innovation!
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section: services -->
<section id="service" class="home-section nopadding paddingtop-60">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-6">
<div class="wow fadeInUp" data-wow-delay="0.2s">
<img src="http://nomas.site/assets/img/dummy/img-1.jpg" class="img-responsive" alt="" />
</div>
</div>
<div class="col-sm-6 col-md-6" style="margin-top:50px;">
<div class="wow fadeInRight" data-wow-delay="0.1s">
<div class="service-box">
<div class="service-icon">
<span class="fa fa-book fa-3x"></span>
</div>
<div class="service-desc">
<h5 class="h-light">Training Catalog</h5>
<p>Online CEU instruction for medical professionals</p>
</div>
</div>
</div>
<div class="wow fadeInRight" data-wow-delay="0.2s">
<div class="service-box">
<div class="service-icon">
<span class="fa fa-graduation-cap fa-3x"></span>
</div>
<div class="service-desc">
<h5 class="h-light">CEU Credits</h5>
<p>CEU education credits for completed courses</p>
</div>
</div>
</div>
<div class="wow fadeInRight" data-wow-delay="0.3s">
<div class="service-box">
<div class="service-icon">
<span class="fa fa-clipboard fa-3x"></span>
</div>
<div class="service-desc">
<h5 class="h-light">Accreditation</h5>
<p>ASHA, AOTA, BRN...</p>
</div>
</div>
</div>
<div class="wow fadeInRight" data-wow-delay="0.1s">
<div class="service-box">
<div class="service-icon">
<span class="fa fa-sign-in fa-3x"></span>
</div>
<div class="service-desc">
<h5 class="h-light">Campus Login</h5>
<p>Login to campus and renewal page</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section: works -->
<section id="facilities" class="home-section paddingbot-60">
<div class="container marginbot-50">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="wow fadeInDown" data-wow-delay="0.1s">
<div class="section-heading text-center">
<h2 class="h-bold">Videos</h2>
<p>See samples of Marjorie Palmer's clinics and curriculum...</p>
</div>
</div>
<div class="divider-short"></div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12">
<div class="wow bounceInUp" data-wow-delay="0.2s">
<div id="owl-works" class="owl-carousel">
<div class="item"><a href="img/photo/1.jpg" title="This is an image title" data-lightbox-gallery="gallery1" data-lightbox-hidpi="img/works/1@2x.jpg"><img src="http://nomas.site/assets/img/photo/1.jpg" class="img-responsive" alt="img"></a></div>
<div class="item"><a href="img/photo/2.jpg" title="This is an image title" data-lightbox-gallery="gallery1" data-lightbox-hidpi="img/works/2@2x.jpg"><img src="http://nomas.site/assets/img/photo/2.jpg" class="img-responsive " alt="img"></a></div>
<div class="item"><a href="img/photo/3.jpg" title="This is an image title" data-lightbox-gallery="gallery1" data-lightbox-hidpi="img/works/3@2x.jpg"><img src="http://nomas.site/assets/img/photo/3.jpg" class="img-responsive " alt="img"></a></div>
<div class="item"><a href="img/photo/4.jpg" title="This is an image title" data-lightbox-gallery="gallery1" data-lightbox-hidpi="img/works/4@2x.jpg"><img src="http://nomas.site/assets/img/photo/4.jpg" class="img-responsive " alt="img"></a></div>
<div class="item"><a href="img/photo/5.jpg" title="This is an image title" data-lightbox-gallery="gallery1" data-lightbox-hidpi="img/works/5@2x.jpg"><img src="http://nomas.site/assets/img/photo/5.jpg" class="img-responsive " alt="img"></a></div>
<div class="item"><a href="img/photo/6.jpg" title="This is an image title" data-lightbox-gallery="gallery1" data-lightbox-hidpi="img/works/6@2x.jpg"><img src="http://nomas.site/assets/img/photo/6.jpg" class="img-responsive " alt="img"></a></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Section: works -->
<!-- Section: testimonial -->
<section id="testimonial" class="home-section paddingbot-60 parallax" data-stellar-background-ratio="0.5">
<div class="carousel-reviews broun-block">
<div class="container">
<div class="row">
<div id="carousel-reviews" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="item active">
<div class="col-md-4 col-sm-6">
<div class="block-text rel zmin">
<a title="" href="#">Emergency Contraception</a>
<div class="mark">My rating: <span class="rating-input"><span data-value="0" class="glyphicon glyphicon-star"></span><span data-value="1" class="glyphicon glyphicon-star"></span><span data-value="2" class="glyphicon glyphicon-star"></span><span data-value="3"
class="glyphicon glyphicon-star"></span><span data-value="4" class="glyphicon glyphicon-star-empty"></span><span data-value="5" class="glyphicon glyphicon-star-empty"></span> </span>
</div>
<p>Ne eam errem semper. Laudem detracto phaedrum cu vim, pri cu errem fierent fabellas. Quis magna in ius, pro vidit nonumy te, nostrud ...</p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins>
</div>
<div class="person-text rel text-light">
<i class="fa fa-user circled bg-skin" style="font-size:123px; background-color:#109eff;"></i>
<!--<img src="http://nomas.site/assets/img/testimonials/1.jpg" alt="" class="person img-circle" /> -->
<a title="" href="#">Anna</a>
<span>Chicago, Illinois</span>
</div>
</div>
<div class="col-md-4 col-sm-6 hidden-xs">
<div class="block-text rel zmin">
<a title="" href="#">Orthopedic Surgery</a>
<div class="mark">My rating: <span class="rating-input"><span data-value="0" class="glyphicon glyphicon-star"></span><span data-value="1" class="glyphicon glyphicon-star"></span><span data-value="2" class="glyphicon glyphicon-star-empty"></span>
<span
data-value="3" class="glyphicon glyphicon-star-empty"></span><span data-value="4" class="glyphicon glyphicon-star-empty"></span><span data-value="5" class="glyphicon glyphicon-star-empty"></span> </span>
</div>
<p>Ne eam errem semper. Laudem detracto phaedrum cu vim, pri cu errem fierent fabellas. Quis magna in ius, pro vidit nonumy te, nostrud ...</p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins>
</div>
<div class="person-text rel text-light">
<img src="http://nomas.site/assets/img/testimonials/2.jpg" alt="" class="person img-circle" />
<a title="" href="#">Matthew G</a>
<span>San Antonio, Texas</span>
</div>
</div>
<div class="col-md-4 col-sm-6 hidden-sm hidden-xs">
<div class="block-text rel zmin">
<a title="" href="#">Medical consultation</a>
<div class="mark">My rating: <span class="rating-input"><span data-value="0" class="glyphicon glyphicon-star"></span><span data-value="1" class="glyphicon glyphicon-star"></span><span data-value="2" class="glyphicon glyphicon-star"></span><span data-value="3"
class="glyphicon glyphicon-star"></span><span data-value="4" class="glyphicon glyphicon-star"></span><span data-value="5" class="glyphicon glyphicon-star"></span> </span>
</div>
<p>Ne eam errem semper. Laudem detracto phaedrum cu vim, pri cu errem fierent fabellas. Quis magna in ius, pro vidit nonumy te, nostrud ...</p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins>
</div>
<div class="person-text rel text-light">
<img src="http://nomas.site/assets/img/testimonials/3.jpg" alt="" class="person img-circle" />
<a title="" href="#">Scarlet Smith</a>
<span>Dallas, Texas</span>
</div>
</div>
</div>
<div class="item">
<div class="col-md-4 col-sm-6">
<div class="block-text rel zmin">
<a title="" href="#">Birth control pills</a>
<div class="mark">My rating: <span class="rating-input"><span data-value="0" class="glyphicon glyphicon-star"></span><span data-value="1" class="glyphicon glyphicon-star"></span><span data-value="2" class="glyphicon glyphicon-star"></span><span data-value="3"
class="glyphicon glyphicon-star"></span><span data-value="4" class="glyphicon glyphicon-star-empty"></span><span data-value="5" class="glyphicon glyphicon-star-empty"></span> </span>
</div>
<p>Ne eam errem semper. Laudem detracto phaedrum cu vim, pri cu errem fierent fabellas. Quis magna in ius, pro vidit nonumy te, nostrud ...</p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins>
</div>
<div class="person-text rel text-light">
<img src="http://nomas.site/assets/img/testimonials/4.jpg" alt="" class="person img-circle" />
<a title="" href="#">Lucas Thompson</a>
<span>Austin, Texas</span>
</div>
</div>
<div class="col-md-4 col-sm-6 hidden-xs">
<div class="block-text rel zmin">
<a title="" href="#">Radiology</a>
<div class="mark">My rating: <span class="rating-input"><span data-value="0" class="glyphicon glyphicon-star"></span><span data-value="1" class="glyphicon glyphicon-star"></span><span data-value="2" class="glyphicon glyphicon-star-empty"></span>
<span
data-value="3" class="glyphicon glyphicon-star-empty"></span><span data-value="4" class="glyphicon glyphicon-star-empty"></span><span data-value="5" class="glyphicon glyphicon-star-empty"></span> </span>
</div>
<p>Ne eam errem semper. Laudem detracto phaedrum cu vim, pri cu errem fierent fabellas. Quis magna in ius, pro vidit nonumy te, nostrud ...</p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins>
</div>
<div class="person-text rel text-light">
<img src="http://nomas.site/assets/img/testimonials/5.jpg" alt="" class="person img-circle" />
<a title="" href="#">Ella Mentree</a>
<span>Fort Worth, Texas</span>
</div>
</div>
<div class="col-md-4 col-sm-6 hidden-sm hidden-xs">
<div class="block-text rel zmin">
<a title="" href="#">Cervical Lesions</a>
<div class="mark">My rating: <span class="rating-input"><span data-value="0" class="glyphicon glyphicon-star"></span><span data-value="1" class="glyphicon glyphicon-star"></span><span data-value="2" class="glyphicon glyphicon-star"></span><span data-value="3"
class="glyphicon glyphicon-star"></span><span data-value="4" class="glyphicon glyphicon-star"></span><span data-value="5" class="glyphicon glyphicon-star"></span> </span>
</div>
<p>Ne eam errem semper. Laudem detracto phaedrum cu vim, pri cu errem fierent fabellas. Quis magna in ius, pro vidit nonumy te, nostrud ...</p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins>
</div>
<div class="person-text rel text-light">
<img src="http://nomas.site/assets/img/testimonials/6.jpg" alt="" class="person img-circle" />
<a title="" href="#">Suzanne Adam</a>
<span>Detroit, Michigan</span>
</div>
</div>
</div>
</div>
<a class="left carousel-control" href="#carousel-reviews" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-reviews" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- /Section: testimonial -->
<!-- Section Partners -->
<section id="partner" class="home-section paddingbot-60">
<div class="container marginbot-50">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="wow lightSpeedIn" data-wow-delay="0.1s">
<div class="section-heading text-center">
<h2 class="h-bold">Our Partner</h2>
<p>NOMAS<sup>®</sup> International is proud to be associated with Dr. Brown's Medical</p>
</div>
</div>
<div class="divider-short"></div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="partner">
<a href="#"><img src="http://www.nomasinternational.org/_grafix/logo-dr-brown.jpg" alt="" /></a>
</div>
</div>
</div>
</div>
</section>
<!-- footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-4">
<div class="wow fadeInDown" data-wow-delay="0.1s">
<div class="widget">
<h5>About NOMAS<sup>®</sup> International</h5>
<p>
Click on the links below to learn more about NOMAS<sup>®</sup>
</p>
</div>
</div>
<div class="wow fadeInDown" data-wow-delay="0.1s">
<div class="widget">
<h5>Information</h5>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li
<li><a href="#">Online Training</a></li>
</ul>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="wow fadeInDown" data-wow-delay="0.1s">
<div class="widget">
<h5>Marjorie Palmer</h5>
<p>
Click on the links below to learn more about Marjorie or to schedule her for a conference.
</p>
<ul>
<li>
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-microphone fa-stack-1x fa-inverse"></i>
</span> Conference Booking
</li>
<li>
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-envelope-o fa-stack-1x fa-inverse"></i>
</span> marjorie@nomasinternational.org
</li>
</ul>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="wow fadeInDown" data-wow-delay="0.1s">
<div class="widget">
<h5>Contact Us</h5>
<p>Click here to contact NOMAS<sup>®</sup> International</p>
</div>
</div>
</div>
</div>
</div>
<div class="sub-footer">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-6 col-lg-6">
<div class="wow fadeInLeft" data-wow-delay="0.1s">
<div class="text-left">
<p>©Copyright - NOMAS International All rights reserved.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-6">
<div class="wow fadeInRight" data-wow-delay="0.1s">
<div class="brucegust">
<div class="credits">
Designed by <a href="http://brucegust.com/">brucegust.com</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
<a href="#" class="scrollup"><i class="fa fa-angle-up active"></i></a>
</body>
</html>
<!-- end of footer -->
LaravelCSSJavaScriptBootstrapPHP
Last Comment
Bruce Gust
ASKER CERTIFIED SOLUTION
THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
Thanks for weighing in and I'm sorry I haven't closed this question earlier.
I went with a different approach that I didn't use modals in the same way and I was able to get it done.
Thanks for weighing in!