footer.html

<link rel="shortcut icon" href="assets/media/favicon.png" type="image/png">
<!-- Footer -->
<div id="footer">
<footer class="text-center up-style">
  <a class="up-arrow" href="#myPage" data-toggle="tooltip" title="TO TOP">
    <span class="glyphicon glyphicon-chevron-up"></span>
  </a><br>
 <div class="container-social-icons">
			<div class="social-icons">
				<ul class="social-ul">
					<li class="social-li"><a href="https://facebook.com/mohammad.shahdad" data-toggle="tooltip" title="Follow me on Facebook" target="_blank" class="social-url"><i class="fa fa-facebook"></i></a></li>
					<li class="social-li"><a href="https://instagram.com/mohammadshahdad" data-toggle="tooltip" title="Follow me on Instagram" target="_blank" class="social-url"><i class="fa fa-instagram"></i></a></li>
					<li class="social-li"><a href="https://twitter.com/moshahdad" data-toggle="tooltip" title="Follow me on Twitter" target="_blank" class="social-url"><i class="fa fa-twitter"></i></a></li>
					<li class="social-li"><a href="https://github.com/MohammadShahdad" data-toggle="tooltip" title="Follow me on GitHub" target="_blank" class="social-url"><i class="fa fa-github"></i></a></li>
				</ul>
			</div>
</div>
  <p>Made with <i class="fa fa-heart" style="color:red;"></i> by <a href="https://github.com/MohammadShahdad" data-toggle="tooltip" title="Visit Mohammad on GitHub" target="_blank">Mohammad Shahdad</a></p> 
</footer>

</div>

<script type="text/javascript">
  $(document).ready(function(){
  // Initialize Tooltip
  $('[data-toggle="tooltip"]').tooltip(); 
  
  // Add smooth scrolling to all links in navbar + footer link
  $(".navbar a, footer a[href='#myPage']").on('click', function(event) {

    // Make sure this.hash has a value before overriding default behavior
    if (this.hash !== "") {

      // Prevent default anchor click behavior
      event.preventDefault();

      // Store hash
      var hash = this.hash;

      // Using jQuery's animate() method to add smooth page scroll
      // The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area
      $('html, body').animate({
        scrollTop: $(hash).offset().top
      }, 900, function(){
   
        // Add hash (#) to URL when done scrolling (default click behavior)
        window.location.hash = hash;
      });
    } // End if
  });
})
</script>