Link im Header

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

View File

@ -4,16 +4,20 @@
--> -->
<header> <header>
<!-- Logo und Shop-Titel --> <!-- Logo und Shop-Titel -->
<a href="/" class="logo-link">
<div class="logo-container"> <div class="logo-container">
<img src="/images/Logo.png" alt="Modellauto-Shop Logo" class="logo-img"> <img src="/images/Logo.png" alt="Modellauto-Shop Logo" class="logo-img">
<h1>Modellauto - Shop</h1> <h1>Modellauto - Shop</h1>
</div> </div>
</a>
<!-- Auf der rechten Seite des Headers befindet sich der Login-Button und der Warenkorb --> <!-- Auf der rechten Seite des Headers befindet sich der Login-Button und der Warenkorb -->
<div class="header-right"> <div class="header-right">
<!-- Login-Button --> <!-- Login-Button -->
<a href="/login" class="login-btn"> <a href="/login" class="login-btn">
<i class='bx bx-user'></i> Login <i class='bx bx-user'></i> Login
</a> </a>
<!-- Warenkorb-Button mit Icon und Anzeige der Artikelanzahl (keine Funktion) --> <!-- Warenkorb-Button mit Icon und Anzeige der Artikelanzahl (keine Funktion) -->
<a href="/warenkorb" class="cart"> <a href="/warenkorb" class="cart">
<i class='bx bx-cart'></i> <i class='bx bx-cart'></i>

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;