srivasta/DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ajout première SAE WEB 1ere année 17/20

Browse Source
This commit is contained in:
EmmanuelTiamzon
2025-12-05 10:29:17 +01:00
parent 936915e585
commit b05817dbcd
42 changed files with 4335 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

116
SAE_WEB1/html/recette-riz_cantonnais.html Normal file
View File

@@ -0,0 +1,116 @@
<!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>&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>