Files
DEV/SAE_WEB1/html/recette-sauce_forestiere.html
2025-12-05 10:29:17 +01:00

115 lines
4.6 KiB
HTML

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Recette Sauce Forestière - Étoiles & Saveurs</title>
<link rel="stylesheet" href="../css/style_global.css">
<link rel="stylesheet" href="../css/style_recettes-global.css">
</head>
<body>
<header>
<a href="index.html"><img src="../img/logo_etoile&saveurs.png" alt="TIAMZON Emmanuel" width="100"></a>
<div class="burger-menu" onclick="toggleMenu()">
<span></span>
<span></span>
<span></span>
</div>
<a href="inscription.html" class="register-button">S'inscrire</a>
<a href="connecter.html" class="login-button">Se connecter</a>
<nav class="main-nav" id="main-nav">
<ul>
<li><a href="../index.html">Accueil</a></li>
<li><a href="apropos.html">Qui sommes-nous</a></li>
<li><a href="page_recettes.html">Nos Chefs et Nos Recettes</a></li>
<li><a href="carte_chefs.html">Carte des Chefs</a></li> <!-- Nouveau lien -->
<li><a href="disponibilite.html">Disponibilité</a></li>
<li><a href="page_contact.html">Contact</a></li>
<li><a href="javascript:history.back()" class="back-button">Retour</a></li>
</ul>
</nav>
</header>
<main>
<section class="recette">
<h2>Sauce Forestière au champignon et au poulet</h2>
<img src="../img/img-sauce-forestiere.jpg" alt="Sauce Forestière">
<p>
Une recette classique de la cuisine française, que l'on a déjà goûtée au moins une fois.
Cette recette est présentée en détail par notre chef cuisinier Emmanuel, qui souhaite vous transmettre sa recette favorite de sauce forestière aux champignons.
</p>
<p>Avant de commencer, vérifiez d'avoir les bons ingrédients : </p>
<ul class="list-ingredient">
<li>Sel & poivre</li>
<li>300 grammes de champignons</li>
<li>1 oignon moyen blanc ou rouge</li>
<li>2 gousses d'ail</li>
<li>1 petit pot de crème fraîche liquide</li>
<li>Vin blanc ou jus de citron</li>
<li>Cuisse de poulet désossée</li>
</ul>
</section>
<!-- Étapes de la recette -->
<section class="etapes-recette">
<h2>Étapes de préparation</h2>
<ol>
<li>Lavez et coupez les champignons en fines lamelles.</li>
<li>Épluchez et hachez l'oignon et l'ail.</li>
<li>Dans une poêle, faites revenir les oignons et l'ail avec un filet d'huile d'olive.</li>
<li>Ajoutez les champignons et laissez cuire jusqu'à ce qu'ils libèrent leur eau.</li>
<li>Incorporez les cuisses de poulet et faites-les dorer des deux côtés.</li>
<li>Déglacez avec un peu de vin blanc ou de jus de citron, puis laissez réduire.</li>
<li>Ajoutez la crème fraîche, assaisonnez avec sel et poivre, puis laissez mijoter 10 minutes.</li>
<li>Servez chaud avec du riz ou des pâtes.</li>
</ol>
</section>
</main>
<div class="scroll-to-top" onclick="scrollToTop()">
<img src="../img/fleche.png" alt="Retour en haut">
</div>
<footer>
<p>&copy; 2024 Étoiles & Saveurs. Tous droits réservés.</p>
</footer>
<script>
// Code pour le bouton burger
const burgerMenu = document.querySelector('.burger-menu');
const nav = document.querySelector('#main-nav');
burgerMenu.addEventListener('click', () => {
nav.classList.toggle('open');
});
window.addEventListener('resize', () => {
if (window.innerWidth > 768) {
nav.classList.remove('open');
}
});
// Code pour le lien "Retour"
const backButton = document.querySelector('.back-button');
backButton.addEventListener('click', (e) => {
e.preventDefault();
window.history.back();
});
// Fonction pour revenir en haut de la page
function scrollToTop() {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
}
</script>
</body>
</html>