Update dashboard.html

Updated

Author: aimtyaem

dashboard.html

@@ -39,7 +39,7 @@
             align-items: center;
         }
 
-        .menu-item {
+         .menu-item {
             text-decoration: none;
             color: #555;
             font-size: 16px;
@@ -56,6 +56,51 @@
             color: white;
         }
 
+        .menu-toggle {
+            display: none;
+            flex-direction: column;
+            cursor: pointer;
+        }
+
+        .menu-toggle span {
+            height: 3px;
+            width: 25px;
+            background: #333;
+            margin: 4px 0;
+        }
+
+        .menu-items {
+            display: flex;
+            gap: 10px;
+        }
+
+        @media (max-width: 768px) {
+            nav {
+                flex-direction: column;
+                align-items: flex-start;
+            }
+
+            .menu-toggle {
+                display: flex;
+            }
+
+            .menu-items {
+                display: none;
+                flex-direction: column;
+                width: 100%;
+            }
+
+            .menu-items.active {
+                display: flex;
+            }
+
+            .menu-item {
+                width: 100%;
+                text-align: left;
+                padding: 12px 20px;
+            }
+        }
+
         .dashboard-container {
             display: flex;
             flex-wrap: wrap;
@@ -149,6 +194,8 @@
         <a href="water.html" class="menu-item">💧 Water</a>
         <a href="reports.html" class="menu-item">📊 Reports</a>
         <a href="tutorials.html" class="menu-item">🎓 Tutorials</a>
+        <a href="about.html" class="menu-item">📖 About</a>
+        <a href="contacts.html" class="menu-item">📞 Contacts</a>
     </nav>
 </header>