61 lines
2.1 KiB
HTML
61 lines
2.1 KiB
HTML
<!--
|
|
Header-Bereich Einbindung
|
|
Zeigt Logo, Link zur Startseite, Warenkorb (beispielhaft, keine Funktion) und Menüleiste an
|
|
-->
|
|
<header>
|
|
<!-- Logo und Shop-Titel -->
|
|
<a href="/" class="logo-link">
|
|
<div class="logo-container">
|
|
<img src="/images/Logo.png" alt="Modellauto-Shop Logo" class="logo-img">
|
|
<h1>Modellauto - Shop</h1>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- Auf der rechten Seite des Headers befindet sich der Login-Button und der Warenkorb -->
|
|
<div class="header-right">
|
|
<!-- Login-Button -->
|
|
<a href="/login" class="login-btn">
|
|
<i class='bx bx-user'></i> Login
|
|
</a>
|
|
|
|
<!-- Warenkorb-Button mit Icon und Anzeige der Artikelanzahl (keine Funktion) -->
|
|
<a href="/warenkorb" class="cart">
|
|
<i class='bx bx-cart'></i>
|
|
<span class="cart-count" id="cart-count">0</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Navigationsmenü -->
|
|
<nav class="menu">
|
|
<ul class="menu-list">
|
|
<!-- Startseite Link -->
|
|
<li class="menu-item">
|
|
<a href="/"><i class='bx bx-home'></i> Startseite</a>
|
|
</li>
|
|
<!-- Shop Link mit Dropdown-Menü für die verschiedene Unterkategorien -->
|
|
<li class="menu-item">
|
|
<a href="/shop"><i class='bx bx-store'></i> Shop</a>
|
|
<ul class="submenu">
|
|
<li><a href="/shop/motorrad"></i> Motorräder</a></li>
|
|
<li><a href="/shop/oldtimer"></i> Oldtimer</a></li>
|
|
<li><a href="/shop/sportwagen"></i> Sportwagen</a></li>
|
|
<li><a href="/shop/lkw"></i> LKWs</a></li>
|
|
</ul>
|
|
</li>
|
|
<!-- Link zu Über uns-->
|
|
<li class="menu-item">
|
|
<a href="/ueberuns"><i class='bx bx-group'></i> Über uns</a>
|
|
</li>
|
|
<!-- Link zur Kontakt Seite-->
|
|
<li class="menu-item">
|
|
<a href="/kontaktformular"><i class='bx bx-envelope'></i> Kontakt</a>
|
|
</li>
|
|
<!-- Link zum Bestellformular-->
|
|
<li class="menu-item">
|
|
<a href="/bestellformular"><i class='bx bx-notepad'></i> Bestellformular</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|