Added back to top button

back-to-top.js

@@ -0,0 +1,22 @@
+$(document).ready(function() {
+  $(window).scroll(function() {
+    if ($(this).scrollTop() > 50) {
+      $("#back-to-top").fadeIn();
+    } else {
+      $("#back-to-top").fadeOut();
+    }
+  });
+  // scroll body to 0px on click
+  $("#back-to-top").click(function() {
+    $("#back-to-top").tooltip("hide");
+    $("body,html").animate(
+      {
+        scrollTop: 0
+      },
+      800
+    );
+    return false;
+  });
+
+  $("#back-to-top").tooltip("show");
+});

index.html

@@ -11,13 +11,14 @@
     <!-- CSS -->
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/"
         crossorigin="anonymous">
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
+    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
 
     <link rel="stylesheet" href="main.css">
     <link rel="stylesheet" href="bootstrap-overrides.css">
     <!-- JavaScript -->
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>
+    <script src="back-to-top.js"></script>
     <!-- Fonts -->
     <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
@@ -208,8 +209,9 @@ <h5>Contact</h5>
                     </div>
                     </hr>
                 </div>	
-            </div>
-        </section>
+            </div>   
+            <button id="back-to-top" href="#" class="btn btn-primary btn-lg back-to-top" role="button" title="Click to return on the top page" data-toggle="tooltip" data-placement="left"><span class="glyphicon glyphicon-chevron-up"></span></button>        	    
+        </section>               
 </body>
 
 </html>

main.css

@@ -197,6 +197,13 @@ section .section-title {
 #footer ul.quick-links li:hover a i {
   font-weight: 700;
 }
+.back-to-top {
+  cursor: pointer;
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  display: none;
+}
 
 @media (max-width: 767px) {
   #footer h5 {