bilal/BUT2IHM
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update SiteDeRecettes/index.html

Browse Source 
Ajout des autres recettes
This commit is contained in:
Derqsi BILAL
2025-09-24 11:16:02 +02:00
parent e2689e2d11
commit d411cf6a77
1 changed files with 50 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
SiteDeRecettes/index.html
View File

@@ -1,34 +1,50 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr"> <html lang="fr">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Recettes de Cuisine</title> <title>Recettes de Cuisine</title>
<link rel="stylesheet" href="assets/style.css"> <link rel="stylesheet" href="assets/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body> <body>
<!-- HEADER --> <!-- HEADER -->
<header> <header>
<div class="logo"><img src="assets/logo.png" alt="Logo du site"></div> <div class="logo"><img src="assets/logo.png" alt="Logo du site"></div>
<nav class="menu"> <nav class="menu">
<a href="index.html">Accueil</a> <a href="index.html">Accueil</a>
</nav> </nav>
<div class="burger">☰</div> <div class="burger">☰</div>
</header> </header>
<!-- SECTION PRINCIPALE --> <!-- SECTION PRINCIPALE -->
<main> <main>
<h2>Prêt à cuisiner ?</h2> <h2>Prêt à cuisiner ?</h2>
<section class="content"> <section class="content">
<!-- Recette du jour --> <!-- Recette du jour -->
<article class="recette-du-jour"> <article class="recette-du-jour">
<img src="assets/recette-jour.jpg" alt="Recette du jour"> <img src="assets/recette-jour.jpg" alt="Recette du jour">
<h3>Recette du jour</h3> <h3>Recette du jour</h3>
<p>Description rapide de la recette du jour...</p> <p>Description rapide de la recette du jour...</p>
</article> </article>
<!-- Autres recettes -->
</section> <aside class="autres-recettes">
</main> <h3>Autres recettes</h3>
</body> <div class="mini-recette">
</html> <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>