diff --git a/Unhealthyfood.html b/Unhealthyfood.html
index 5ce5556..17e3a3a 100644
--- a/Unhealthyfood.html
+++ b/Unhealthyfood.html
@@ -5,6 +5,7 @@
         <meta charset="UTF-8">
         <title>Kunrong's Website</title>
         <link rel="stylesheet" href="style.css">
+        <script src="https://kit.fontawesome.com/72bafd2989.js" crossorigin="anonymous"></script>
     </head>
     <body>
         <header>
@@ -24,8 +25,8 @@
                           <a href="Unhealthyfood.html">Unhealthy Fat</a>
                         </div>
                     </li>
-                    <li><a href="#">About</a></li>
-                    <li><a href="#"><button class="navbtn">Contact</button></a></li>
+                    <li><a href="about.html">About</a></li>
+                    <li><a href="contact.html"><button class="navbtn">Contact</button></a></li>
                 </ul>
             </nav>
         </header>
@@ -38,7 +39,12 @@
             </div>
         </main>
         <footer>
-            
+            <div class="footercontainer">
+                <a href="contact.html"><button class="navbtn">Email</button></a>
+                <a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
+                <a href="#"><i class="fa-brands fa-instagram"></i></a>
+                <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
+            </div>
         </footer>
     </body>
 </html>
\ No newline at end of file
diff --git a/style.css b/style.css
index e1446ca..8c40e2c 100644
--- a/style.css
+++ b/style.css
@@ -353,6 +353,10 @@ i{
          display:block;
     }
 
+    nav{
+        justify-content:space-around;
+    }
+
     .navbtn{
         color: rgb(21, 255, 130);
         border:none;
