Peer Working : Ajout de nouvelles pages

This commit is contained in:
Moncef STITI 2024-01-16 17:05:22 +01:00
parent e6175ca05b
commit 742d5935c0
12 changed files with 171 additions and 16 deletions

19
css/fournisseurs.css Normal file
View File

@ -0,0 +1,19 @@
.fournisseur {
margin-bottom: 20px;
}
.fournisseur img {
max-width: 100%;
width: 20%;
margin-bottom: 10px;
}
.fournisseur h3 {
color: #4A305A;
}
.fournisseur p {
color: #333;
font-size: 16px;
line-height: 1.5;
}

View File

@ -16,11 +16,12 @@
<a href="index.html">Accueil</a> <a href="index.html">Accueil</a>
<a href="#">Menu</a> <a href="#">Menu</a>
<div class="dropdown"> <div class="dropdown">
<a href="#" class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a> <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
<div class="dropdown-content"> <div class="dropdown-content">
<a href="a-propos.html">Qui sommes-nous ?</a>
<a href="faq.html">FAQ</a> <a href="faq.html">FAQ</a>
<a href="nos-chefs.html">Nos chefs</a> <a href="nos-chefs.html">Nos chefs</a>
<a href="#">Nos fournisseurs</a> <a href="fournisseurs.html">Nos fournisseurs</a>
<a href="#">Notre équipe</a> <a href="#">Notre équipe</a>
</div> </div>
</div> </div>
@ -49,7 +50,7 @@
</p> </p>
<p> <p>
Notre brigade de cuisine est également composée de robots de pointe. Parmi eux : <br> Notre brigade de cuisine est également composée de robots de pointe. Parmi eux : <br>
<img src="../img/PhotoCuisine/CouteauRobot.jpg" alt="Robot Couteau" class="robot-image"> <br> <img src="../img/PhotoCuisine/CouteauRobot.jpg" alt="Robot Couteau" class="robot-image">
<img src="../img/PhotoCuisine/CuisineRobot.jpg" alt="Robot Cuisine" class="robot-image"> <br> <img src="../img/PhotoCuisine/CuisineRobot.jpg" alt="Robot Cuisine" class="robot-image"> <br>
Ils garantissent une précision et une qualité constantes dans la préparation de chaque plat. Cette automatisation permet de maintenir des prix abordables, éliminant les coûts de main-d'œuvre tout en assurant une expérience gastronomique exceptionnelle. Ils garantissent une précision et une qualité constantes dans la préparation de chaque plat. Cette automatisation permet de maintenir des prix abordables, éliminant les coûts de main-d'œuvre tout en assurant une expérience gastronomique exceptionnelle.
</p> </p>

View File

@ -16,11 +16,12 @@
<a href="index.html">Accueil</a> <a href="index.html">Accueil</a>
<a href="#">Menu</a> <a href="#">Menu</a>
<div class="dropdown"> <div class="dropdown">
<a href="#" class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a> <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
<div class="dropdown-content"> <div class="dropdown-content">
<a href="a-propos.html">Qui sommes-nous ?</a>
<a href="faq.html">FAQ</a> <a href="faq.html">FAQ</a>
<a href="nos-chefs.html">Nos chefs</a> <a href="nos-chefs.html">Nos chefs</a>
<a href="#">Nos fournisseurs</a> <a href="fournisseurs.html">Nos fournisseurs</a>
<a href="#">Notre équipe</a> <a href="#">Notre équipe</a>
</div> </div>
</div> </div>

View File

@ -16,11 +16,12 @@
<a href="index.html">Accueil</a> <a href="index.html">Accueil</a>
<a href="#">Menu</a> <a href="#">Menu</a>
<div class="dropdown"> <div class="dropdown">
<a href="#" class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a> <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
<div class="dropdown-content"> <div class="dropdown-content">
<a href="a-propos.html">Qui sommes-nous ?</a>
<a href="faq.html">FAQ</a> <a href="faq.html">FAQ</a>
<a href="nos-chefs.html">Nos chefs</a> <a href="nos-chefs.html">Nos chefs</a>
<a href="#">Nos fournisseurs</a> <a href="fournisseurs.html">Nos fournisseurs</a>
<a href="#">Notre équipe</a> <a href="#">Notre équipe</a>
</div> </div>
</div> </div>

129
html/fournisseurs.html Normal file
View File

@ -0,0 +1,129 @@
<!DOCTYPE html>
<html lang="fr-FR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../css/styles.css">
<link rel="stylesheet" href="../css/fournisseurs.css">
<title>Nos Fournisseurs - Neo Eat</title>
</head>
<body>
<header class="navbar">
<div class="logo">
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
</div>
<nav class="nav-links">
<a href="index.html">Accueil</a>
<a href="#">Menu</a>
<div class="dropdown">
<a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
<div class="dropdown-content">
<a href="a-propos.html">Qui sommes-nous ?</a>
<a href="faq.html">FAQ</a>
<a href="nos-chefs.html">Nos chefs</a>
<a href="fournisseurs.html">Nos fournisseurs</a>
<a href="#">Notre équipe</a>
</div>
</div>
<a href="../html/contact.html" class="nav-link">Contact</a>
<a href="../html/reservation.html" class="nav-link reserve-btn">Réserver une table</a>
</nav>
<!-- BARRE DU MENU BURGER -->
<div class="burger-menu">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
</header>
<div class="content">
<section>
<h2>Nos Fournisseurs</h2>
<div class="fournisseur">
<h3>Chambre d'agriculture Région Île-de-France</h3>
<p>
Nous sommes fiers de collaborer avec la Chambre d'agriculture Région Île-de-France, un partenaire essentiel dans la fourniture de produits de qualité. Leur engagement envers l'agriculture locale et durable contribue de manière significative à la fraîcheur et à la diversité des ingrédients que nous utilisons dans nos plats. La Chambre d'agriculture joue un rôle clé dans notre quête constante d'excellence gastronomique.
</p>
<img src="../img/Fournisseurs/chambreAgriculture.png" alt="Fournisseur 1">
</div>
<div class="fournisseur">
<h3>La Pièce du Boucher</h3>
<p>
Nous sommes fiers de compter parmi nos partenaires La Pièce du Boucher Halal et Kasher, une référence en matière de viande de qualité répondant aux normes halal et kasher. La Pièce du Boucher s'engage à fournir des produits de viande frais, succulents et préparés selon des méthodes respectueuses des principes halal et kasher. Cette collaboration renforce notre engagement à offrir une diversité de choix, assurant ainsi que chaque client puisse profiter de plats savoureux préparés avec des ingrédients qui respectent leurs préférences alimentaires. Nous sommes convaincus que la qualité et la diversité de La Pièce du Boucher enrichiront notre offre culinaire pour satisfaire les exigences variées de notre clientèle.
</p>
<img src="../img/Fournisseurs/LaPieceDuBoucher.png" alt="Fournisseur 2">
</div>
</section>
<div class="fournisseur">
<h3>Le Chasse-Marée</h3>
<p>
Nous sommes ravis de compter parmi nos partenaires le Chasse-Marée, une entreprise spécialisée dans la fourniture de poissons frais de haute qualité. Le Chasse-Marée s'approvisionne directement auprès des pêcheurs locaux, garantissant ainsi la fraîcheur et la provenance responsable de ses produits. Leur engagement envers la durabilité et la qualité se reflète dans la variété de poissons disponibles, répondant aux normes les plus élevées de notre cuisine. Nous sommes confiants que cette collaboration renforcera notre engagement envers des plats délicieux et responsables.
</p>
<img src="../img/Fournisseurs/LeChasseMarée.png" alt="Fournisseur 3">
</div>
</section>
</div>
<footer class="footer">
<div class="footer-content">
<div class="footer-section">
<h3>Plan du site</h3>
<!-- Ajoutez ici les liens vers les différentes sections du site -->
</div>
<div class="footer-section">
<h3>Mentions légales</h3>
<!-- Ajoutez ici les informations légales nécessaires -->
</div>
<div class="footer-section">
<h3>Contact</h3>
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
</div>
<div class="footer-section horizontally-aligned">
<h3>Réseaux sociaux</h3>
<div class="logo-reseaux">
<p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram">
</a>
</p>
<p>
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Facebook.png" alt="Facebook">
</a>
</p>
<p>
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/X.png" alt="X">
</a>
</p>
<p>
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Youtube">
</a>
</p>
<p>
<a href="https://www.TripAdvisor.com/neoeat/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Tripadvisor.png" alt="TripAdvisor">
</a>
</p>
</div>
</div>
</div>
<div class="footer-signature">
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
<p>&copy; 2024 Neo Eat. Tous droits réservés.</p>
</div>
</footer>
<script src="../js/script.js"></script>
<button id="scrollTopBtn" onclick="scrollToTop()">
<span>&#x1F680;</span>
</button>
</body>
</html>

View File

@ -16,11 +16,12 @@
<a href="index.html">Accueil</a> <a href="index.html">Accueil</a>
<a href="#">Menu</a> <a href="#">Menu</a>
<div class="dropdown"> <div class="dropdown">
<a href="#" class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a> <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
<div class="dropdown-content"> <div class="dropdown-content">
<a href="a-propos.html">Qui sommes-nous ?</a>
<a href="faq.html">FAQ</a> <a href="faq.html">FAQ</a>
<a href="nos-chefs.html">Nos chefs</a> <a href="nos-chefs.html">Nos chefs</a>
<a href="#">Nos fournisseurs</a> <a href="fournisseurs.html">Nos fournisseurs</a>
<a href="#">Notre équipe</a> <a href="#">Notre équipe</a>
</div> </div>
</div> </div>

View File

@ -16,11 +16,12 @@
<a href="index.html">Accueil</a> <a href="index.html">Accueil</a>
<a href="#">Menu</a> <a href="#">Menu</a>
<div class="dropdown"> <div class="dropdown">
<a href="#" class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a> <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
<div class="dropdown-content"> <div class="dropdown-content">
<a href="a-propos.html">Qui sommes-nous ?</a>
<a href="faq.html">FAQ</a> <a href="faq.html">FAQ</a>
<a href="#">Nos chefs</a> <a href="nos-chefs.html">Nos chefs</a>
<a href="#">Nos fournisseurs</a> <a href="fournisseurs.html">Nos fournisseurs</a>
<a href="#">Notre équipe</a> <a href="#">Notre équipe</a>
</div> </div>
</div> </div>

View File

@ -16,11 +16,12 @@
<a href="index.html">Accueil</a> <a href="index.html">Accueil</a>
<a href="#">Menu</a> <a href="#">Menu</a>
<div class="dropdown"> <div class="dropdown">
<a href="#" class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a> <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
<div class="dropdown-content"> <div class="dropdown-content">
<a href="a-propos.html">Qui sommes-nous ?</a>
<a href="faq.html">FAQ</a> <a href="faq.html">FAQ</a>
<a href="nos-chefs.html">Nos chefs</a> <a href="nos-chefs.html">Nos chefs</a>
<a href="#">Nos fournisseurs</a> <a href="fournisseurs.html">Nos fournisseurs</a>
<a href="#">Notre équipe</a> <a href="#">Notre équipe</a>
</div> </div>
</div> </div>

View File

@ -16,11 +16,12 @@
<a href="index.html">Accueil</a> <a href="index.html">Accueil</a>
<a href="#">Menu</a> <a href="#">Menu</a>
<div class="dropdown"> <div class="dropdown">
<a href="#" class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a> <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
<div class="dropdown-content"> <div class="dropdown-content">
<a href="a-propos.html">Qui sommes-nous ?</a>
<a href="faq.html">FAQ</a> <a href="faq.html">FAQ</a>
<a href="nos-chefs.html">Nos chefs</a> <a href="nos-chefs.html">Nos chefs</a>
<a href="#">Nos fournisseurs</a> <a href="fournisseurs.html">Nos fournisseurs</a>
<a href="#">Notre équipe</a> <a href="#">Notre équipe</a>
</div> </div>
</div> </div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 214 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 239 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB