
<div style="clear:both;height:72px">&nbsp;</div>

<div class="row fixed-bottom nh-mobile-footer-bottom">

  <!-- Map -->
  <button type="button" class="btn-white col nh-mobile-footer-bottom-btn pl-4 PaySound" id="nhMobileMenuMap ">
    
    <a href="<?php echo ROOTPATH;?>">
        <img src="<?php echo ROOTPATH;?>/images/2-home_bottom.png" class="img-btm">
    </a>
    <p style="color:#fff">HOME</p>
  </button>

 
  <button type="button" class="btn-white col nh-mobile-footer-bottom-btn PaySound" id="nhMobileMenuFilters">
   <img src="<?php echo ROOTPATH;?>/images/2-scan-pay.png" class="btn-pay">
  </button>

 
  <button type="button" class="btn-white col nh-mobile-footer-bottom-btn-publish-container PaySound" data-toggle="modal" data-target="#publicationServiceModal" id="nhMobileMenuPublishBtn">
    
   
    <a  href="<?php echo ROOTPATH;?>/dashboard/DebitCredit.php">
        <img src="<?php echo ROOTPATH;?>/images/2time.png" class="img-btm">
    </a>
    <p class="nh-mobile-footer-bottom-publish-label" style="color:#fff">HISTORY</p>
  </button>
</div>

<!-- jQuery -->
  <script type="text/javascript" src="<?php echo ROOTPATH;?>/js/jquery.min.js"></script>
  <!-- Bootstrap tooltips -->
  <script type="text/javascript" src="<?php echo ROOTPATH;?>/js/popper.min.js"></script>
  <!-- Bootstrap core JavaScript -->
  <script type="text/javascript" src="<?php echo ROOTPATH;?>/js/bootstrap.min.js"></script>
  <!-- MDB core JavaScript -->
  <script type="text/javascript" src="<?php echo ROOTPATH;?>/js/mdb.min.js"></script>
  <!-- Your custom scripts (optional) -->
  <script type="text/javascript">
  
  $(document).ready(function(){
		 $("#showMenu").click(function(){ 
			 $("#slideNav").animate({
				top: '0',
				opacity: '1'
			 });
			 $(".linksBox").animate({
				right: '0',
				opacity: '1'
			 });
		 })
	 });
	 
	 
     $(document).ready(function(){
		 $("#closeMenu").click(function()
		 { 
			 $(".linksBox").animate({
				right: '-100%',
				opacity: '0'
			 });
			 $("#slideNav").animate({
				left: '-100%',
				opacity: '0'
			 });
		 })
	 });
	 
	 
	 // setInterval(CreateLight, 570);  
	  function CreateLight() 
        {
              $("#BackRotate").toggle();
        } 
  </script>
  

</body>
</html>