lab-development-imb/web/02_lösung/05_rezepte/05_rezepte.html

67 lines
2.6 KiB
HTML

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Meine Lieblingsrezepte</title>
</head>
<body>
<header>
<nav>
<a href="rezepte/bolognese.html">Vegetarische Bolognese</a> |
<a href="rezepte/ramen.html">Ramen</a> |
<a href="rezepte/kimchi.html">Kimchi</a> |
<a href="rezepte/nudelpfanne.html">Nudelpfanne</a> |
<a href="rezepte/salat.html">Salat</a>
</nav>
</header>
<main>
<table border="1">
<thead>
<tr>
<th>Rezept</th>
<th>Bild</th>
<th>Arbeitsaufwand</th>
<th>Portionen</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="detailseiten/bolognese.html">Vegetarische Bolognese</a></td>
<td><img src="img/bolognese.jpeg" alt="Spaghetti Bolognese"width="300"></td>
<td>60 Minuten</td>
<td>4</td>
</tr>
<tr>
<td><a href="detailseiten/ramen.html">Ramen</a></td>
<td><img src="img/ramen.jpeg" alt="Vegetarische Ramen"width="300"></td>
<td>30 Minuten</td>
<td>2</td>
</tr>
<tr>
<td><a href="detailseiten/kimchi.html">Kimchi</a></td>
<td><img src="img/kimchi.jpeg" alt="Kimchi"width="300"></td>
<td>30 Minuten + 3 Wochen Wartezeit</td>
<td>30</td>
</tr>
<tr>
<td><a href="detailseiten/nudelpfanne.html">Nudelpfanne</a></td>
<td><img src="img/nudelpfanne.jpeg" alt="Nudelpfanne" width="300"></td>
<td>20 Minuten</td>
<td>2</td>
</tr>
<tr>
<td><a href="detailseiten/salat.html">Salat</a></td>
<td><img src="img/salat.jpeg" alt="Salat" width="300"></td>
<td>10 Minuten</td>
<td>2</td>
</tr>
</tbody>
</table>
</main>
<footer>
<p>Kontakt: <a href="mailto:meine.rezepte@example.com">meine.rezepte@example.com</a></p>
<p>Erstellt von: Francesca Bläse | © 2025 Meine Lieblingsrezepte</p>
</footer>
</body>
</html>