2025-09-24 11:16:02 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="fr">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<title>Recettes de Cuisine</title>
|
|
|
|
|
<link rel="stylesheet" href="assets/style.css">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<!-- HEADER -->
|
|
|
|
|
<header>
|
|
|
|
|
<div class="logo"><img src="assets/logo.png" alt="Logo du site"></div>
|
|
|
|
|
<nav class="menu">
|
|
|
|
|
<a href="index.html">Accueil</a>
|
|
|
|
|
</nav>
|
|
|
|
|
<div class="burger">☰</div>
|
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
<!-- SECTION PRINCIPALE -->
|
|
|
|
|
<main>
|
|
|
|
|
<h2>Prêt à cuisiner ?</h2>
|
|
|
|
|
<section class="content">
|
|
|
|
|
<!-- Recette du jour -->
|
|
|
|
|
<article class="recette-du-jour">
|
|
|
|
|
<img src="assets/recette-jour.jpg" alt="Recette du jour">
|
|
|
|
|
<h3>Recette du jour</h3>
|
|
|
|
|
<p>Description rapide de la recette du jour...</p>
|
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
<!-- Autres recettes -->
|
|
|
|
|
<aside class="autres-recettes">
|
|
|
|
|
<h3>Autres recettes</h3>
|
|
|
|
|
<div class="mini-recette">
|
|
|
|
|
<img src="Assets/AutresRecettes/FishAndChips.jpg." alt="Recette 1">
|
|
|
|
|
<p>Description brève...</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="mini-recette">
|
|
|
|
|
<img src="Assets/AutresRecettes/SaladeCesareAccompagneDeSaSauceALaCreme.jpg" alt="Recette 2">
|
|
|
|
|
<p>Description brève...</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="mini-recette">
|
|
|
|
|
<img src="Assets/AutresRecettes/SpaghettiAuxCrevettes.jpg" alt="Recette 3">
|
|
|
|
|
<p>Description brève...</p>
|
|
|
|
|
</div>
|
|
|
|
|
</aside>
|
|
|
|
|
|
|
|
|
|
</section>
|
|
|
|
|
</main>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
