Website Homepage in Production!!

Author: razetime

css/style.css

@@ -34,13 +34,17 @@
     src: url("../font/Berlin%20X-Bold.ttf") format("truetype");
 }
 
+@font-face {
+    font-family: "Bariol";
+    src: url("../font/Bariol_Regular/Bariol_Regular.otf") format("truetype");
+}
+
 body {
-    background-image: url("../img/BodyBg.jpg");
     background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     -webkit-background-size: cover;
-    background-attachment: fixed;
+    background: url("../img/BodyBg.jpg") fixed;
 }
 
 .navbar {
@@ -125,13 +129,21 @@ body {
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff,endColorstr=#66ffffff);
 }
 
-.projects h1 {
+.row {
+    margin-bottom: 0px;
+}
+
+.row h1 {
     text-align: center;
     font-family: "Borg", sans-serif;
     font-size: 70px;
     color: white;
 }
 
+.row h3 {
+    font-size: 30px;
+}
+
 .projects h3, h4 {
     text-align: center;
     font-family: "Berlin", sans-serif;
@@ -143,7 +155,7 @@ body {
 }
 
 .card.small .card-content {
-    height: 200px;
+    height: 300px;
 }
 
 .jumbotron {
@@ -232,4 +244,47 @@ nav .brand-logo {
     h3 {
         font-size: 20px;
     }
-}
+}
+
+.projects div.card-content > h1 {
+    margin-bottom: 0px;
+    font-family: "Bariol", sans-serif;
+}
+
+.contact {
+    text-align: center;
+}
+
+.contact h3 {
+    font-family: "Berlin", sans-serif;
+}
+
+.facebook-blue {
+    background-color: #3B5998 ;
+}
+
+.twitter-blue {
+    background-color: #4099FF;
+}
+
+.contact h1 {
+    padding-top:20px;
+    margin-top: 0px;
+}
+
+div.card-content {
+    height: 300px;
+}
+
+.contact a.waves-circle {
+    margin-left: 30px;
+    margin-bottom: 20px;
+}
+
+footer.page-footer {
+    margin-top: 0px;
+}
+
+.row .l12 {
+    padding-bottom: 20px;
+}

font/Bariol_Regular/Bariol_Regular.otf

@@ -101,7 +101,43 @@ <h3>We have a few projects right now. Here are a few projects we are doing.</h3>
                 </div>
             </div>
         </div>
+        <div class="col s12 m4">
+            <div class="card small grey darken-4">
+                <div class="card-content white-text">
+                    <h1><i class="mdi-navigation-more-horiz"></i> </h1>
+                    <h1>More Coming Soon.</h1>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="row contact black grey-text text-lighten-1">
+    <div class="container">
+        <h1>CONTACT US</h1>
+        <h3>Want to help, or join in the dev? Contact us for more details!</h3>
+        <a class="waves-effect waves-light btn grey darken-2">I Wanna talk!</a>
+        <h3>We are available on the following websites, too!</h3>
+        <a class="waves-effect waves-circle waves-light btn-floating black"><i class="fa fa-github"></i></a>
+        <a class="waves-effect waves-circle waves-light btn-floating facebook-blue"><i class="fa fa-facebook"></i></a>
+        <a class="waves-effect waves-circle waves-light btn-floating red"><i class="fa fa-google-plus"></i></a>
+        <a class="waves-effect waves-circle waves-light btn-floating twitter-blue"><i class="fa fa-twitter"></i></a>
+        <a class="waves-effect waves-circle waves-light btn-floating red darken-1"><i class="fa fa-pinterest-p"></i></a>
     </div>
 </div>
+<footer class="page-footer grey darken-4 white-text">
+    <div class="container">
+        <div class="row">
+            <div class="col l12 s12">
+                All code on this website is given, free of cost, to anyone and everyone using the Artistic License 2.0. <a href="http://www.github.com/quadcubedstudios/quadcubedstudios.github.io">Fork Me on Github</a>
+            </div>
+        </div>
+    </div>
+    <div class="footer-copyright black">
+        <div class="container">
+            Copyright© Quad Cubed Studios. All Rights Reserved.
+        </div>
+    </div>
+</footer>
 </body>
 </html>