diff --git a/about.html b/about.html
index 9eac02b..4156591 100644
--- a/about.html
+++ b/about.html
@@ -53,7 +53,40 @@
         </div>
       </nav>
       <!-- Menu Bar -->
+      <div class="MenuBar">
+        <i id="openMenu" class="bx bx-menu menu-button"></i>
 
+        <div class="menu-container" id="menuContainer">
+            <div class="menu">
+                <span class="close-button" id="closeMenu">&times;</span>
+                <ul>
+                    <li>
+                        <a href="#" onclick="handleClose()">HOME</a>
+                    </li>
+                    <li>
+                        <a href="#donates" onclick="handleClose()"
+                            >DONATE</a
+                        >
+                    </li>
+                    <li>
+                        <a href="./about.html" class="nav_button"
+                            >ABOUT US</a
+                        >
+                    </li>
+                    <li>
+                        <a href="contact.html" onclick="handleClose()"
+                            >CONTACT US</a
+                        >
+                    </li>
+                    <li>
+                        <a href="#events" onclick="handleClose()"
+                            >EVENTS</a
+                        >
+                    </li>
+                </ul>
+            </div>
+        </div>
+      </div>
       <!--  -->
       <div class="body">
         <div class="container text">
@@ -183,7 +216,7 @@ <h2 class="quick-links">Quick Links</h2>
           <div class="column">
             <a class="footerLinks" href="#">ABOUT US</a>
             <a class="footerLinks" href="#">FAQS</a>
-            <a class="footerLinks" href="#">CONTACT US</a>
+            <a class="footerLinks" href="./contact.html">CONTACT US</a>
             <a class="footerLinks" href="#">CAREERS</a>
           </div>
         </div>
diff --git a/assets/css/style.css b/assets/css/style.css
index f782c8e..5a4e914 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -40,7 +40,7 @@
     background: transparent;
     -webkit-backdrop-filter: blur(5px);
     backdrop-filter: blur(5px);
-    z-index: 2;
+    z-index: 13;
     align-items: center;
     justify-content: center;
     display: none;
@@ -110,7 +110,7 @@
     position: fixed;
     top: 10px;
     right: 10px;
-    z-index: 1;
+    z-index: 12;
 }
 
 .menu-button:hover {
diff --git a/index.html b/index.html
index d2309a4..699aaf8 100644
--- a/index.html
+++ b/index.html
@@ -329,7 +329,7 @@ <h2 class="quick-links">Quick Links</h2>
                     <div class="column">
                         <a class="footerLinks" href="./about.html">ABOUT US</a>
                         <a class="footerLinks" href="#">FAQS</a>
-                        <a class="footerLinks" href="#">CONTACT US</a>
+                        <a class="footerLinks" href="./contact.html">CONTACT US</a>
                         <a class="footerLinks" href="#">CAREERS</a>
                     </div>
                 </div>