88 lines
2.7 KiB
HTML
88 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Autohändler Webshop</title>
|
|
<link rel="stylesheet" href="./Styles/startseite/startseite.css">
|
|
<link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<!-- Wrapper für die gesamte Seite -->
|
|
<div class="wrapper">
|
|
<!-- Header -->
|
|
<header>
|
|
<h1>Autohändler Webshop</h1>
|
|
<div class="header-right">
|
|
<a href="/login" class="login-btn">Login</a>
|
|
<a href="/warenkorb" class="cart">
|
|
<i class='bx bx-cart'></i>
|
|
<span class="cart-count">0</span>
|
|
</a>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Navigationsleiste -->
|
|
<nav class="menu">
|
|
<ul class="menu-list">
|
|
<li class="menu-item">
|
|
<a href="#">Startseite</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="#">Neuwagen</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="#">Gebrauchtwagen</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="#">Angebote</a>
|
|
</li>
|
|
<li class="menu-item">
|
|
<a href="#">Kontakt</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<!-- Hauptinhalt -->
|
|
<main>
|
|
<div class="search-bar">
|
|
<input type="text" placeholder="Marke oder Modell eingeben">
|
|
<select>
|
|
<option>Fahrzeugtyp</option>
|
|
<option>SUV</option>
|
|
<option>Limousine</option>
|
|
<option>Kombi</option>
|
|
</select>
|
|
<select>
|
|
<option>Preisspanne</option>
|
|
<option>Bis 10.000€</option>
|
|
<option>Bis 20.000€</option>
|
|
<option>Bis 50.000€</option>
|
|
</select>
|
|
<button>Suchen</button>
|
|
</div>
|
|
|
|
<section class="card-grid">
|
|
<div class="card">
|
|
<img src="https://via.placeholder.com/150" alt="Auto">
|
|
<h3>BMW 3er Limousine</h3>
|
|
<p>Preis: 35.000€</p>
|
|
<p>Baujahr: 2020 | Kilometerstand: 20.000 km</p>
|
|
<button class="add-to-cart">Zum Warenkorb hinzufügen</button>
|
|
</div>
|
|
<div class="card">
|
|
<img src="https://via.placeholder.com/150" alt="Auto">
|
|
<h3>Audi Q5</h3>
|
|
<p>Preis: 50.000€</p>
|
|
<p>Baujahr: 2022 | Kilometerstand: 10.000 km</p>
|
|
<button class="add-to-cart">Zum Warenkorb hinzufügen</button>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
|
|
<!-- Scripts -->
|
|
<script src="startseite.js"></script>
|
|
</body>
|
|
</html>
|