Merge branch 'master' of https://dwarves.iut-fbleau.fr/gitiut/stiti/SAE_S1.05_S1.06

css/index.css

@@ -1 +1,163 @@
-/*enlever les trucs supplémentaires dans styles.css de index.html et les mettre ici */
+
+.client-evaluations {
+    text-align: center;
+    padding: 20px 0;
+}
+
+.client-evaluation-container {
+    display: flex;
+    overflow-x: auto;
+    justify-content: center;
+    margin-top: 20px;
+}
+
+.client-evaluation {
+    flex: 1;
+    max-width: 300px;
+    margin: 10px;
+    text-align: center;
+    background-color: #FFFFFF;
+    border-radius: 8px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    padding: 15px;
+}
+
+.client-evaluation img {
+    max-width: 100%;
+    border-radius: 50%;
+    margin-bottom: 10px;
+}
+
+.client-evaluation p {
+    color: #333;
+    font-size: 16px;
+    line-height: 1.5;
+}
+
+.client-evaluation h3 {
+    margin-top: 10px;
+    color: #4A305A;
+}
+
+.evaluation {
+    color: #FFB039;
+    font-size: 18px;
+}
+
+.restaurant-tables {
+    max-width: 100%;
+    height: auto;
+    margin-top: 20px;
+    border-radius: 8px; 
+}
+
+.container {
+    position: relative;
+    margin-bottom: 120px; 
+}
+
+.bienvenue-section {
+    margin-top: 20px;
+    text-align: center;
+}
+
+.bienvenue-video {
+    width: 80%; /* largeur de la fenêtre de la vidéo */
+    max-height: 400px; 
+    margin-bottom: 20px;
+    margin-top: 10px;
+}
+
+.plats-populaires {
+    text-align: center;
+    padding: 20px 0;
+}
+
+.plat-container {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+
+.plat {
+    flex: 1;
+    max-width: 300px;
+    margin: 10px;
+    text-align: center;
+    background-color: #FFFFFF;
+    border-radius: 8px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    padding: 15px;
+}
+
+.plat img {
+    max-width: 100%;
+    border-radius: 8px;
+    margin-bottom: 10px;
+}
+
+.plat h3 {
+    margin-top: 10px;
+    color: #4A305A;
+}
+
+.plat p {
+    color: #333;
+    font-size: 16px;
+    line-height: 1.5;
+}
+
+
+.chef-section {
+    text-align: center;
+    padding: 20px 0;
+}
+
+.chef-container {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+
+.chef {
+    flex: 1;
+    max-width: 300px;
+    margin: 10px;
+    text-align: center;
+    background-color: #FFFFFF;
+    border-radius: 8px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    padding: 15px;
+}
+
+.chef img {
+    max-width: 100%;
+    border-radius: 8px;
+    margin-bottom: 10px;
+}
+
+.chef h3 {
+    margin-top: 10px;
+    color: #4A305A;
+}
+
+.chef p {
+    color: #333;
+    font-size: 16px;
+    line-height: 1.5;
+}
+
+.voir-plus {
+    text-align: center;
+    margin-top: 20px;
+}
+
+.voir-plus a.voir-plus-btn {
+    display: inline-block;
+    background-color: #FFB039;
+    padding: 10px 20px;
+    border-radius: 10px;
+    color: white;
+    text-decoration: none;
+    margin-top: 10px;
+}

css/menu.css

@@ -0,0 +1,46 @@
+body {
+    font-family: 'Arial', sans-serif;
+    background-color: #f7f7f7;
+    color: #333;
+}
+
+.menu-category {
+    margin-bottom: 20px;
+    background-color: #fff;
+    padding: 15px;
+    border-radius: 10px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+
+.menu-category h3 {
+    font-size: 24px;
+    border-bottom: 2px solid #ccc;
+    padding-bottom: 5px;
+    margin-bottom: 10px;
+    color: #1a1a1a;
+}
+
+.menu-item {
+    margin-bottom: 20px;
+    background-color: #fff;
+    padding: 15px;
+    border-radius: 8px;
+    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
+}
+
+.menu-item img {
+    width: 100%;
+    max-width: 200px;
+    height: auto;
+    border-radius: 8px; 
+}
+
+.menu-item h4 {
+    font-size: 20px;
+    color: #333;
+    margin-bottom: 8px;
+}
+
+.menu-item p {
+    color: #555;
+}

css/plan-du-site.css

@@ -0,0 +1,29 @@
+.plan-du-site-section {
+    max-width: 800px;
+    margin: 0 auto;
+}
+
+.plan-du-site-section h2 {
+    color: #1a1a1a;
+    font-size: 28px;
+    margin-bottom: 20px;
+}
+
+.plan-du-site-section ul {
+    list-style-type: disc; 
+    padding: 0;
+}
+
+.plan-du-site-section li {
+    margin-bottom: 10px;
+}
+
+.plan-du-site-section a {
+    text-decoration: none;
+    color: #333;
+    font-weight: bold;
+}
+
+.plan-du-site-section a:hover {
+    color: #1a1a1a;
+}

css/styles.css

@@ -53,6 +53,9 @@ body {
     margin: 6px 0;
 }
 
+.nav-links.show {
+    top: 80px; /* Permet de baisser le menu burger pour ne pas couper le logo */
+}
 
 @media screen and (max-width: 768px) {
     .nav-links {
@@ -80,11 +83,18 @@ body {
     }
 
     .footer-content {
-        flex-wrap: wrap;
+        flex-direction: column;
+        align-items: center;
     }
 
     .footer-section {
-        flex: 1;
+        margin: 10px 0;
+    }
+
+    .footer-signature img {
+        width: 3cm; 
+        height: 1.2cm; 
+        margin-left: 0.5cm;
     }
 }
 
@@ -97,60 +107,6 @@ body {
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
 }
 
-.chef-section {
-    text-align: center;
-    padding: 20px 0;
-}
-
-.chef-container {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-}
-
-.chef {
-    flex: 1;
-    max-width: 300px;
-    margin: 10px;
-    text-align: center;
-    background-color: #FFFFFF;
-    border-radius: 8px;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-    padding: 15px;
-}
-
-.chef img {
-    max-width: 100%;
-    border-radius: 8px;
-    margin-bottom: 10px;
-}
-
-.chef h3 {
-    margin-top: 10px;
-    color: #4A305A;
-}
-
-.chef p {
-    color: #333;
-    font-size: 16px;
-    line-height: 1.5;
-}
-
-.voir-plus {
-    text-align: center;
-    margin-top: 20px;
-}
-
-.voir-plus a.voir-plus-btn {
-    display: inline-block;
-    background-color: #FFB039;
-    padding: 10px 20px;
-    border-radius: 10px;
-    color: white;
-    text-decoration: none;
-    margin-top: 10px;
-}
-
 h2 {
     color: #4A305A;
     text-align: center;
@@ -162,58 +118,6 @@ p {
     line-height: 1.5;
 }
 
-.bienvenue-section {
-    margin-top: 20px;
-    text-align: center;
-}
-
-.bienvenue-video {
-    width: 80%; /* largeur de la fenêtre de la vidéo */
-    max-height: 400px; 
-    margin-bottom: 20px;
-    margin-top: 10px;
-}
-
-.plats-populaires {
-    text-align: center;
-    padding: 20px 0;
-}
-
-.plat-container {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-}
-
-.plat {
-    flex: 1;
-    max-width: 300px;
-    margin: 10px;
-    text-align: center;
-    background-color: #FFFFFF;
-    border-radius: 8px;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-    padding: 15px;
-}
-
-.plat img {
-    max-width: 100%;
-    border-radius: 8px;
-    margin-bottom: 10px;
-}
-
-.plat h3 {
-    margin-top: 10px;
-    color: #4A305A;
-}
-
-.plat p {
-    color: #333;
-    font-size: 16px;
-    line-height: 1.5;
-}
-
-
 #scrollTopBtn {
     display: none;
     position: fixed;
@@ -227,11 +131,6 @@ p {
     cursor: pointer;
 }
 
-
-.container {
-    position: relative;
-    margin-bottom: 120px; 
-}
 .footer {
     background-color: #4A305A; /* Couleur de fond du pied de page */
     color: white;
@@ -273,64 +172,16 @@ p {
     margin-bottom: 10px;
 }
 
+.footer-section a {
+    color: white;
+}
+
 .footer-section img {
     width: 30px;
     height: 30px;
     margin-right: 5px;
 }
 
-.client-evaluations {
-    text-align: center;
-    padding: 20px 0;
-}
-
-.client-evaluation-container {
-    display: flex;
-    overflow-x: auto;
-    justify-content: center;
-    margin-top: 20px;
-}
-
-.client-evaluation {
-    flex: 1;
-    max-width: 300px;
-    margin: 10px;
-    text-align: center;
-    background-color: #FFFFFF;
-    border-radius: 8px;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-    padding: 15px;
-}
-
-.client-evaluation img {
-    max-width: 100%;
-    border-radius: 50%;
-    margin-bottom: 10px;
-}
-
-.client-evaluation p {
-    color: #333;
-    font-size: 16px;
-    line-height: 1.5;
-}
-
-.client-evaluation h3 {
-    margin-top: 10px;
-    color: #4A305A;
-}
-
-.evaluation {
-    color: #FFB039;
-    font-size: 18px;
-}
-
-.restaurant-tables {
-    max-width: 100%;
-    height: auto;
-    margin-top: 20px;
-    border-radius: 8px; 
-}
-
 /* MENU DROPDOWN -> Pour à propos*/
 
 .dropdown {

html/CV/LouayDARDOURI.html

@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<html lang="fr-FR">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <style>
+        body {
+            font-family: 'Arial', sans-serif;
+            margin: 0;
+            padding: 0;
+            background-color: #f8f9fa;
+        }
+
+        .cv-container {
+            max-width: 800px;
+            margin: 20px auto;
+            padding: 20px;
+            background-color: #fff;
+            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
+            border-radius: 8px;
+        }
+
+        header h1 {
+            color: #007BFF;
+            text-align: center;
+        }
+
+        header h2 {
+            color: #007BFF;
+            text-align: center;
+        }
+
+        section {
+            margin-top: 30px;
+        }
+
+        .job h3 {
+            color: #007BFF;
+        }
+
+        ul {
+            list-style-type: none;
+            padding: 0;
+        }
+
+        .competence ul,
+        .education ul {
+            padding-left: 20px;
+            margin-bottom: 10px;
+        }
+
+        .competence p,
+        .education p {
+            margin-bottom: 10px;
+        }
+
+        ul, ol {
+            list-style-type: disc; 
+            padding: 0;
+        }
+
+        @media print {
+            body {
+                width: 21cm;
+                height: 29.7cm;
+                margin: 20mm;
+            }
+
+            .cv-container {
+                max-width: 100%;
+                margin: 0;
+                padding: 0;
+                box-shadow: none;
+                border-radius: 0;
+            }
+        }
+    </style>
+    <title>CV - Moncef STITI</title>
+</head>
+
+<body>
+    <div class="cv-container">
+        <header>
+            <h1>Moncef STITI</h1>
+        </header>
+
+        <section class="education">
+            <h2>Formation</h2>
+            <p>2023 - 2024 | IUT de Fontainebleau</p>
+            <p>Première année de Bachelor universitaire de technologie en informatique</p>
+            <p>2023 | Lycée Durzy (45700 Villemandeur)</p>
+            <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>Langues, littératures et cultures étrangères (Anglais)</li>
+            </ul>
+        </section>
+
+        <section class="competence">
+            <h2>Informatique</h2>
+            <h3>Langages :</h3>
+            <ul>
+                <li>Python 3 (niveau avancé)</li>
+                <li>C 89 (niveau avancé)</li>
+                <li>Bash (bonne maîtrise)</li>
+                <li>Java (notions)</li>
+                <li>Assembleur (notions)</li>
+            </ul>
+            <h3>Programmation :</h3>
+            <ul>
+                <li>HTML 5 / CSS 3 / JavaScript (niveau avancé)</li>
+            </ul>
+            <p>Modélisation et base de données :</p>
+            <ul>
+                <li>UML (bonne maîtrise)</li>
+                <li>SQL (bonne maîtrise)</li>
+            </ul>
+            <h3>Réalisations :</h3>
+            <ul>
+                <li>Tour de Hanoï récursif (Python) - Programmation orientée objet</li>
+                <li>Jeu SNAKE (C 89) - Utilisation d’un Git, Réalisation d’un Makefile</li>
+                <li>Configuration machine virtuelle (Terminal) - Installation d’un Dual Boot (Grub),
+                    Installation de Windows 7 / Arch Linux, Création de profils utilisateurs</li>
+                <li>Simulation de feux d’artifice (Python)</li>
+            </ul>
+        </section>
+
+        <section class="experience">
+            <h2>Expérience Professionnelle</h2>
+            <div class="job">
+                <h3>Mars 2021 - Février 2022 | Marché de Montargis les dimanches matin</h3>
+                <p>Poissonnier / Primeur chargé de la préparation des commandes</p>
+            </div>
+            <div class="job">
+                <h3>Février 2019 | ERAMET Paris 15</h3>
+                <p>Stage d'observation d'une semaine</p>
+                <ul>
+                    <li>Observation d’un administrateur réseau</li>
+                    <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>

html/CV/MarcoORFAO.html

@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<html lang="fr-FR">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <style>
+        body {
+            font-family: 'Arial', sans-serif;
+            margin: 0;
+            padding: 0;
+            background-color: #f8f9fa;
+        }
+
+        .cv-container {
+            max-width: 800px;
+            margin: 20px auto;
+            padding: 20px;
+            background-color: #fff;
+            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
+            border-radius: 8px;
+        }
+
+        header h1 {
+            color: #007BFF;
+            text-align: center;
+        }
+
+        header h2 {
+            color: #007BFF;
+            text-align: center;
+        }
+
+        section {
+            margin-top: 30px;
+        }
+
+        .job h3 {
+            color: #007BFF;
+        }
+
+        ul {
+            list-style-type: none;
+            padding: 0;
+        }
+
+        .competence ul,
+        .education ul {
+            padding-left: 20px;
+            margin-bottom: 10px;
+        }
+
+        .competence p,
+        .education p {
+            margin-bottom: 10px;
+        }
+
+        ul, ol {
+            list-style-type: disc; 
+            padding: 0;
+        }
+
+        @media print {
+            body {
+                width: 21cm;
+                height: 29.7cm;
+                margin: 20mm;
+            }
+
+            .cv-container {
+                max-width: 100%;
+                margin: 0;
+                padding: 0;
+                box-shadow: none;
+                border-radius: 0;
+            }
+        }
+    </style>
+    <title>CV - Moncef STITI</title>
+</head>
+
+<body>
+    <div class="cv-container">
+        <header>
+            <h1>Moncef STITI</h1>
+        </header>
+
+        <section class="education">
+            <h2>Formation</h2>
+            <p>2023 - 2024 | IUT de Fontainebleau</p>
+            <p>Première année de Bachelor universitaire de technologie en informatique</p>
+            <p>2023 | Lycée Durzy (45700 Villemandeur)</p>
+            <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>Langues, littératures et cultures étrangères (Anglais)</li>
+            </ul>
+        </section>
+
+        <section class="competence">
+            <h2>Informatique</h2>
+            <h3>Langages :</h3>
+            <ul>
+                <li>Python 3 (niveau avancé)</li>
+                <li>C 89 (niveau avancé)</li>
+                <li>Bash (bonne maîtrise)</li>
+                <li>Java (notions)</li>
+                <li>Assembleur (notions)</li>
+            </ul>
+            <h3>Programmation :</h3>
+            <ul>
+                <li>HTML 5 / CSS 3 / JavaScript (niveau avancé)</li>
+            </ul>
+            <p>Modélisation et base de données :</p>
+            <ul>
+                <li>UML (bonne maîtrise)</li>
+                <li>SQL (bonne maîtrise)</li>
+            </ul>
+            <h3>Réalisations :</h3>
+            <ul>
+                <li>Tour de Hanoï récursif (Python) - Programmation orientée objet</li>
+                <li>Jeu SNAKE (C 89) - Utilisation d’un Git, Réalisation d’un Makefile</li>
+                <li>Configuration machine virtuelle (Terminal) - Installation d’un Dual Boot (Grub),
+                    Installation de Windows 7 / Arch Linux, Création de profils utilisateurs</li>
+                <li>Simulation de feux d’artifice (Python)</li>
+            </ul>
+        </section>
+
+        <section class="experience">
+            <h2>Expérience Professionnelle</h2>
+            <div class="job">
+                <h3>Mars 2021 - Février 2022 | Marché de Montargis les dimanches matin</h3>
+                <p>Poissonnier / Primeur chargé de la préparation des commandes</p>
+            </div>
+            <div class="job">
+                <h3>Février 2019 | ERAMET Paris 15</h3>
+                <p>Stage d'observation d'une semaine</p>
+                <ul>
+                    <li>Observation d’un administrateur réseau</li>
+                    <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>

html/CV/MoncefSTITI.html

@@ -4,7 +4,78 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="../../css/CV/MoncefSTITI.css">
+    <style>
+        body {
+            font-family: 'Arial', sans-serif;
+            margin: 0;
+            padding: 0;
+            background-color: #f8f9fa;
+        }
+
+        .cv-container {
+            max-width: 800px;
+            margin: 20px auto;
+            padding: 20px;
+            background-color: #fff;
+            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
+            border-radius: 8px;
+        }
+
+        header h1 {
+            color: #007BFF;
+            text-align: center;
+        }
+
+        header h2 {
+            color: #007BFF;
+            text-align: center;
+        }
+
+        section {
+            margin-top: 30px;
+        }
+
+        .job h3 {
+            color: #007BFF;
+        }
+
+        ul {
+            list-style-type: none;
+            padding: 0;
+        }
+
+        .competence ul,
+        .education ul {
+            padding-left: 20px;
+            margin-bottom: 10px;
+        }
+
+        .competence p,
+        .education p {
+            margin-bottom: 10px;
+        }
+
+        ul, ol {
+            list-style-type: disc; 
+            padding: 0;
+        }
+
+        @media print {
+            body {
+                width: 21cm;
+                height: 29.7cm;
+                margin: 20mm;
+            }
+
+            .cv-container {
+                max-width: 100%;
+                margin: 0;
+                padding: 0;
+                box-shadow: none;
+                border-radius: 0;
+            }
+        }
+    </style>
     <title>CV - Moncef STITI</title>
 </head>
 
@@ -16,18 +87,18 @@
 
         <section class="education">
             <h2>Formation</h2>
+            <p>2023 - 2024 | IUT de Fontainebleau</p>
             <p>Première année de Bachelor universitaire de technologie en informatique</p>
+            <p>2023 | Lycée Durzy (45700 Villemandeur)</p>
             <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>Langues, littératures et cultures étrangères (Anglais)</li>
             </ul>
-            <p>2023 - 2024 | IUT de Fontainebleau</p>
-            <p>2023 | Lycée Durzy (45700 Villemandeur)</p>
         </section>
 
-        <section class="skills">
+        <section class="competence">
             <h2>Informatique</h2>
             <h3>Langages :</h3>
             <ul>

html/a-propos.html

@@ -14,7 +14,7 @@
         </div>
         <nav class="nav-links">
             <a href="index.html">Accueil</a>
-            <a href="#">Menu</a>
+            <a href="menu.html">Menu</a>
             <div class="dropdown">
                 <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
                 <div class="dropdown-content">
@@ -22,7 +22,7 @@
                     <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>
+                    <a href="notre-equipe.html">Notre équipe</a>
                 </div>
             </div>
             <a href="../html/contact.html" class="nav-link">Contact</a>
@@ -37,6 +37,14 @@
         </div>
     </header>
         
+        <!-- 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 class="about-section">
             <h2>À propos de Neo Eat</h2>
@@ -64,15 +72,16 @@
         <div class="footer-content">
             <div class="footer-section">
                 <h3>Plan du site</h3>
-                <!-- Ajoutez ici les liens vers les différentes sections du site -->
+                <a href="plan-du-site.html">Consulter le plan du site</a>
             </div>
             <div class="footer-section">
                 <h3>Mentions légales</h3>
-                <!-- Ajoutez ici les informations légales nécessaires -->
+                <a href="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>
             </div>
             <div class="footer-section horizontally-aligned">
@@ -80,22 +89,22 @@
                 <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">
+                            <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="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="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="Youtube">
+                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
                         </a>
                     </p>
                     <p>

html/contact.html

@@ -14,7 +14,7 @@
         </div>
         <nav class="nav-links">
             <a href="index.html">Accueil</a>
-            <a href="#">Menu</a>
+            <a href="menu.html">Menu</a>
             <div class="dropdown">
                 <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
                 <div class="dropdown-content">
@@ -22,7 +22,7 @@
                     <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>
+                    <a href="notre-equipe.html">Notre équipe</a>
                 </div>
             </div>
             <a href="../html/contact.html" class="nav-link">Contact</a>
@@ -76,15 +76,16 @@
         <div class="footer-content">
             <div class="footer-section">
                 <h3>Plan du site</h3>
-                <!-- Ajoutez ici les liens vers les différentes sections du site -->
+                <a href="plan-du-site.html">Consulter le plan du site</a>
             </div>
             <div class="footer-section">
                 <h3>Mentions légales</h3>
-                <!-- Ajoutez ici les informations légales nécessaires -->
+                <a href="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>
             </div>
             <div class="footer-section horizontally-aligned">
@@ -92,22 +93,22 @@
                 <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">
+                            <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="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="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="Youtube">
+                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
                         </a>
                     </p>
                     <p>

html/faq.html

@@ -14,7 +14,7 @@
         </div>
         <nav class="nav-links">
             <a href="index.html">Accueil</a>
-            <a href="#">Menu</a>
+            <a href="menu.html">Menu</a>
             <div class="dropdown">
                 <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
                 <div class="dropdown-content">
@@ -22,7 +22,7 @@
                     <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>
+                    <a href="notre-equipe.html">Notre équipe</a>
                 </div>
             </div>
             <a href="../html/contact.html" class="nav-link">Contact</a>
@@ -112,15 +112,16 @@
         <div class="footer-content">
             <div class="footer-section">
                 <h3>Plan du site</h3>
-                <!-- Ajoutez ici les liens vers les différentes sections du site -->
+                <a href="plan-du-site.html">Consulter le plan du site</a>
             </div>
             <div class="footer-section">
                 <h3>Mentions légales</h3>
-                <!-- Ajoutez ici les informations légales nécessaires -->
+                <a href="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>
             </div>
             <div class="footer-section horizontally-aligned">
@@ -128,22 +129,22 @@
                 <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">
+                            <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="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="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="Youtube">
+                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
                         </a>
                     </p>
                     <p>

html/fournisseurs.html

@@ -14,7 +14,7 @@
         </div>
         <nav class="nav-links">
             <a href="index.html">Accueil</a>
-            <a href="#">Menu</a>
+            <a href="menu.html">Menu</a>
             <div class="dropdown">
                 <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
                 <div class="dropdown-content">
@@ -22,7 +22,7 @@
                     <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>
+                    <a href="notre-equipe.html">Notre équipe</a>
                 </div>
             </div>
             <a href="../html/contact.html" class="nav-link">Contact</a>
@@ -73,15 +73,16 @@
         <div class="footer-content">
             <div class="footer-section">
                 <h3>Plan du site</h3>
-                <!-- Ajoutez ici les liens vers les différentes sections du site -->
+                <a href="plan-du-site.html">Consulter le plan du site</a>
             </div>
             <div class="footer-section">
                 <h3>Mentions légales</h3>
-                <!-- Ajoutez ici les informations légales nécessaires -->
+                <a href="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>
             </div>
             <div class="footer-section horizontally-aligned">
@@ -89,22 +90,22 @@
                 <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">
+                            <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="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="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="Youtube">
+                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
                         </a>
                     </p>
                     <p>

html/index.html

@@ -14,7 +14,7 @@
         </div>
         <nav class="nav-links">
             <a href="index.html">Accueil</a>
-            <a href="#">Menu</a>
+            <a href="menu.html">Menu</a>
             <div class="dropdown">
                 <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
                 <div class="dropdown-content">
@@ -155,15 +155,16 @@
         <div class="footer-content">
             <div class="footer-section">
                 <h3>Plan du site</h3>
-                <!-- Ajoutez ici les liens vers les différentes sections du site -->
+                <a href="plan-du-site.html">Consulter le plan du site</a>
             </div>
             <div class="footer-section">
                 <h3>Mentions légales</h3>
-                <!-- Ajoutez ici les informations légales nécessaires -->
+                <a href="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>
             </div>
             <div class="footer-section horizontally-aligned">
@@ -171,22 +172,22 @@
                 <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">
+                            <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="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="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="Youtube">
+                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
                         </a>
                     </p>
                     <p>

html/mention-legal.html

@@ -13,7 +13,7 @@
         </div>
         <nav class="nav-links">
             <a href="index.html">Accueil</a>
-            <a href="#">Menu</a>
+            <a href="menu.html">Menu</a>
             <div class="dropdown">
                 <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
                 <div class="dropdown-content">
@@ -21,7 +21,7 @@
                     <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>
+                    <a href="notre-equipe.html">Notre équipe</a>
                 </div>
             </div>
             <a href="../html/contact.html" class="nav-link">Contact</a>
@@ -80,15 +80,16 @@
         <div class="footer-content">
             <div class="footer-section">
                 <h3>Plan du site</h3>
-                <!-- Ajoutez ici les liens vers les différentes sections du site -->
+                <a href="plan-du-site.html">Consulter le plan du site</a>
             </div>
             <div class="footer-section">
                 <h3>Mentions légales</h3>
-                <!-- Ajoutez ici les informations légales nécessaires -->
+                <a href="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>
             </div>
             <div class="footer-section horizontally-aligned">
@@ -96,22 +97,22 @@
                 <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">
+                            <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="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="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="Youtube">
+                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
                         </a>
                     </p>
                     <p>

html/menu.html

@@ -0,0 +1,136 @@
+<!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/menu.css"> <!-- Ajoutez le fichier CSS spécifique pour le menu -->
+    <title>Menu - 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.html">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-equipe.html">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="menu-category">
+        <h3>Plats Principaux</h3>
+        <div class="menu-items">
+            <div class="menu-item">
+                <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>
+            </div>
+            <!-- Ajoutez d'autres plats ici -->
+        </div>
+    </div>
+    
+    <!-- Desserts Gastronomiques -->
+    <div class="menu-category">
+        <h3>Desserts Gastronomiques</h3>
+        <div class="menu-items">
+            <div class="menu-item">
+                <h4>Fondant au chocolat noir</h4>
+                <img src="../img/Plat/Plat2.png" alt="Fondant au chocolat noir">
+                <p>Servi avec une boule de glace à la vanille et une tuile aux amandes.</p>
+            </div>
+            <!-- Ajoutez d'autres desserts gastronomiques ici -->
+        </div>
+    </div>
+    
+    <!-- Menu Éphémère -->
+    <div class="menu-category">
+        <h3>Menu Éphémère</h3>
+        <div class="menu-items">
+            <div class="menu-item">
+                <h4>Tartare de thon mariné</h4>
+                <img src="../img/Plat/Plat3.png" alt="Tartare de thon mariné">
+                <p>Accompagné d'avocat frais et de vinaigrette au wasabi.</p>
+            </div>
+            <!-- Ajoutez d'autres éléments du menu éphémère ici -->
+        </div>
+    </div>
+
+<footer class="footer">
+        <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>
+            </div>
+            <div class="footer-section">
+                <h3>Mentions légales</h3>
+                <a href="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>
+            </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="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">
+                        </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">
+                        </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">
+                        </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>

html/nos-chefs.html

@@ -4,7 +4,7 @@
     <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/nos-chefs.css"> <!-- Ajoutez le fichier CSS spécifique pour cette page -->
+    <link rel="stylesheet" href="../css/nos-chefs.css"> 
     <title>Nos Chefs - Neo Eat</title>
 </head>
 <body>
@@ -14,7 +14,7 @@
         </div>
         <nav class="nav-links">
             <a href="index.html">Accueil</a>
-            <a href="#">Menu</a>
+            <a href="menu.html">Menu</a>
             <div class="dropdown">
                 <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
                 <div class="dropdown-content">
@@ -22,7 +22,7 @@
                     <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>
+                    <a href="notre-equipe.html">Notre équipe</a>
                 </div>
             </div>
             <a href="../html/contact.html" class="nav-link">Contact</a>
@@ -49,7 +49,7 @@
                 </div>
         
                 <div class="chef">
-                    <img src="../img/ChefCuisto/cedricgrolet.png" alt="Cedric Grolet">
+                    <img src="../img/ChefCuisto/CedricGrolet.png" alt="Cedric Grolet">
                     <h3>Cedric Grolet</h3>
                     <p>Pâtissier renommé, célèbre pour ses créations artistiques et innovantes.</p>
                 </div>
@@ -84,8 +84,6 @@
                     <p>Cheffe étoilée française, reconnue pour son expertise culinaire exceptionnelle et son influence marquante dans le monde de la gastronomie.</p>
                 </div>
         
-                <!-- Ajoute d'autres chefs de la même manière -->
-        
             </div>
         </section>        
     </div>
@@ -94,15 +92,16 @@
         <div class="footer-content">
             <div class="footer-section">
                 <h3>Plan du site</h3>
-                <!-- Ajoutez ici les liens vers les différentes sections du site -->
+                <a href="plan-du-site.html">Consulter le plan du site</a>
             </div>
             <div class="footer-section">
                 <h3>Mentions légales</h3>
-                <!-- Ajoutez ici les informations légales nécessaires -->
+                <a href="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>
             </div>
             <div class="footer-section horizontally-aligned">
@@ -110,22 +109,22 @@
                 <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">
+                            <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="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="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="Youtube">
+                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
                         </a>
                     </p>
                     <p>
@@ -143,6 +142,5 @@
     </footer>
 
     <script src="../js/script.js"></script>
-    <!-- ... (vos autres scripts) ... -->
 </body>
 </html>

html/notre-equipe.html

@@ -16,7 +16,7 @@
         </div>
         <nav class="nav-links">
             <a href="index.html">Accueil</a>
-            <a href="#">Menu</a>
+            <a href="menu.html">Menu</a>
             <div class="dropdown">
                 <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
                 <div class="dropdown-content">
@@ -24,7 +24,7 @@
                     <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>
+                    <a href="notre-equipe.html">Notre équipe</a>
                 </div>
             </div>
             <a href="../html/contact.html" class="nav-link">Contact</a>
@@ -56,7 +56,7 @@
                 <h4>CURRICULUM VITAE</h4>
                 <p>Vous pouvez télécharger le CV de Moncef STITI ci-dessous :</p>
                 <a class="cv-link" href="../html/CV/MoncefSTITI.html" download="MoncefSTITI_CV.html">Télécharger le CV</a>
-                <a class="cv-link" href="../html/CV/MoncefSTITI.html" onclick="window.open('../html/CV/MoncefSTITI.html', '_blank'); return false;">Imprimer le CV</a>
+                <a class="cv-link" href="javascript:void(0);" onclick="printCV('../html/CV/MoncefSTITI.html');">Imprimer le CV</a>
             </div>
 
             <div class="membre-equipe">
@@ -71,12 +71,12 @@
             <div class="cv-container">
                 <h4>CURRICULUM VITAE</h4>
                 <p>Vous pouvez télécharger le CV de Marco ORFAO ci-dessous :</p>
-                <a class="cv-link" href="../html/CV/MoncefSTITI.html" download="MoncefSTITI_CV.html">Télécharger le CV</a>
+                <a class="cv-link" href="../html/CV/MarcoORFAO.html" download="MarcoORFAO.html">Télécharger le CV</a>
-                <a class="cv-link" href="../html/CV/MoncefSTITI.html" onclick="window.open('../html/CV/MoncefSTITI.html', '_blank'); return false;">Imprimer le CV</a>
+                <a class="cv-link" href="../html/CV/MarcoORFAO.html" onclick="window.open('../html/CV/MarcoORFAO.html', '_blank'); return false;">Imprimer le CV</a>
             </div>
 
             <div class="membre-equipe">
-                <img src="../img/NotreEquipe/MoncefSTITI.png" alt="Photo de Moncef STITI">
+                <img src="../img/NotreEquipe/MoncefSTITI.png" alt="Photo de Louay DARDOURI">
                 <div class="membre-info">
                     <h3>Louay DARDOURI</h3>
                     <p>Rôle : Cofondateur et ingénieur informatique</p>
@@ -87,8 +87,8 @@
             <div class="cv-container">
                 <h4>CURRICULUM VITAE</h4>
                 <p>Vous pouvez télécharger le CV de Louay DARDOURI ci-dessous :</p>
-                <a class="cv-link" href="../html/CV/MoncefSTITI.html" download="MoncefSTITI_CV.html">Télécharger le CV</a>
+                <a class="cv-link" href="../html/CV/LouayDARDOURI.html" download="LouayDARDOURI.html">Télécharger le CV</a>
-                <a class="cv-link" href="../html/CV/MoncefSTITI.html" onclick="window.open('../html/CV/MoncefSTITI.html', '_blank'); return false;">Imprimer le CV</a>
+                <a class="cv-link" href="../html/CV/LouayDARDOURI.html" onclick="window.open('../html/CV/LouayDARDOURI.html', '_blank'); return false;">Imprimer le CV</a>
             </div>
         </section>
     </div>
@@ -97,15 +97,16 @@
         <div class="footer-content">
             <div class="footer-section">
                 <h3>Plan du site</h3>
-                <!-- Ajoutez ici les liens vers les différentes sections du site -->
+                <a href="plan-du-site.html">Consulter le plan du site</a>
             </div>
             <div class="footer-section">
                 <h3>Mentions légales</h3>
-                <!-- Ajoutez ici les informations légales nécessaires -->
+                <a href="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>
             </div>
             <div class="footer-section horizontally-aligned">
@@ -113,22 +114,22 @@
                 <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">
+                            <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="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="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="Youtube">
+                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
                         </a>
                     </p>
                     <p>

html/plan-du-site.html

@@ -0,0 +1,125 @@
+<!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/plan-du-site.css">
+    <title>Plan du site - 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.html">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-equipe.html">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 class="plan-du-site-section">
+            <h2>Plan du site</h2>
+            <ul>
+                <li><a href="index.html">Accueil</a></li>
+                <li><a href="menu.html">Menu </a></li>
+                <li>
+                    <ul>
+                        <li><a href="a-propos.html">Qui sommes-nous ?</a></li>
+                        <li><a href="faq.html">FAQ</a></li>
+                        <li><a href="nos-chefs.html">Nos chefs</a></li>
+                        <li><a href="fournisseurs.html">Nos fournisseurs</a></li>
+                        <li><a href="notre-equipe.html">Notre équipe</a></li>
+                    </ul>
+                </li>
+                <li><a href="contact.html">Contact</a></li>
+                <li><a href="reservation.html">Réserver une table</a></li>
+                <li><a href="mention-legale.html">Mentions légales</a></li>
+                <li><a href="plan-du-site.html">Plan du site</a></li>
+            </ul>
+        </section>
+    </div>
+
+    <footer class="footer">
+        <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>
+            </div>
+            <div class="footer-section">
+                <h3>Mentions légales</h3>
+                <a href="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>
+            </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="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">
+                        </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">
+                        </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">
+                        </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>

html/reservation.html

@@ -14,7 +14,7 @@
         </div>
         <nav class="nav-links">
             <a href="index.html">Accueil</a>
-            <a href="#">Menu</a>
+            <a href="menu.html">Menu</a>
             <div class="dropdown">
                 <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
                 <div class="dropdown-content">
@@ -22,7 +22,7 @@
                     <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>
+                    <a href="notre-equipe.html">Notre équipe</a>
                 </div>
             </div>
             <a href="../html/contact.html" class="nav-link">Contact</a>
@@ -81,15 +81,16 @@
         <div class="footer-content">
             <div class="footer-section">
                 <h3>Plan du site</h3>
-                <!-- Ajoutez ici les liens vers les différentes sections du site -->
+                <a href="plan-du-site.html">Consulter le plan du site</a>
             </div>
             <div class="footer-section">
                 <h3>Mentions légales</h3>
-                <!-- Ajoutez ici les informations légales nécessaires -->
+                <a href="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>
             </div>
             <div class="footer-section horizontally-aligned">
@@ -97,22 +98,22 @@
                 <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">
+                            <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="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="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="Youtube">
+                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
                         </a>
                     </p>
                     <p>

html/reservationSucces.html

@@ -14,7 +14,7 @@
         </div>
         <nav class="nav-links">
             <a href="index.html">Accueil</a>
-            <a href="#">Menu</a>
+            <a href="menu.html">Menu</a>
             <div class="dropdown">
                 <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
                 <div class="dropdown-content">
@@ -22,7 +22,7 @@
                     <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>
+                    <a href="notre-equipe.html">Notre équipe</a>
                 </div>
             </div>
             <a href="../html/contact.html" class="nav-link">Contact</a>
@@ -49,15 +49,16 @@
         <div class="footer-content">
             <div class="footer-section">
                 <h3>Plan du site</h3>
-                <!-- Ajoutez ici les liens vers les différentes sections du site -->
+                <a href="plan-du-site.html">Consulter le plan du site</a>
             </div>
             <div class="footer-section">
                 <h3>Mentions légales</h3>
-                <!-- Ajoutez ici les informations légales nécessaires -->
+                <a href="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>
             </div>
             <div class="footer-section horizontally-aligned">
@@ -65,22 +66,22 @@
                 <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">
+                            <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="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="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="Youtube">
+                            <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
                         </a>
                     </p>
                     <p>

js/notre-equipe.js

@@ -1,10 +1 @@
-function printCV(cvUrl) {
+/*trouver comment imprimer */
-    var newWindow = window.open(cvUrl, '_blank');
-    if (newWindow) {
-        newWindow.onload = function () {
-            newWindow.print();
-        };
-    } else {
-        alert("Impossible d'ouvrir une nouvelle fenêtre. Veuillez autoriser les nouvelles fenêtres.");
-    }
-}