File Manager
Editing: header.php
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>header</title> <link rel="stylesheet" href="e-commerce.css"> <style> .overlay-content a { display: flex; align-items: center; gap: 10px; /* Space between icon and text */ padding: 7px 7px; /* Add padding for better spacing */ } </style> </head> <body> <nav> <div class="topro"> <div class="title">e!zon</div> <input type="text" id="search" placeholder="Search anything..."> <div class="nav"> <span class="open-btn" onclick="openNav()">☰</span> </div> </div> <div id="myNav" class="overlay"> <a href="javascript:void(0)" class="close-btn" onclick="closeNav()">×</a> <div class="overlay-content"> <!-- My Account --> <a href="/dashboard"> <i class="fas fa-user"></i> My Account </a> <!-- Home --> <a href="/home"> <i class="fas fa-home"></i> Home </a> <!-- Categories --> <div class="categs"> <h4> Categories</h4> <a href="/products"> <i class="fas fa-list"></i> All Categories </a> <a href="/products/Electronics"> <i class="fas fa-laptop"></i> Electronics </a> <a href="/products/Fashion-and-Beauty"> <i class="fas fa-tshirt"></i> Fashion & Beauty </a> <a href="/products/Home-Accessories"> <i class="fas fa-couch"></i> Home Accessories </a> <a href="/products/Decorations"> <i class="fas fa-palette"></i> Decorations </a> <a href="/products/Food-and-Nutrition"> <i class="fas fa-utensils"></i> Food & Nutrition </a> <a href="/products/Services"> <i class="fas fa-tools"></i> Services </a> <a href="/products/transport"> <i class="fas fa-truck"></i> Transport </a> <a href="/products/Other"> <i class="fas fa-ellipsis-h"></i> Other </a> </div> <!-- Request a Product --> <a href="add_request.php"> <i class="fas fa-plus-circle"></i> Request a Product </a> <!-- Login --> <a href="/login"> <i class="fas fa-sign-in-alt"></i> LOGIN </a> <!-- Sell on EIZON --> <button style="background-color: orange;border: none;border-radius: 5px;padding: 9px 4px;"> <a href="sell.php"> + ADD PRODUCT </a> </button> </div> </div> <div style="height:1svh;width:99%;margin:auto;"><div id="result" class="search-result"></div></div> </nav> <script> function openNav() { document.getElementById("myNav").style.width = "260px"; } function closeNav() { document.getElementById("myNav").style.width = "0"; } // Close the navigation menu when clicking outside of it document.addEventListener("click", function (event) { const nav = document.getElementById("myNav"); const openButton = document.querySelector(".open-btn"); // Assuming you have a button to open the nav // Check if the click is outside the nav and not on the open button if (!nav.contains(event.target) && !openButton.contains(event.target)) { closeNav(); } }); </script> <script> if ('serviceWorker' in navigator) { navigator.serviceWorker.register('/sw.js') .then(function (reg) { console.log('[EIZON SW] Registered:', reg.scope); }) .catch(function (err) { console.error('[EIZON SW] Registration failed:', err); }); } </script> </body> </html>
💾 Save
⬅ Back