Back to Top Button

masterbuilders/assets/css/builders.css

@@ -76,4 +76,19 @@ hr {
    height: 20px;
    margin-right: 5px;
    float: left;
+}
+.top {
+   position: fixed;
+   bottom: 15px;
+   right: 15px;
+   font-size: 3em;
+   color: rgba(178,34,34,0.6);
+   -webkit-transition: all 0.2s ease-in-out;
+   -moz-transition: all 0.2s ease-in-out;
+   -ms-transition: all 0.2s ease-in-out;
+   -o-transition: all 0.2s ease-in-out;
+   transition: all 0.2s ease-in-out;
+}
+.top:hover {
+   color: rgba(178,34,34,1);
 }

masterbuilders/assets/js/builders.js

@@ -1,4 +1,4 @@
 $(document).ready(function() {
    $(".button-collapse").sideNav();
-  });
-          
+
+});

masterbuilders/index.html

@@ -295,5 +295,7 @@
             
             </div>
          </div>
+
+         <a href="#" class="top"><i class="fa fa-chevron-up icon"></i></a>
    </body>
 </html>