Berufsschule/Webshop
Berufsschule/Webshop
Template
5
2
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 1 Releases 3 Wiki Activity

Link im Header

Browse Source
This commit is contained in:
gitfreeking 2025-04-28 09:47:06 +02:00
parent 39c5e58af4
commit c70bc7c4e2
2 changed files with 53 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

92
public/header_footer/header.html
View File

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

5
static/Styles/styles-main.css
View File

@ -55,6 +55,11 @@ header {
object-fit: contain; object-fit: contain;
} }
.logo-link {
text-decoration: none;
color: inherit;
}
header h1 { header h1 {
font-size: 30px; font-size: 30px;
color: #333; color: #333;