Commit de Marco ORFAO : Modification du menu

css/CV.css

@@ -14,11 +14,7 @@ body {
     border-radius: 8px;
 }
 
-header h1 {
+header h1,
-    color: #007BFF;
-    text-align: center;
-}
-
 header h2 {
     color: #007BFF;
     text-align: center;
@@ -28,10 +24,7 @@ section {
     margin-top: 30px;
 }
 
-.job h3 {
+.job h3,
-    color: #007BFF;
-}
-
 .competence h3 {
     color: #007BFF;
 }
@@ -59,9 +52,14 @@ ul, ol {
 
 .print-button {
     display: block;
-    margin: auto;
+    margin: 20px auto; /* Center the print button */
     padding: 10px 20px;
     font-size: 18px;
+    background-color: #b71c1c;
+    color: #fff;
+    cursor: pointer;
+    border: none;
+    border-radius: 4px;
 }
 
 @media print {

css/ReservationSuccess.css

@@ -1,4 +1,4 @@
-.content {
+.contenue {
     max-width: 800px;
     margin: 20px auto;
     padding: 20px;

css/a-propos.css

@@ -1,13 +1,13 @@
-.about-section {
+.a-propos-section {
     text-align: justify;
     margin-top: 20px;
 }
 
-.about-section p {
+.a-propos-section p {
     margin-bottom: 20px;
 }
 
-.about-section img {
+.a-propos-section img {
     max-width: 100%;
     border-radius: 8px;
     margin-top: 10px;

css/faq.css

@@ -3,7 +3,7 @@
     margin: 0 auto;
 }
 
-.faq-item {
+.faq-element {
     margin-bottom: 20px;
 }
 
@@ -20,7 +20,7 @@
     font-size: large;
 }
 
-.faq-answer {
+.faq-reponse {
     display: none;
     padding: 10px;
     border: 1px solid #ccc;
@@ -28,11 +28,11 @@
     margin-top: 10px;
 }
 
-.faq-answer p {
+.faq-reponse p {
     margin: 0;
 }
 
-.faq-item.active .faq-question-btn {
+.faq-element.active .faq-question-btn {
     background-color: #4A305A;
 }
 

css/menu.css

@@ -1,97 +1,76 @@
-body {
+.menu-navigation {
-    font-family: 'Arial', sans-serif;
+    text-align: center;
-    background-color: #f7f7f7;
+    margin: 20px 0;
+}
+
+.menu-navigation ul {
+    list-style: none;
+    padding: 0;
+}
+
+.menu-navigation li {
+    display: inline-block;
+    margin-right: 20px;
+}
+
+.menu-navigation a {
+    text-decoration: none;
     color: #333;
+    font-size: 16px;
+    font-weight: bold;
+    transition: color 0.3s ease-in-out;
 }
 
-.menu-category {
+.menu-navigation a:hover {
-    margin-bottom: 20px;
+    color: #ff8c00;
+}
+
+.menu-categorie {
+    margin-bottom: 40px;
     background-color: #fff;
-    padding: 15px;
+    padding: 20px;
-    border:solid;
+    border-radius: 12px;
-    border-radius: 10px;
+    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }
 
-.Carte {
+.menu-categorie h3 {
-    border:solid;
+    font-size: 28px;
-    margin-bottom: 20px;
+    border-bottom: 3px solid #ccc;
-    margin-left:auto;
+    padding-bottom: 10px;
-    margin-right:auto;
+    margin-bottom: 15px;
-    height:70vw;
-    max-height: 1122px;
-    width:50vw;
-    max-width : 794px;
-    background-color: #E3E3E3;
-    padding: 15px;
-    border-radius: 10px;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-}
-
-.Carte img {
-    border:solid;
-    width: 10vw;
-    max-height: 200px;
-    height: 10vw;
-    max-height: 200px;
-    border-radius: 8px;
-}
-
-.Carte #haut-droit {
-    float:right;
-}
-
-#haut-gauche {
-    transform: rotate(0.75turn);
-}
-
-#bas-droit {
-    transform: rotate(0.25turn);
-    top:922px;
-}
-
-#bas-gauche {
-    transform: rotate(0.5turn);
-}
-
-
-
-
-
-
-
-
-
-
-.menu-category h3 {
-    font-size: 24px;
-    border-bottom: 2px solid #ccc;
-    padding-bottom: 5px;
-    margin-bottom: 10px;
     color: #1a1a1a;
 }
 
-.menu-item {
+.menu-element {
-    margin-bottom: 20px;
+    margin-bottom: 25px;
-    background-color: #fff;
+    background-color: #f9f9f9;
-    padding: 15px;
+    padding: 20px;
-    border-radius: 8px;
+    border-radius: 10px;
-    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }
 
-.menu-item img {
+.menu-element img {
     width: 100%;
-    max-width: 200px;
+    max-width: 250px;
     height: auto;
-    border-radius: 8px; 
+    border-radius: 10px;
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
 }
 
-.menu-item h4 {
+.menu-element h4 {
-    font-size: 20px;
+    font-size: 22px;
     color: #333;
-    margin-bottom: 8px;
+    margin-bottom: 10px;
 }
 
-.menu-item p {
+.menu-element p {
-    color: #555;
+    font-size: 16px;
+    line-height: 1.5;
+}
+
+.prix {
+    font-weight: bold;
+    color: #ff8c00;
+    font-size: 18px; /* Taille de police plus grande pour une meilleure visibilité */
+    margin-top: 8px; /* Espacement du prix par rapport à la description */
 }

css/nos-chefs.css

@@ -3,7 +3,7 @@
     margin: 0 auto;
 }
 
-.chef-item {
+.chef-element {
     margin-bottom: 20px;
     text-align: center;
 }

css/reservation.css

@@ -1,4 +1,4 @@
-.content {
+.contenue {
     text-align: center;
 }
 

html/CV/MarcoORFAO.html

@@ -5,14 +5,14 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="../../css/CV.css"> 
-    <title>CV - Moncef STITI</title>
+    <title>CV - Marco ORFAO</title>
 </head>
 
 <body>
     <div class="cv-container">
         <header>
             <button class="print-button" onclick="window.print()">Imprimer le CV</button>
-            <h1>Moncef STITI</h1>
+            <h1>Marco ORFAO</h1>
         </header>
 
         <section class="education">
@@ -23,8 +23,8 @@
             <p>Baccalauréat général (mention assez bien) spécialités :</p>
             <ul>
                 <li>Numérique et sciences informatiques</li>
-                <li>Sciences de l'Ingénieur</li>
+                <li>Mathématiques</li>
-                <li>Langues, littératures et cultures étrangères (Anglais)</li>
+                <li>Physique chimie</li>
             </ul>
         </section>
 
@@ -71,10 +71,6 @@
                     <li>Observation d’une équipe de développeurs web</li>
                     <li>Observation d’une équipe d’experts en cybersécurité</li>
             </div>
-            <div class="job">
-                <h3>Juillet/Août 2023 | Darty Montargis</h3>
-                <p>Conseiller de vente</p>
-            </div>
         </section>
     </div>
 </body>

html/a-propos.html

@@ -47,7 +47,7 @@
     </header>
 
     <div class="content">
-        <section class="about-section">
+        <section class="a-propos-section">
             <h2>À propos de Neo Eat</h2>
             <p>
                 Neo Eat, fondé en 2023 par Moncef STITI, Marco ORFAO et Louay DARDOURI, est une révolution dans le monde de la gastronomie. L'idée a germé pendant leurs premières années de BUT informatique, avec la vision de rendre la nourriture gastronomique accessible à tous, sans compromis sur la qualité.
@@ -73,19 +73,19 @@
             <div class="footer-content">
                 <div class="footer-section">
                     <h3>Plan du site</h3>
-                <a href="plan-du-site.html">Consulter le plan du site</a>
+                    <a href="html/plan-du-site.html">Consulter le plan du site</a>
                 </div>
                 <div class="footer-section">
                     <h3>Mentions légales</h3>
-                <a href="mention-legal.html">Consulter nos mentions légales</a>
+                    <a href="html/mention-legal.html">Consulter nos mentions légales</a>
                 </div>
                 <div class="footer-section">
                     <h3>Contact</h3>
                     <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
                     <p>
-                <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
+                    <p>Téléphone : <a href="tel:+33175489632">+33 1 75 48 96 32</a></p>
                 </div>
-            <div class="footer-section horizontally-aligned">
+                <div class="footer-section aligner">
                     <h3>Réseaux sociaux</h3>
                     <div class="logo-reseaux">
                         <p>

html/contact.html

@@ -77,19 +77,19 @@
             <div class="footer-content">
                 <div class="footer-section">
                     <h3>Plan du site</h3>
-                <a href="plan-du-site.html">Consulter le plan du site</a>
+                    <a href="html/plan-du-site.html">Consulter le plan du site</a>
                 </div>
                 <div class="footer-section">
                     <h3>Mentions légales</h3>
-                <a href="mention-legal.html">Consulter nos mentions légales</a>
+                    <a href="html/mention-legal.html">Consulter nos mentions légales</a>
                 </div>
                 <div class="footer-section">
                     <h3>Contact</h3>
                     <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
                     <p>
-                <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
+                    <p>Téléphone : <a href="tel:+33175489632">+33 1 75 48 96 32</a></p>
                 </div>
-            <div class="footer-section horizontally-aligned">
+                <div class="footer-section aligner">
                     <h3>Réseaux sociaux</h3>
                     <div class="logo-reseaux">
                         <p>

html/faq.html

@@ -42,68 +42,68 @@
         <section class="faq-section">
             <h1>Foire aux questions</h1>
 
-            <div class="faq-item">
+            <div class="faq-element">
                 <button class="faq-question-btn">1. Quels types de cuisines propose Neo Eat ?</button>
-                <div class="faq-answer">
+                <div class="faq-reponse">
                     <p>Neo Eat propose une diversité de cuisines du monde entier. Nos chefs étoilés s'inspirent de différentes traditions culinaires pour créer des plats uniques et délicieux.</p>
                 </div>
             </div>
 
-            <div class="faq-item">
+            <div class="faq-element">
                 <button class="faq-question-btn">2. Puis-je personnaliser ma commande en fonction de mes préférences alimentaires ?</button>
-                <div class="faq-answer">
+                <div class="faq-reponse">
                     <p>Oui, nous sommes heureux de répondre à vos préférences alimentaires. Lors de la commande en restaurant, vous pourrez sélectionner vos préférences alimentaires en utilisant notre menu interactif.</p>
                 </div>
             </div>
 
-            <div class="faq-item">
+            <div class="faq-element">
                 <button class="faq-question-btn">3. Quels modes de paiement acceptez-vous ?</button>
-                <div class="faq-answer">
+                <div class="faq-reponse">
                     <p>Nous acceptons plusieurs modes de paiement, notamment la carte bancaire, les espèces, le Bitcoin et l'Etherhum. Ainsi, vous avez le choix pour régler vos commandes selon vos préférences.</p>
                 </div>
             </div>
 
-            <div class="faq-item">
+            <div class="faq-element">
                 <button class="faq-question-btn">4. Quelles sont vos horaires ?</button>
-                <div class="faq-answer">
+                <div class="faq-reponse">
                     <p>Neo Eat est fier de vous offrir un service continu, ouvert 24h/24 et 7j/7. Ainsi, vous pouvez profiter de nos délicieuses créations culinaires à toute heure qui vous convient.</p>
                 </div>
             </div>
 
-            <div class="faq-item">
+            <div class="faq-element">
                 <button class="faq-question-btn">5. Existe-t-il des offres spéciales ou des promotions chez Neo Eat ?</button>
-                <div class="faq-answer">
+                <div class="faq-reponse">
                     <p>Oui, Neo Eat propose régulièrement des offres spéciales et des promotions. Suivez-nous sur les réseaux sociaux pour être informé des dernières actualités et offres exclusives.</p>
                 </div>
             </div>
 
-            <div class="faq-item">
+            <div class="faq-element">
                 <button class="faq-question-btn">6. Proposez-vous des options végétariennes ou véganes ?</button>
-                <div class="faq-answer">
+                <div class="faq-reponse">
                     <p>Oui, chez Neo Eat, nous avons une variété d'options végétariennes et véganes pour satisfaire tous les goûts. Consultez notre menu pour découvrir nos délicieuses créations sans viande ni produits d'origine animale.</p>
                 </div>
             </div>
 
             
 
-            <div class="faq-item">
+            <div class="faq-element">
                 <button class="faq-question-btn">7. Quelles mesures prenez-vous pour garantir la qualité des ingrédients utilisés ?</button>
-                <div class="faq-answer">
+                <div class="faq-reponse">
                     <p>Chez Neo Eat, nous sommes déterminés à offrir une expérience culinaire de la plus haute qualité. Pour garantir la fraîcheur et l'authenticité de nos ingrédients, nous sommes fiers d'être en partenariat avec des éleveurs locaux. Ce partenariat nous permet de proposer des produits de première qualité, de soutenir les communautés locales et de promouvoir une approche durable de la gastronomie. Chaque ingrédient est soigneusement sélectionné pour s'assurer qu'il répond à nos normes rigoureuses de qualité, de provenance et de goût exceptionnel. Chez Neo Eat, nous nous engageons à vous offrir le meilleur à chaque bouchée, tout en soutenant nos partenaires locaux.</p>
                 </div>
             </div>
 
-            <div class="faq-item">
+            <div class="faq-element">
                 <button class="faq-question-btn">8. Comment Neo Eat s'engage-t-il envers la durabilité et l'environnement ?</button>
-                <div class="faq-answer">
+                <div class="faq-reponse">
                     <p>Nous sommes engagés envers la durabilité. De la sélection des ingrédients à nos pratiques opérationnelles, nous cherchons constamment des moyens de réduire notre impact environnemental tout en maintenant la qualité de nos services.</p>
                 </div>
             </div>
 
-            <div class="faq-item">
+            <div class="faq-element">
                 <button class="faq-question-btn">9. Comment puis-je partager mes commentaires sur mon expérience chez Neo Eat ?</button>
-                <div class="faq-answer">
+                <div class="faq-reponse">
-                    <p>Chez Neo Eat, votre opinion est d'une importance capitale. Vous avez plusieurs moyens de partager vos commentaires et témoignages. <br>Partagez votre expérience sur les réseaux sociaux en utilisant notre hashtag officiel. Nous sommes impatients de lire vos récits et de voir vos photos !<br>Si vous préférez une approche plus personnelle, envoyez-nous un e-mail détaillant votre expérience et vos suggestions à feedback@neo-eat.com. Chaque message que nous recevons est lu attentivement.<br>Enfin, si vous souhaitez contribuer à la communauté mondiale des amateurs de gastronomie, laissez un avis sur notre page TripAdvisor. Votre retour est précieux pour nous aider à grandir et à continuer à vous offrir une expérience culinaire exceptionnelle. Merci de faire partie de la famille Neo Eat !</p>
+                    <p>Chez Neo Eat, votre opinion est d'une importance capitale. Vous avez plusieurs moyens de partager vos commentaires et témoignages. <br>Partagez votre expérience sur les réseaux sociaux en utilisant notre hashtag officiel. Nous sommes impatients de lire vos récits et de voir vos photos !<br>Si vous préférez une approche plus personnelle, envoyez-nous un e-mail détaillant votre expérience et vos suggestions à neoeat.sav@gmail.com. Chaque message que nous recevons est lu attentivement.<br>Enfin, si vous souhaitez contribuer à la communauté mondiale des amateurs de gastronomie, laissez un avis sur notre page TripAdvisor. Votre retour est précieux pour nous aider à grandir et à continuer à vous offrir une expérience culinaire exceptionnelle. Merci de faire partie de la famille Neo Eat !</p>
                 </div>
             </div>
         </section>
@@ -113,19 +113,19 @@
             <div class="footer-content">
                 <div class="footer-section">
                     <h3>Plan du site</h3>
-                <a href="plan-du-site.html">Consulter le plan du site</a>
+                    <a href="html/plan-du-site.html">Consulter le plan du site</a>
                 </div>
                 <div class="footer-section">
                     <h3>Mentions légales</h3>
-                <a href="mention-legal.html">Consulter nos mentions légales</a>
+                    <a href="html/mention-legal.html">Consulter nos mentions légales</a>
                 </div>
                 <div class="footer-section">
                     <h3>Contact</h3>
                     <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
                     <p>
-                <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
+                    <p>Téléphone : <a href="tel:+33175489632">+33 1 75 48 96 32</a></p>
                 </div>
-            <div class="footer-section horizontally-aligned">
+                <div class="footer-section aligner">
                     <h3>Réseaux sociaux</h3>
                     <div class="logo-reseaux">
                         <p>

html/fournisseurs.html

@@ -74,19 +74,19 @@
             <div class="footer-content">
                 <div class="footer-section">
                     <h3>Plan du site</h3>
-                <a href="plan-du-site.html">Consulter le plan du site</a>
+                    <a href="html/plan-du-site.html">Consulter le plan du site</a>
                 </div>
                 <div class="footer-section">
                     <h3>Mentions légales</h3>
-                <a href="mention-legal.html">Consulter nos mentions légales</a>
+                    <a href="html/mention-legal.html">Consulter nos mentions légales</a>
                 </div>
                 <div class="footer-section">
                     <h3>Contact</h3>
                     <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
                     <p>
-                <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
+                    <p>Téléphone : <a href="tel:+33175489632">+33 1 75 48 96 32</a></p>
                 </div>
-            <div class="footer-section horizontally-aligned">
+                <div class="footer-section aligner">
                     <h3>Réseaux sociaux</h3>
                     <div class="logo-reseaux">
                         <p>

html/mention-legal.html

@@ -81,19 +81,19 @@
             <div class="footer-content">
                 <div class="footer-section">
                     <h3>Plan du site</h3>
-                <a href="plan-du-site.html">Consulter le plan du site</a>
+                    <a href="html/plan-du-site.html">Consulter le plan du site</a>
                 </div>
                 <div class="footer-section">
                     <h3>Mentions légales</h3>
-                <a href="mention-legal.html">Consulter nos mentions légales</a>
+                    <a href="html/mention-legal.html">Consulter nos mentions légales</a>
                 </div>
                 <div class="footer-section">
                     <h3>Contact</h3>
                     <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
                     <p>
-                <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
+                    <p>Téléphone : <a href="tel:+33175489632">+33 1 75 48 96 32</a></p>
                 </div>
-            <div class="footer-section horizontally-aligned">
+                <div class="footer-section aligner">
                     <h3>Réseaux sociaux</h3>
                     <div class="logo-reseaux">
                         <p>

html/menu.html

@@ -3,9 +3,8 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="icon" href="../img/Logo/logo-tab.ico">
     <link rel="stylesheet" href="../css/styles.css">
-    <link rel="stylesheet" href="../css/menu.css"> 
+    <link rel="stylesheet" href="../css/menu.css"> <!-- Ajoutez le fichier CSS spécifique pour le menu -->
     <title>Menu - Neo Eat</title>
 </head>
 <body>
@@ -38,13 +37,174 @@
         </div>
     </header>
 
-    <div class="menu-category">
+    <nav class="menu-navigation">
-        <h2>La carte :</h4>
+        <ul>
-        <div class="Carte">
+            <li><a href="#entrees">Entrées</a></li>
-            <img src="../img/Menu/decoration_carte.png" alt="deco" id="haut-droit">
+            <li><a href="#plats">Plats Principaux</a></li>
-            <img src="../img/Menu/decoration_carte.png" alt="deco" id="haut-gauche">
+            <li><a href="#desserts">Desserts</a></li>
-            <img src="../img/Menu/decoration_carte.png" alt="deco" id="bas-droit">
+            <li><a href="#boissons">Boissons</a></li>
-            <img src="../img/Menu/decoration_carte.png" alt="deco" id="bas-gauche">
+        </ul>
+    </nav>
+
+    <div id="entrees" class="menu-categorie">
+        <h3>Entrées</h3>
+        <div class="menu-elements">
+            <div class="menu-element">
+                <h4>Salade de chèvre chaud</h4>
+                <img src="../img/Plat/Entree1.png" alt="Salade de chèvre chaud">
+                <p>Salade verte, tomates cerises, fromage de chèvre chaud sur toast.</p>
+                <p class="prix">Prix : 6,50 €</p>
+            </div>
+            <div class="menu-element">
+                <h4>Tartare de saumon à la mangue</h4>
+                <img src="../img/Plat/Entree2.png" alt="Tartare de saumon à la mangue">
+                <p>Frais et délicieux, accompagné de mangue fraîche et d'avocat.</p>
+                <p class="prix">Prix : 8,90 €</p>
+            </div>
+            <div class="menu-element">
+                <h4>Foie gras poêlé</h4>
+                <img src="../img/Plat/Entree3.png" alt="Foie gras poêlé">
+                <p>Servi avec une compote de figues et de pain d'épices.</p>
+                <p class="prix">Prix : 7,75 €</p>
+            </div>
+            <div class="menu-element">
+                <h4>Carpaccio de bœuf façon italienne</h4>
+                <img src="../img/Plat/Entree4.png" alt="Carpaccio de bœuf façon italienne">
+                <p>Assaisonné d'huile d'olive, de parmesan et de roquette.</p>
+                <p class="prix">Prix : 8,50 €</p>
+            </div>
+            <div class="menu-element">
+                <h4>Crabe royal en salade</h4>
+                <img src="../img/Plat/Entree5.png" alt="Crabe royal en salade">
+                <p>Avec avocat, concombre et vinaigrette à la coriandre.</p>
+                <p class="prix">Prix : 9,00 €</p>
+            </div>
+            <div class="menu-element">
+                <h4>Raviole de champignons</h4>
+                <img src="../img/Plat/Entree6.png" alt="Raviole de champignons">
+                <p>Une raviole de champignons accompagnée de foie gras poêlé et d'une délicieuse sauce crémeuse aux champignons.</p>
+                <p class="prix">Prix : 5,00 €</p>
+            </div>
+        </div>
+    </div>
+
+    <div id="plats" class="menu-categorie">
+        <h3>Plats Principaux</h3>
+        <div class="menu-elements">
+            <div class="menu-element">
+                <h4>Filet de saumon grillé</h4>
+                <img src="../img/Plat/Plat1.png" alt="Filet de saumon grillé">
+                <p>Accompagné de purée de patates douces et d'une sauce au citron.</p>
+                <p class="prix">Prix : 15,99 €</p>
+            </div>
+            <div class="menu-element">
+                <h4>Magret de canard aux fruits rouges</h4>
+                <img src="../img/Plat/Plat2.png" alt="Magret de canard aux fruits rouges">
+                <p>Servi avec une sauce aux fruits rouges et une purée de pommes de terre.</p>
+                <p class="prix">Prix : 14,50 €</p>
+            </div>
+            <div class="menu-element">
+                <h4>Risotto aux champignons sauvages</h4>
+                <img src="../img/Plat/Plat3.png" alt="Risotto aux champignons sauvages">
+                <p>Préparé avec des champignons sauvages et du parmesan.</p>
+                <p class="prix">Prix : 13,75 €</p>
+            </div>
+            <div class="menu-element">
+                <h4>Côte de bœuf grillée</h4>
+                <img src="../img/Plat/Plat4.png" alt="Côte de bœuf grillée">
+                <p>Accompagnée de pommes de terre rissolées et d'une sauce au poivre.</p>
+                <p class="prix">Prix : 18,99 €</p>
+            </div>
+            <div class="menu-element">
+                <h4>Pâtes fraîches aux fruits de mer</h4>
+                <img src="../img/Plat/Plat5.png" alt="Pâtes fraîches aux fruits de mer">
+                <p>Une délicieuse combinaison de fruits de mer et de pâtes fraîches.</p>
+                <p class="prix">Prix : 10,25 €</p>
+            </div>
+            <div class="menu-element">
+                <h4>Poulet rôti au romarin</h4>
+                <img src="../img/Plat/Plat6.png" alt="Poulet rôti au romarin">
+                <p>Mariné au romarin et servi avec des légumes rôtis.</p>
+                <p class="prix">Prix : 12,50 €</p>
+            </div>
+            <div class="menu-element">
+                <h4>Filet de bar et courgette</h4>
+                <img src="../img/Plat/Plat7.png" alt="Filet de bar et courgette">
+                <p>Filet de bar et son bonbon de Pélardon au pistou sur son nid de spaghetti de courgette.</p>
+                <p class="prix">Prix : 9,50 €</p>
+            </div>
+            <div class="menu-element">
+                <h4>Burger Ritz</h4>
+                <img src="../img/Plat/Plat8.png" alt="Burger Ritz">
+                <p>Burger Ritz accompagné de frites croustillantes et d'une sauce maison secrète.</p>
+                <p class="prix">Prix : 11,25 €</p>
+            </div>
+        </div>
+    </div>
+    
+    <div id="desserts" class="menu-categorie">
+        <h3>Desserts</h3>
+        <div class="menu-elements">
+            <div class="menu-element">
+                <h4>Fondant au chocolat noir</h4>
+                <img src="../img/Plat/Dessert1.png" alt="Fondant au chocolat noir">
+                <p>Servi avec une boule de glace à la vanille et une tuile aux amandes.</p>
+                <p class="prix">Prix : 2,99 €</p>
+            </div>
+            <div class="menu-element">
+                <h4>Tiramisu aux fruits rouges</h4>
+                <img src="../img/Plat/Dessert2.png" alt="Tiramisu aux fruits rouges">
+                <p>Un classique revisité avec des fruits rouges et un coulis de framboise.</p>
+                <p class="prix">Prix : 3,50 €</p>
+            </div>
+            <div class="menu-element">
+                <h4>Panna cotta à la vanille</h4>
+                <img src="../img/Plat/Dessert3.png" alt="Panna cotta à la vanille">
+                <p>Accompagnée d'une compote de fraises fraîches.</p>
+                <p class="prix">Prix : 3,75 €</p>
+            </div>
+        </div>
+    </div>
+
+    <div id="boissons" class="menu-categorie">
+        <h3>Boissons</h3>
+        <div class="menu-elements">
+            <div class="menu-element">
+                <h4>Jus de fruits frais</h4>
+                <img src="../img/Plat/Boisson1.png" alt="Jus de fruits frais">
+                <p>Mélange de fruits de saison pressés.</p>
+                <p class="prix">Prix : 2,50 €</p>
+            </div>
+            <div class="menu-element">
+                <h4>Limonade maison</h4>
+                <img src="../img/Plat/Boisson2.png" alt="Limonade maison">
+                <p>Préparée avec des citrons frais et une touche de menthe.</p>
+                <p class="prix">Prix : 2,10 €</p>
+            </div>
+            <div class="menu-element">
+                <h4>Smoothie exotique</h4>
+                <img src="../img/Plat/Boisson3.png" alt="Smoothie exotique">
+                <p>Mélange rafraîchissant d'ananas, de mangue et de coco.</p>
+                <p class="prix">Prix : 2,25 €</p>
+            </div>
+            <div class="menu-element">
+                <h4>Thé glacé à la pêche</h4>
+                <img src="../img/Plat/Boisson4.png" alt="Thé glacé à la pêche">
+                <p>Infusé avec des feuilles de thé noir et des morceaux de pêche.</p>
+                <p class="prix">Prix : 1,99 €</p>
+            </div>
+            <div class="menu-element">
+                <h4>Café latte</h4>
+                <img src="../img/Plat/Boisson5.png" alt="Café latte">
+                <p>Café expresso mélangé à du lait chaud et de la mousse de lait.</p>
+                <p class="prix">Prix : 1,00 €</p>
+            </div>
+            <div class="menu-element">
+                <h4>Eau minérale naturelle</h4>
+                <img src="../img/Plat/Boisson6.png" alt="Eau minérale naturelle">
+                <p>Eau pure provenant de sources naturelles.</p>
+                <p class="prix">Prix : 0,50 €</p>
+            </div>
         </div>
     </div>
 
@@ -52,19 +212,19 @@
             <div class="footer-content">
                 <div class="footer-section">
                     <h3>Plan du site</h3>
-                <a href="plan-du-site.html">Consulter le plan du site</a>
+                    <a href="html/plan-du-site.html">Consulter le plan du site</a>
                 </div>
                 <div class="footer-section">
                     <h3>Mentions légales</h3>
-                <a href="mention-legal.html">Consulter nos mentions légales</a>
+                    <a href="html/mention-legal.html">Consulter nos mentions légales</a>
                 </div>
                 <div class="footer-section">
                     <h3>Contact</h3>
                     <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
                     <p>
-                <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
+                    <p>Téléphone : <a href="tel:+33175489632">+33 1 75 48 96 32</a></p>
                 </div>
-            <div class="footer-section horizontally-aligned">
+                <div class="footer-section aligner">
                     <h3>Réseaux sociaux</h3>
                     <div class="logo-reseaux">
                         <p>

html/nos-chefs.html

@@ -93,11 +93,11 @@
         <div class="footer-content">
             <div class="footer-section">
                 <h3>Plan du site</h3>
-                <a href="plan-du-site.html">Consulter le plan du site</a>
+                <a href="html/plan-du-site.html">Consulter le plan du site</a>
             </div>
             <div class="footer-section">
                 <h3>Mentions légales</h3>
-                <a href="mention-legal.html">Consulter nos mentions légales</a>
+                <a href="html/mention-legal.html">Consulter nos mentions légales</a>
             </div>
             <div class="footer-section">
                 <h3>Contact</h3>

html/notre-equipe.html

@@ -95,19 +95,19 @@
             <div class="footer-content">
                 <div class="footer-section">
                     <h3>Plan du site</h3>
-                <a href="plan-du-site.html">Consulter le plan du site</a>
+                    <a href="html/plan-du-site.html">Consulter le plan du site</a>
                 </div>
                 <div class="footer-section">
                     <h3>Mentions légales</h3>
-                <a href="mention-legal.html">Consulter nos mentions légales</a>
+                    <a href="html/mention-legal.html">Consulter nos mentions légales</a>
                 </div>
                 <div class="footer-section">
                     <h3>Contact</h3>
                     <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
                     <p>
-                <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
+                    <p>Téléphone : <a href="tel:+33175489632">+33 1 75 48 96 32</a></p>
                 </div>
-            <div class="footer-section horizontally-aligned">
+                <div class="footer-section aligner">
                     <h3>Réseaux sociaux</h3>
                     <div class="logo-reseaux">
                         <p>

html/plan-du-site.html

@@ -68,11 +68,11 @@
         <div class="footer-content">
             <div class="footer-section">
                 <h3>Plan du site</h3>
-                <a href="plan-du-site.html">Consulter le plan du site</a>
+                <a href="html/plan-du-site.html">Consulter le plan du site</a>
             </div>
             <div class="footer-section">
                 <h3>Mentions légales</h3>
-                <a href="mention-legal.html">Consulter nos mentions légales</a>
+                <a href="html/mention-legal.html">Consulter nos mentions légales</a>
             </div>
             <div class="footer-section">
                 <h3>Contact</h3>

html/reservation.html

@@ -38,7 +38,7 @@
         </div>
     </header>
 
-    <div class="content">
+    <div class="contenue">
         <section class="reservation-section">
             <h1>Réserver une table</h1>
             <p>Choisissez une date et une heure parmi les disponibilités ci-dessous pour réserver une table.</p>
@@ -82,19 +82,19 @@
         <div class="footer-content">
             <div class="footer-section">
                 <h3>Plan du site</h3>
-                <a href="plan-du-site.html">Consulter le plan du site</a>
+                <a href="html/plan-du-site.html">Consulter le plan du site</a>
             </div>
             <div class="footer-section">
                 <h3>Mentions légales</h3>
-                <a href="mention-legal.html">Consulter nos mentions légales</a>
+                <a href="html/mention-legal.html">Consulter nos mentions légales</a>
             </div>
             <div class="footer-section">
                 <h3>Contact</h3>
                 <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
                 <p>
-                <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
+                <p>Téléphone : <a href="tel:+33175489632">+33 1 75 48 96 32</a></p>
             </div>
-            <div class="footer-section horizontally-aligned">
+            <div class="footer-section aligner">
                 <h3>Réseaux sociaux</h3>
                 <div class="logo-reseaux">
                     <p>

html/reservationSucces.html

@@ -38,7 +38,7 @@
         </div>
     </header>
 
-    <div class="content">
+    <div class="contenue">
         <section class="reservation-successful-section">
             <h1>Réservation réussie</h1>
             <p>Merci pour votre réservation ! Votre table a bien été réservée et un mail de confirmation vous as été envoyé.</p>
@@ -47,14 +47,14 @@
     </div>
 
 <footer class="footer">
-        <div class="footer-content">
+        <div class="footer-contenue">
             <div class="footer-section">
                 <h3>Plan du site</h3>
-                <a href="plan-du-site.html">Consulter le plan du site</a>
+                <a href="html/plan-du-site.html">Consulter le plan du site</a>
             </div>
             <div class="footer-section">
                 <h3>Mentions légales</h3>
-                <a href="mention-legal.html">Consulter nos mentions légales</a>
+                <a href="html/mention-legal.html">Consulter nos mentions légales</a>
             </div>
             <div class="footer-section">
                 <h3>Contact</h3>
@@ -62,7 +62,7 @@
                 <p>
                 <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
             </div>
-            <div class="footer-section horizontally-aligned">
+            <div class="footer-section aligner">
                 <h3>Réseaux sociaux</h3>
                 <div class="logo-reseaux">
                     <p>

index.html

@@ -93,19 +93,19 @@
             <div class="plat-container">
                 <div class="plat">
                     <h3>Filet de bar et courgette</h3>
-                    <img src="img/Plat/Plat1.png" alt="Plat 1">
+                    <img src="img/Plat/Plat7.png" alt="Plat 1">
                     <p>Filet de bar et son bonbon de Pélardon au pistou sur son nid de spaghetti de courgette.</p>
                 </div>
         
                 <div class="plat">
                     <h3>Raviole de champignons</h3>
-                    <img src="img/Plat/Plat2.png" alt="Plat 2">
+                    <img src="img/Plat/Entree6.png" alt="Plat 2">
                     <p>Une raviole de champignons accompagnée de foie gras poêlé et d'une délicieuse sauce crémeuse aux champignons.</p>
                 </div>
         
                 <div class="plat">
                     <h3>Burger Ritz</h3>
-                    <img src="img/Plat/Plat3.png" alt="Plat 3">
+                    <img src="img/Plat/Plat8.png" alt="Plat 3">
                     <p>Burger Ritz accompagné de frites croustillantes et d'une sauce maison secrète.</p>
                 </div>
             </div>
@@ -156,51 +156,51 @@
             <div class="footer-content">
                 <div class="footer-section">
                     <h3>Plan du site</h3>
-                <a href="plan-du-site.html">Consulter le plan du site</a>
+                    <a href="html/plan-du-site.html">Consulter le plan du site</a>
                 </div>
                 <div class="footer-section">
                     <h3>Mentions légales</h3>
-                <a href="mention-legal.html">Consulter nos mentions légales</a>
+                    <a href="html/mention-legal.html">Consulter nos mentions légales</a>
                 </div>
                 <div class="footer-section">
                     <h3>Contact</h3>
                     <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
                     <p>
-                <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
+                    <p>Téléphone : <a href="tel:+33175489632">+33 1 75 48 96 32</a></p>
                 </div>
-            <div class="footer-section horizontally-aligned">
+                <div class="footer-section aligner">
                     <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="Logo Instagram">
+                                <img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
                             </a>
                         </p>
                         <p>
                             <a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
+                                <img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
                             </a>
                         </p>
                         <p>
                             <a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
-                            <img src="img/RéseauxSociaux/X.png" alt="Logo X">
+                                <img src="../img/RéseauxSociaux/X.png" alt="Logo 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="Logo Youtube">
+                                <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo 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">
+                                <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">
+                <img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
                 <p>&copy; 2024 Neo Eat. Tous droits réservés.</p>
             </div>
         </footer>

js/faq.js

@@ -1,22 +1,22 @@
 document.addEventListener("DOMContentLoaded", function() {
-    const faqItems = document.querySelectorAll('.faq-item');
+    const faqelements = document.querySelectorAll('.faq-element');
 
-    faqItems.forEach(item => {
+    faqelements.forEach(element => {
-        const questionBtn = item.querySelector('.faq-question-btn');
+        const questionBtn = element.querySelector('.faq-question-btn');
 
         questionBtn.addEventListener('click', () => {
             // Ferme toutes les autres réponses
-            faqItems.forEach(otherItem => {
+            faqelements.forEach(otherelement => {
-                if (otherItem !== item) {
+                if (otherelement !== element) {
-                    otherItem.classList.remove('active');
+                    otherelement.classList.remove('active');
-                    otherItem.querySelector('.faq-answer').style.display = 'none';
+                    otherelement.querySelector('.faq-reponse').style.display = 'none';
                 }
             });
 
             // Affiche ou masque la réponse de la question actuelle
-            item.classList.toggle('active');
+            element.classList.toggle('active');
-            const answer = item.querySelector('.faq-answer');
+            const reponse = element.querySelector('.faq-reponse');
-            answer.style.display = item.classList.contains('active') ? 'block' : 'none';
+            reponse.style.display = element.classList.contains('active') ? 'block' : 'none';
         });
     });
 });

php/send_confirmation_email.php

@@ -7,11 +7,8 @@ require 'PHP/fichier/php/PHP/PHPMailer/src/Exception.php';
 require 'PHP/fichier/php/PHP/PHPMailer/src/PHPMailer.php';
 require 'PHP/fichier/php/PHP/PHPMailer/src/SMTP.php';
 
-
-
 // Vérifier si les données du formulaire sont présentes
 if (isset($_POST['name']) && isset($_POST['email']) && isset($_POST['phone']) && isset($_POST['date']) && isset($_POST['time']) && isset($_POST['guests'])) {
-
     // Créer une instance de PHPMailer
     $mail = new PHPMailer(true);
     $mail->CharSet = "UTF-8";
@@ -33,8 +30,22 @@ if (isset($_POST['name']) && isset($_POST['email']) && isset($_POST['phone']) &&
 
         // Contenu du message
         $mail->isHTML(true);
+
+        // Salutation personnalisée
+        $salutation = "Bonjour {$_POST['name']},";
+
+        // Informations à ajouter au message
+        $reservationInfo = "
+            <p>{$salutation}</p>
+            <p>Merci pour votre réservation ! Votre table a bien été réservée.</p>
+            <p>Date de réservation : {$_POST['date']}</p>
+            <p>Heure de réservation : {$_POST['time']}</p>
+            <p>Nombre de convives : {$_POST['guests']}</p>
+            <p>Adresse du restaurant : Champ de Mars, 5 Av. Anatole France, 75007 Paris</p>
+        ";
+
         $mail->Subject = 'Confirmation de réservation';
-        $mail->Body    = 'Merci pour votre réservation ! Votre table a bien été réservée.';
+        $mail->Body    = $reservationInfo;
 
         // Envoyer le message
         $mail->send();