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>
<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>
</section>
</main>
</body>
</html>
<!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>