added and styled the footer

Author: 0xMMelvin

assets/css/styles.css

@@ -221,4 +221,31 @@ header nav li {
     font-size: 18px;
     color: #555;
     flex: 1;
+}
+
+/* Footer Section */
+
+footer {
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    background-color: #7d3faf;
+    color: #fff;
+    padding: 20px 0;
+}
+
+footer ul {
+    display: flex;
+}
+
+footer ul li {
+    margin-left: 16px;
+}
+
+footer p {
+    text-transform: uppercase;
+    font-size: 14px;
+    opacity: 0.6;
+    align-self: center;
+    padding: 5px;
 }

index.html

@@ -112,5 +112,15 @@ <h3 class="title">Learn More</h3>
         </form>
     </section>
 
+    <footer>
+        <p>Images courtesy of <a href="http://unsplash.com">unsplash</a>.</p>
+        <p>Why are you even reading this? There's never anything interesting in the footer!</p>
+        <ul>
+            <li><a href="#"><i class="fa fa-twitter-square fa-2x"></i></a></li>
+            <li><a href="#"><i class="fa fa-facebook-square fa-2x"></i></a></li>
+            <li><a href="#"><i class="fa fa-snapchat-square fa-2x"></i></a></li>
+        </ul>
+    </footer>
+
 </body>
 </html>