117 lines
4.8 KiB
HTML
117 lines
4.8 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 Riz Cantonais - É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>Riz Cantonais</h2>
|
|
<img src="../img/riz-cantonais.jpg" alt="Riz Cantonais">
|
|
|
|
<p>
|
|
Le riz cantonais est un plat emblématique de la cuisine chinoise. Il est riche en saveurs et composé de riz, légumes, œufs et viande.
|
|
Découvrez la recette complète pour réaliser ce délicieux plat à la maison.
|
|
</p>
|
|
<p>Avant de commencer, vérifiez d'avoir les bons ingrédients : </p>
|
|
|
|
<ul class="list-ingredient">
|
|
<li>Riz cuit (idéalement de la veille)</li>
|
|
<li>200g de petits pois</li>
|
|
<li>2 œufs</li>
|
|
<li>100g de jambon coupé en dés</li>
|
|
<li>1 oignon vert</li>
|
|
<li>Sauce soja</li>
|
|
<li>Huile de sésame ou huile d'olive</li>
|
|
<li>Sel et poivre</li>
|
|
<li>Garniture facultative : crevettes ou poulet</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<!-- Étapes de la recette -->
|
|
<section class="etapes-recette">
|
|
<h2>Étapes de préparation</h2>
|
|
<ol>
|
|
<li>Faites cuire les petits pois dans de l'eau bouillante pendant 2-3 minutes, puis égouttez-les.</li>
|
|
<li>Dans une poêle ou un wok, faites chauffer un peu d'huile de sésame et faites cuire les œufs brouillés. Réservez.</li>
|
|
<li>Dans la même poêle, ajoutez un peu d'huile et faites revenir l'oignon vert haché.</li>
|
|
<li>Ajoutez le jambon et faites-le dorer légèrement.</li>
|
|
<li>Incorporez le riz cuit et faites-le sauter en remuant pendant quelques minutes.</li>
|
|
<li>Ajoutez les petits pois, les œufs brouillés et, si vous le souhaitez, des crevettes ou du poulet.</li>
|
|
<li>Assaisonnez avec la sauce soja, le sel et le poivre, et continuez à faire sauter le tout pendant quelques minutes.</li>
|
|
<li>Servez chaud et dégustez avec une sauce soja supplémentaire si désiré.</li>
|
|
</ol>
|
|
</section>
|
|
</main>
|
|
<div class="scroll-to-top" onclick="scrollToTop()">
|
|
<img src="../img/fleche.png" alt="Retour en haut">
|
|
</div>
|
|
<footer>
|
|
<p>© 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>
|