diff --git a/static/src/less/style.less b/static/src/less/style.less
index 257acb2..14d80b6 100644
--- a/static/src/less/style.less
+++ b/static/src/less/style.less
@@ -1,8 +1,8 @@
+@import "node_modules/less-mixins/index.less";
 @import "node_modules/bootstrap/less/bootstrap";
 @import "node_modules/bootstrap/less/theme";
 @import "node_modules/ionicons/less/ionicons";
-@import "node_modules/less-mixins/index.less";
-// @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,700);
+@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,700);
 @import (inline) "node_modules/animate.css/animate.css";
 @import (inline) "node_modules/normalize.css/normalize.css";
 @import 'homepage';
@@ -41,7 +41,7 @@ a.no-color-change {
 }
 /* @end Global */
 
-/* @ group Footer */
+/* @group Footer */
 footer {
   width: 100%;
   text-align: center;
@@ -58,9 +58,21 @@ footer {
       color: inherit;
     }
   }
+  .social {
+    font-size: 25px;
+    margin: 0;
+    margin-top: 6px;
+    a {
+      margin: 0 4px;
+      color: white;
+      &:hover {
+        color: #ff7f00;
+      }
+    }
+  }
   .ci-badge {
     height: 23px;
-    margin-top: 15px;
+    margin-top: 10px;
   }
 }
 /* @end Footer */
diff --git a/templates/base.html b/templates/base.html
index 81ff75d..5483aa7 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -18,6 +18,19 @@
             <h3>Copyright &copy; TheOrangeOne 2015</h3>
           </div>
         </div>
+        <div class="row">
+          <div class="col-xs-12">
+            <p class="social">
+              <a href="https://twitter.com/RealOrangeOne"><i class="icon ion-social-twitter"></i></a>
+              <a href="https://instagram.com/RealOrangeOne"><i class="icon ion-social-instagram-outline"></i></a>
+              <a href=""><i class="icon ion-social-reddit"></i></a>
+              <a href="https://www.youtube.com/user/TheOrangeOneOfficial"><i class="icon ion-social-youtube"></i></a>
+              <a href=""><i class="icon ion-social-codepen"></i></a>
+              <a href=""><i class="icon ion-social-twitch-outline"></i></a>
+              <a href="https://github.com/RealOrangeOne"><i class="icon ion-social-octocat"></i></a>
+            <p>
+          </div>
+        </div>
         <div class="row">
           <div class="col-xs-12">
             <p>