add footer v1

index.html

@@ -241,6 +241,22 @@
                         <span class="btn-label"><i class="fa fa-check"></i></span><br> Finish and see results!</button>
                 </div>
             </div>
+
+            <!-- Footer Block -->
+            <div class='block' id="footer">
+                <div style='display:inline-block; width:65%; text-align: center; padding-left:100px'>
+                    Earlham College, an independent, residential college, aspires to provide the 
+                    highest-quality undergraduate education in the liberal arts and sciences, 
+                    shaped by the distinctive perspectives of the Religious Society of Friends (Quakers).
+                </div>
+                <div style="display: inline-block; width:30%; text-align: right; position: absolute;">
+                    <a href="#" class="social fa fa-facebook"></a>
+                    <a href="#" class="social fa fa-twitter"></a>
+                    <a href="#" class="social fa fa-youtube"></a>
+                    <a href="#" class="social fa fa-instagram"></a>
+                    <a href="#" class="social fa fa-rss"></a>
+                </div>
+            </div>
         </div>
     </body>
 </html>
\ No newline at end of file

public/css/input.css

@@ -24,4 +24,34 @@ input {
     padding: 20px; 
     margin-right: 50px; 
     font-size:18px;
-}
\ No newline at end of file
+}
+.social {
+    padding: 20px;
+    font-size: 30px;
+    width: 60px;
+    text-align: center;
+    text-decoration: none;
+    margin: 5px 2px;
+  }
+.fa-facebook {
+    background: #3B5998;
+    color: white;
+  }
+  
+  .fa-twitter {
+    background: #55ACEE;
+    color: white;
+  }
+  .fa-youtube {
+    background: #bb0000;
+    color: white;
+  }
+  
+  .fa-instagram {
+    background: #125688;
+    color: white;
+  }
+  .fa-rss {
+    background: #ff6600;
+    color: white;
+  }
\ No newline at end of file

public/css/main.css

@@ -113,7 +113,11 @@ body{
     background-color: #6F263D;
     color: white;
 }
-
+#footer{
+    height:80px;
+    background: #eee;
+    overflow: hidden;
+}
 .btn {
     padding: 30px 65px;
 }