footer-scripts.html

<div class="bg-image"></div>

<div class="alert alert-light alert-dismissible fade alert-top" role="alert" style="display:none">
  <div class="container">
	  
	  <div class="message">
		Product was added to cart.
	  </div>
	  
	  
	  <button type="button" class="btn-close" data-dismiss="alert" aria-label="Close"></button>
  </div>	
</div> 

<div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="searchModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-scrollable">
    <div class="modal-content">
      <div class="modal-body">
        
        <form >
		  <input type="hidden" name="route" value="search">
		  <div class="input-group">
			<input type="search" name="search" class="form-control" id="headerSearch" placeholder="Type for search" data-v-vvveb-action="search" data-selector=".search-results" data-v-vvveb-on="keyup">
			<button class="btn btn-outline-primary border" type="submit" title="Search">
			  <div class="la-flip-horizontal">
				<i class="la la-search la-lg" aria-hidden="true"></i>
			  </div>
			</button>
		  </div>
		</form>
		
		<div class="search-results">
			
		</div>
        
      </div>
    </div>
  </div>
</div>


<!-- Vvveb Common Js -->
<script id="popper-js" src="../../js/popper.min.js"></script>
<!-- <script src="../../js/bootstrap.min.js"></script> -->
<!-- <script src="../../js/bootstrap.bundle.min.js"></script> -->
<script id="bootstrap-js" src="js/bootstrap.min.js"></script>
<!-- Vvveb Ajax Common Js -->
<script id="app-js" src="../../js/app.js"></script>

<!-- Animation -->

<link rel="stylesheet" href="js/aos.css">	
<noscript>
	<style type="text/css">
		[data-aos] {
			opacity: 1 !important;
			transform: translate(0) scale(1) !important;
		}
	</style>
</noscript>

<script src="js/aos.js"></script>
<script src="js/theme.js"></script>

<script>
	AOS.init();
</script>