start working on nav menu

site/src/nav.html

@@ -1,27 +1,50 @@
-<img src="https://static.janishutz.com/logo.jpg" alt="janishutz.com logo" class="logo">
-<div>
-    <div class="nav-link-wrapper">
+<div class="nav-link-wrapper">
+    <div class="nav-link-header">
+        <span class="material-symbols-outlined">lightbulb</span>
         <a href="/projects">Projects</a>
-        <div class="nav-link-dropdown">
-            <a href="/projects/storagemanager">StorageManager</a>
-            <a href="/projects/qrscanner">QR & Barcode Insight</a>
-            <a href="/projects/libreevent">libreǝvent</a>
-        </div>
     </div>
-    <div class="nav-link-wrapper">
-        <a href="/projects">About</a>
-        <div class="nav-link-dropdown">
-            <a href="/about/aboutme">StorageManager</a>
-            <a href="/projects/qrscanner">QR & Barcode Insight</a>
-            <a href="/projects/libreevent">libreǝvent</a>
-        </div>
+    <div class="nav-link-dropdown">
+        <a href="/projects">View all</a>
+        <a href="/projects/storagemanager">StorageManager</a>
+        <a href="/projects/qrscanner">QR & Barcode Insight</a>
+        <a href="/projects/libreevent">libreǝvent</a>
     </div>
-    <div class="nav-link-wrapper">
+</div>
+
+<div class="nav-link-wrapper">
+    <div class="nav-link-header">
+        <span class="material-symbols-outlined">build</span>
+        <a href="/services">Services</a>
+    </div>
+    <div class="nav-link-dropdown">
+        <a href="https://store.janishutz.com">Store</a>
+        <a href="https://id.janishutz.com">Account</a>
+        <a href="https://development.janishutz.com">Custom Websites</a>
+    </div>
+</div>
+
+<img src="https://static.janishutz.com/logo.jpg" alt="janishutz.com logo" class="logo">
+
+<div class="nav-link-wrapper">
+    <div class="nav-link-header">
+        <span class="material-symbols-outlined">info</span>
+        <a href="/about">About</a>
+    </div>
+    <div class="nav-link-dropdown">
+        <a href="/about">About janishutz.com</a>
+        <a href="/about/aboutme">About Janis Hutz</a>
+        <a href="/legal">Legal</a>
+    </div>
+</div>
+
+<div class="nav-link-wrapper">
+    <div class="nav-link-header">
+        <span class="material-symbols-outlined">support_agent</span>
         <a href="/projects">Support</a>
-        <div class="nav-link-dropdown">
-            <a href="/projects/storagemanager">StorageManager</a>
-            <a href="/projects/qrscanner">QR & Barcode Insight</a>
-            <a href="/projects/libreevent">libreǝvent</a>
-        </div>
+    </div>
+    <div class="nav-link-dropdown">
+        <a href="https://support.janishutz.com">Support Hub</a>
+        <a href="https://support.janishutz.com/knowledgebase.php">Knowledgebase</a>
+        <a href="/support/old">Old websites</a>
     </div>
 </div>