added contact page an removed some lorem content

assets/css/main.css

@@ -368,7 +368,7 @@ h6 {
     color: var(--nav-dropdown-color);
     padding: 10px 20px;
     font-family: var(--nav-font);
-    font-size: 17px;
+    font-size: 14px;
     font-weight: 500;
     display: flex;
     align-items: center;
@@ -457,6 +457,13 @@ h6 {
   .mobile-nav-active .navmenu>ul {
     display: block;
   }
+  .navmenu .dropdown.mega-menu ul{
+    display: none !important;
+    padding: 0px !important;
+  }
+  .navmenu .dropdown.mega-menu>.dropdown-active{
+    display: block !important;
+  }
 }
 
 /*--------------------------------------------------------------

assets/js/main.js

@@ -150,6 +150,18 @@
         }, 100);
       }
     }
+    const page = window.location.pathname;
+    document.querySelectorAll('#navmenu li').forEach(item => {
+      // Your logic here
+      debugger;
+      const link = item.querySelector('a');
+      let route = link.getAttribute('href');
+      if(page !== '/')
+        route = '/'+route;
+      if(route === page)
+        link.classList.add('active')
+      console.log(item.textContent); // Example: logs the text content of each <li>
+  });
   });
 
   /**

assets/js/navbar.js

@@ -9,7 +9,7 @@ const html = `<div
 
     <nav id="navmenu" class="navmenu">
         <ul>
-            <li><a href="/" class="active">Home</a></li>
+            <li><a href="/">Home</a></li>
             <li><a href="about.html">About</a></li>
             <li class="dropdown"><a href="#"><span>Products</span> <i
                         class="bi bi-chevron-down toggle-dropdown"></i></a>
@@ -17,15 +17,15 @@ const html = `<div
                     <li><a href="zeno-aio-landing.html">Laptops</a></li>
                     <li><a href="zeno-aio-landing.html">All In One's</a></li>
                     <li><a href="#">Servers</a></li>
-                    <li><a href="#">AI NVR (Coming Soon)</a></li>
-                    <li><a href="#">Racks</a></li>
+                    <li class="d-none"><a href="#">AI NVR (Coming Soon)</a></li>
+                    <li class="d-none"><a href="#">Racks</a></li>
                 </ul>
             </li>
             <li class="dropdown mega-menu"><a href="#"><span>Solutions</span> <i
                         class="bi bi-chevron-down toggle-dropdown"></i></a>
                 <ul>
-                    <li>
-                        <span class="text-primary ps-2">Supply Chain Solutions</span>
+                    <li class="mt-md-0 mt-3">
+                        <h6 class="text-primary ps-2 mb-2">Supply Chain Solutions</h6>
                         <div>
                             <div><a href="dealer-automation.html">Dealer Automation</a></div>
                             <div><a href="secondary-sales.html">Secodary Sales </a></div>
@@ -35,15 +35,15 @@ const html = `<div
                             <div><a href="track-and-trace.html">Track and Trace </a></div>
                         </div>
                     </li>
-                    <li>
-                        <span class="text-primary ps-2">Process Automation</span>
+                    <li class="mt-md-0 mt-3">
+                        <h6 class="text-primary ps-2 mb-2">Process Automation</h6>
                         <div>
                             <div><a href="enterprises.html">Enterprises</a></div>
                             <div><a href="govermnets.html">Governments</a></div>
                             <div><a href="small-businesses.html">Small Businesses</a></div>
                         </div>
                     </li>
-                    <li><span class="text-primary ps-2">VMS</span>
+                    <li class="mt-md-0 mt-3"><h6 class="text-primary ps-2 mb-2">VMS</h6>
                         <div>
                             <div><a href="integrated-video-solutions.html">Integrated Video Solutions</a></div>
                             <div><a href="video-storage-solutions.html">Video Storage Solutions</a></div>
@@ -80,12 +80,12 @@ const html = `<div
                 </ul>
             </li>
                 <li><a href="#">Investors</a></li>
-                <li><a href="#">Contact</a></li>
+                <li><a href="contact.html">Contact</a></li>
         </ul>
         <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
     </nav>
 
-    <a class="btn-getstarted d-none" href="#">Get Started</a>
+    <a class="btn-getstarted" href="#">Get Started</a>
 
 </div>`;
     document.getElementById('header').innerHTML = html;