Back to Top Button

masterbuilders/assets/css/builders.css

@@ -77,3 +77,18 @@ hr {
    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>