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

Kommentieren #35

Merged
gitfreeking merged 4 commits from Kommentieren into develop 2025-04-29 10:55:11 +00:00
Conversation 0 Commits 4 Files Changed 17 +53 -44
2 changed files with 53 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit c70bc7c4e2 - Show all commits

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
-->
<header>
<!-- Logo und Shop-Titel -->
<div class="logo-container">
<img src="/images/Logo.png" alt="Modellauto-Shop Logo" class="logo-img">
<h1>Modellauto - Shop</h1>
</div>
<!-- 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
<!-- 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>
<!-- 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>
<!-- 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">0</span>
</a>
</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="/kontakt"><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>
<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="/kontakt"><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>

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

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