From a811e42a4156fe5f15fd44c186358fca2c9d7ee9 Mon Sep 17 00:00:00 2001
From: Prashant Singh <prashant.singh181@gmail.com>
Date: Sun, 20 Oct 2024 15:55:08 +0530
Subject: [PATCH] bug: made hamburger clickable and added missing links (#168)

---
 about.html           | 35 ++++++++++++++++++++++++++++++++++-
 assets/css/style.css |  4 ++--
 index.html           |  2 +-
 3 files changed, 37 insertions(+), 4 deletions(-)

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>