Footer done

src/Footer.css

@@ -1,4 +1,44 @@
 .footer{
     background-color: var(--color-secondary);
     grid-column: full-start / full-end ;
+
+    padding: 8rem;
+}
+
+nav{
+    list-style: none;
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
+    grid-gap: 2rem;
+    align-items: center;
+}
+
+.nav__link:link,
+.nav__link:visited{
+    font-size: 1.4rem;
+    font-family: var(--font-display);
+    display: block;
+    text-transform: uppercase;
+    color: white;
+    text-decoration: none;
+    text-align: center;
+    padding: 1.5rem;
+    transition: all .2s;
+}
+
+.nav__link:hover{
+    background-color: rgba(255, 255, 255, .05);
+    transform: translateY(-3px);
+}
+
+.copyright{
+    font-size: 1.4rem;
+    font-family: var(--font-display);
+    color: var(--color-grey-light-2);
+    margin-top: 6rem;
+    margin-right: auto;
+    margin-left: auto;
+    text-align: center;
+    width: 70%;
+
 }

src/Footer.js

@@ -5,7 +5,17 @@ class Footer extends Component {
     render() {
       return (
         <footer className="footer">
-            Footer
+            <nav>
+              <li className="nav__item"><a href="#" className="nav__link">Find your dream home</a></li>
+              <li className="nav__item"><a href="#" className="nav__link">Request proposal</a></li>
+              <li className="nav__item"><a href="#" className="nav__link">Download home planner</a></li>
+              <li className="nav__item"><a href="#" className="nav__link">Contact us</a></li>
+              <li className="nav__item"><a href="#" className="nav__link">Submit your property</a></li>
+              <li className="nav__item"><a href="#" className="nav__link">Come work with us</a></li>
+            </nav>
+            <p className="copyright">
+              &copy; Copyright 2018 Nexter Project
+            </p>
         </footer>
       );
     }