75 lines
2.0 KiB
HTML
75 lines
2.0 KiB
HTML
<nav>
|
|
<div class="nav-inner">
|
|
<a href="index.html" class="logo">
|
|
<img
|
|
src="../assets/images/logo.webp"
|
|
alt="MediGlobe Logo"
|
|
class="logo-image" />
|
|
</a>
|
|
<ul class="nav-links">
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="about.html">About Us</a></li>
|
|
</ul>
|
|
<div class="nav-right">
|
|
<!-- <div class="search-box">
|
|
<input type="text" placeholder="Search products..." />
|
|
<button>
|
|
<svg
|
|
width="15"
|
|
height="15"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2.5">
|
|
<circle cx="11" cy="11" r="8" />
|
|
<line x1="21" y1="21" x2="16.65" y2="16.65" />
|
|
</svg>
|
|
</button>
|
|
</div> -->
|
|
<button class="icon-btn" id="menu-toggle">
|
|
<svg
|
|
width="20"
|
|
height="20"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2">
|
|
<line x1="3" y1="6" x2="21" y2="6" />
|
|
<line x1="3" y1="12" x2="21" y2="12" />
|
|
<line x1="3" y1="18" x2="21" y2="18" />
|
|
</svg>
|
|
</button>
|
|
<button class="cart-btn" onclick="window.location.href='cart.html'">
|
|
<span class="cart-count" id="nav-cart-count">0</span>
|
|
<svg
|
|
width="15"
|
|
height="15"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2.2">
|
|
<path d="M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z" />
|
|
<line x1="3" y1="6" x2="21" y2="6" />
|
|
<path d="M16 10a4 4 0 01-8 0" />
|
|
</svg>
|
|
My Cart
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<!-- MOBILE OVERLAY MENU -->
|
|
<div class="mobile-menu-overlay" id="mobile-menu">
|
|
<div class="mobile-menu-header">
|
|
<span class="mobile-menu-title">Menu</span>
|
|
<!-- <button class="close-menu" id="menu-close">✕</button> -->
|
|
</div>
|
|
|
|
<ul class="mobile-nav-links">
|
|
<li><a href="index.html">Home</a></li>
|
|
<!-- <li><a href="#">Shop</a></li> -->
|
|
<!-- <li><a href="#">Categories</a></li> -->
|
|
<li><a href="about.html">About Us</a></li>
|
|
<!-- <li><a href="#">Contact Us</a></li> -->
|
|
</ul>
|
|
</div>
|
|
</nav>
|