diff --git a/css/ReservationSuccess.css b/css/ReservationSuccess.css index 4f7b3ec..fb14b29 100644 --- a/css/ReservationSuccess.css +++ b/css/ReservationSuccess.css @@ -1,32 +1,32 @@ -.content { - max-width: 800px; - margin: 20px auto; - padding: 20px; - background-color: #fff; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -} - -.reservation-successful-section { - text-align: center; - margin-bottom: 300px; -} - -.reservation-successful-section h1 { - color: #00a651; -} - -.reservation-successful-section p { - font-size: 18px; - color: #555; -} - -.home-button { - display: inline-block; - margin-top: 30px; - padding: 10px 20px; - background-color: #FFB039; - color: white; - text-decoration: none; - border-radius: 5px; - font-weight: bold; +.content { + max-width: 800px; + margin: 20px auto; + padding: 20px; + background-color: #fff; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); +} + +.reservation-successful-section { + text-align: center; + margin-bottom: 300px; +} + +.reservation-successful-section h1 { + color: #00a651; +} + +.reservation-successful-section p { + font-size: 18px; + color: #555; +} + +.home-button { + display: inline-block; + margin-top: 30px; + padding: 10px 20px; + background-color: #FFB039; + color: white; + text-decoration: none; + border-radius: 5px; + font-weight: bold; } \ No newline at end of file diff --git a/css/a-propos.css b/css/a-propos.css new file mode 100644 index 0000000..595fc13 --- /dev/null +++ b/css/a-propos.css @@ -0,0 +1,21 @@ +.about-section { + text-align: justify; + margin-top: 20px; +} + +.about-section p { + margin-bottom: 20px; +} + +.about-section img { + max-width: 100%; + border-radius: 8px; + margin-top: 10px; +} + +.robot-image { + max-width: 100%; + max-height: 200px; + border-radius: 8px; + margin-top: 10px; +} \ No newline at end of file diff --git a/css/contact.css b/css/contact.css index d1182d5..8f8e3de 100644 --- a/css/contact.css +++ b/css/contact.css @@ -1,50 +1,50 @@ -.contact-section { - text-align: center; - padding: 20px 0; -} - -.contact-form { - max-width: 600px; - margin: 0 auto; -} - -.contact-form label { - display: block; - margin-bottom: 8px; -} - -.contact-form input, -.contact-form textarea { - width: 100%; - padding: 10px; - margin-bottom: 16px; - border: 1px solid #ccc; - border-radius: 5px; -} - -.contact-form button { - background-color: #FFB039; - padding: 10px 20px; - border: none; - border-radius: 5px; - color: white; - cursor: pointer; -} - -.contact-form button:hover { - background-color: #E59800; -} - -.contact-details { - text-align: left; - max-width: 600px; - margin: 0 auto; - margin-top: 20px; -} - -.map { - height: 300px; - background-color: #f0f0f0; - border-radius: 8px; - overflow: hidden; +.contact-section { + text-align: center; + padding: 20px 0; +} + +.contact-form { + max-width: 600px; + margin: 0 auto; +} + +.contact-form label { + display: block; + margin-bottom: 8px; +} + +.contact-form input, +.contact-form textarea { + width: 100%; + padding: 10px; + margin-bottom: 16px; + border: 1px solid #ccc; + border-radius: 5px; +} + +.contact-form button { + background-color: #FFB039; + padding: 10px 20px; + border: none; + border-radius: 5px; + color: white; + cursor: pointer; +} + +.contact-form button:hover { + background-color: #E59800; +} + +.contact-details { + text-align: left; + max-width: 600px; + margin: 0 auto; + margin-top: 20px; +} + +.map { + height: 300px; + background-color: #f0f0f0; + border-radius: 8px; + overflow: hidden; } \ No newline at end of file diff --git a/css/faq.css b/css/faq.css index 56af532..456674c 100644 --- a/css/faq.css +++ b/css/faq.css @@ -1,37 +1,38 @@ -.faq-section { - max-width: 800px; - margin: 0 auto; -} - -.faq-item { - margin-bottom: 20px; -} - - -.faq-question-btn { - background-color: #FFB039; - color: white; - padding: 10px; - border: none; - border-radius: 5px; - cursor: pointer; - width: 100%; - text-align: left; -} - -.faq-answer { - display: none; - padding: 10px; - border: 1px solid #ccc; - border-radius: 5px; - margin-top: 10px; -} - -.faq-answer p { - margin: 0; -} - -.faq-item.active .faq-question-btn { - background-color: #4A305A; -} - +.faq-section { + max-width: 800px; + margin: 0 auto; +} + +.faq-item { + margin-bottom: 20px; +} + + +.faq-question-btn { + background-color: #FFB039; + color: white; + padding: 10px; + border: none; + border-radius: 5px; + cursor: pointer; + width: 100%; + text-align: left; + font-size: large; +} + +.faq-answer { + display: none; + padding: 10px; + border: 1px solid #ccc; + border-radius: 5px; + margin-top: 10px; +} + +.faq-answer p { + margin: 0; +} + +.faq-item.active .faq-question-btn { + background-color: #4A305A; +} + diff --git a/css/nos-chefs.css b/css/nos-chefs.css new file mode 100644 index 0000000..5f42c2a --- /dev/null +++ b/css/nos-chefs.css @@ -0,0 +1,25 @@ +.nos-chefs-section { + max-width: 800px; + margin: 0 auto; +} + +.chef-item { + margin-bottom: 20px; + text-align: center; +} + +.chef-item img { + max-width: 100%; + border-radius: 50%; + margin-bottom: 10px; +} + +.chef-item h2 { + color: #4A305A; +} + +.chef-item p { + color: #333; + font-size: 16px; + line-height: 1.5; +} diff --git a/css/reservation.css b/css/reservation.css index 75213f3..8b105f2 100644 --- a/css/reservation.css +++ b/css/reservation.css @@ -1,48 +1,48 @@ -.content { - text-align: center; -} - -.reservation-section { - max-width: 600px; - margin: 0 auto; - text-align: center; - padding: 20px 0; -} - -.reservation-form { - max-width: 600px; - margin: 0 auto; - text-align: center; -} - -.reservation-form label { - display: block; - margin-bottom: 8px; -} - -.reservation-form input, -.reservation-form select { - width: 100%; - padding: 10px; - margin-bottom: 16px; - border: 1px solid #ccc; - border-radius: 5px; -} - -.reservation-form button { - margin-top: 10px; /* Ajoute un espace en haut du bouton */ - background-color: #FFB039; - padding: 10px 20px; - border: none; - border-radius: 5px; - color: white; - cursor: pointer; -} - -.reservation-form button:hover { - background-color: #E59800; -} - -.reservation-form { - text-align: center; /* Centre le formulaire */ -} +.content { + text-align: center; +} + +.reservation-section { + max-width: 600px; + margin: 0 auto; + text-align: center; + padding: 20px 0; +} + +.reservation-form { + max-width: 600px; + margin: 0 auto; + text-align: center; +} + +.reservation-form label { + display: block; + margin-bottom: 8px; +} + +.reservation-form input, +.reservation-form select { + width: 100%; + padding: 10px; + margin-bottom: 16px; + border: 1px solid #ccc; + border-radius: 5px; +} + +.reservation-form button { + margin-top: 10px; /* Ajoute un espace en haut du bouton */ + background-color: #FFB039; + padding: 10px 20px; + border: none; + border-radius: 5px; + color: white; + cursor: pointer; +} + +.reservation-form button:hover { + background-color: #E59800; +} + +.reservation-form { + text-align: center; /* Centre le formulaire */ +} diff --git a/css/styles.css b/css/styles.css index f2c57a3..d7202cd 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1,378 +1,378 @@ -* { - margin: 0; - padding: 0; - box-sizing: border-box; -} - -body { - margin: 0; - padding: 0; - padding-top: 80px; - font-family: 'Arial', sans-serif; - background-color: #F2F2F2; - flex-direction: column; - min-height: 100vh; -} - -.navbar { - background-color: #4A305A; - padding: 10px; - display: flex; - justify-content: space-between; - align-items: center; - position: fixed; - width: 100%; - top: 0; - z-index: 1000; /* Assure que l'en-tête reste au-dessus du contenu */ - box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Ajoute une ombre légère pour le style */ -} - - -.logo img { - width: 4.7cm; - height: 1.7cm; - margin-left: 1cm; -} - -.reserve-btn { - background-color: #FFB039; - padding: 10px 20px; - border-radius: 10px; - color: #4A305A; -} - -.burger-menu { - display: none; - cursor: pointer; -} - -.burger-menu div { - width: 25px; - height: 3px; - background-color: white; - margin: 6px 0; -} - - -@media screen and (max-width: 768px) { - .nav-links { - display: none; - flex-direction: column; - align-items: center; - position: absolute; - top: 60px; - left: 0; - width: 100%; - background-color: #4A305A; - z-index: 1; - } - - .nav-links.show { - display: flex; - } - - .nav-link { - margin: 10px 0; - } - - .burger-menu { - display: block; - } - - .footer-content { - flex-wrap: wrap; - } - - .footer-section { - flex: 1; - } -} - -.content { - max-width: 1380px; - margin: 15px auto; - padding: 0 20px; - background-color: white; - border-radius: 10px; - 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; -} - -p { - color: #333; - font-size: 16px; - 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; - bottom: 20px; - right: 20px; - background-color: #FFB039; - border: none; - border-radius: 5px; - font-size: 25px; - padding: 10px; - cursor: pointer; -} - - -.container { - position: relative; - margin-bottom: 120px; -} -.footer { - background-color: #4A305A; /* Couleur de fond du pied de page */ - color: white; - padding: 20px; /* Hauteur du pied de page */ - text-align: center; -} - -.footer p { - color: white; -} - -.footer-content { - display: flex; - justify-content: space-around; -} - -.footer-section { - text-align: center; - margin: 10px; -} - -.footer-signature { - order: 1; -} - -.logo-reseaux { - display: flex; - align-items: center; - justify-content: center; /* Centrer les icônes sur les petits écrans */ - margin-top: 10px; /* Ajouter une marge pour séparer les icônes du texte */ -} - -.logo-reseaux img { - width: 30px; - height: 30px; -} - -.footer-section h3 { - margin-bottom: 10px; -} - -.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 { - position: relative; - display: inline-block; -} - -.dropdown-content { - display: none; - position: absolute; - background-color: #FFB039; - box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); - border-radius: 8px; - z-index: 1; -} - -.dropdown-content a { - text-decoration: none; - padding: 12px 16px; - display: block; - transition: background-color 0.3s, color 0.3s; -} - -.dropdown:hover .dropdown-content { - display: block; -} - -/*Couleur des éléments de la nav bar Accueil, Menu, À propos ... */ -.nav-links a { - color: white; - text-decoration: none; /*Enlève le soulignement hyperlink*/ - margin: 0 15px; -} - -/* Couleur de survol de Accueil, Menu, À propos, and Contact */ -.nav-links a:hover, -.dropdown:hover .dropdown-btn { - color: #FFB039; -} - -/* Couleur du survol de Réserver une table, FAQ, Nos chefs, Nos fournisseurs, Nos équipes */ -.nav-link.reserve-btn:hover, -.dropdown-content a:hover { - color: #4A305A; -} +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + margin: 0; + padding: 0; + padding-top: 80px; + font-family: 'Arial', sans-serif; + background-color: #F2F2F2; + flex-direction: column; + min-height: 100vh; +} + +.navbar { + background-color: #4A305A; + padding: 10px; + display: flex; + justify-content: space-between; + align-items: center; + position: fixed; + width: 100%; + top: 0; + z-index: 1000; /* Assure que l'en-tête reste au-dessus du contenu */ + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Ajoute une ombre légère pour le style */ +} + + +.logo img { + width: 4.7cm; + height: 1.7cm; + margin-left: 1cm; +} + +.reserve-btn { + background-color: #FFB039; + padding: 10px 20px; + border-radius: 10px; + color: #4A305A; +} + +.burger-menu { + display: none; + cursor: pointer; +} + +.burger-menu div { + width: 25px; + height: 3px; + background-color: white; + margin: 6px 0; +} + + +@media screen and (max-width: 768px) { + .nav-links { + display: none; + flex-direction: column; + align-items: center; + position: absolute; + top: 60px; + left: 0; + width: 100%; + background-color: #4A305A; + z-index: 1; + } + + .nav-links.show { + display: flex; + } + + .nav-link { + margin: 10px 0; + } + + .burger-menu { + display: block; + } + + .footer-content { + flex-wrap: wrap; + } + + .footer-section { + flex: 1; + } +} + +.content { + max-width: 1380px; + margin: 15px auto; + padding: 0 20px; + background-color: white; + border-radius: 10px; + 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; +} + +p { + color: #333; + font-size: 16px; + 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; + bottom: 20px; + right: 20px; + background-color: #FFB039; + border: none; + border-radius: 5px; + font-size: 25px; + padding: 10px; + cursor: pointer; +} + + +.container { + position: relative; + margin-bottom: 120px; +} +.footer { + background-color: #4A305A; /* Couleur de fond du pied de page */ + color: white; + padding: 20px; /* Hauteur du pied de page */ + text-align: center; +} + +.footer p { + color: white; +} + +.footer-content { + display: flex; + justify-content: space-around; +} + +.footer-section { + text-align: center; + margin: 10px; +} + +.footer-signature { + order: 1; +} + +.logo-reseaux { + display: flex; + align-items: center; + justify-content: center; /* Centrer les icônes sur les petits écrans */ + margin-top: 10px; /* Ajouter une marge pour séparer les icônes du texte */ +} + +.logo-reseaux img { + width: 30px; + height: 30px; +} + +.footer-section h3 { + margin-bottom: 10px; +} + +.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 { + position: relative; + display: inline-block; +} + +.dropdown-content { + display: none; + position: absolute; + background-color: #FFB039; + box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); + border-radius: 8px; + z-index: 1; +} + +.dropdown-content a { + text-decoration: none; + padding: 12px 16px; + display: block; + transition: background-color 0.3s, color 0.3s; +} + +.dropdown:hover .dropdown-content { + display: block; +} + +/*Couleur des éléments de la nav bar Accueil, Menu, À propos ... */ +.nav-links a { + color: white; + text-decoration: none; /*Enlève le soulignement hyperlink*/ + margin: 0 15px; +} + +/* Couleur de survol de Accueil, Menu, À propos, and Contact */ +.nav-links a:hover, +.dropdown:hover .dropdown-btn { + color: #FFB039; +} + +/* Couleur du survol de Réserver une table, FAQ, Nos chefs, Nos fournisseurs, Nos équipes */ +.nav-link.reserve-btn:hover, +.dropdown-content a:hover { + color: #4A305A; +} diff --git a/html/a-propos.html b/html/a-propos.html new file mode 100644 index 0000000..b83e512 --- /dev/null +++ b/html/a-propos.html @@ -0,0 +1,119 @@ + + + + + + + + À propos de Neo Eat + + + + +
+
+

À propos de Neo Eat

+

+ 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é. +

+

+ Chez Neo Eat, l'expérience culinaire est entièrement automatisée grâce à des robots. Voici nos serveurs :
+ Serveur Robot 1 + Serveur Robot 2
Ils assurent un service rapide et efficace. Ces robots sont conçus pour offrir une expérience unique à nos clients. +

+

+ Notre brigade de cuisine est également composée de robots de pointe. Parmi eux :
+ Robot Couteau
+ Robot Cuisine
+ Ils garantissent une précision et une qualité constantes dans la préparation de chaque plat. Cette automatisation permet de maintenir des prix abordables, éliminant les coûts de main-d'œuvre tout en assurant une expérience gastronomique exceptionnelle. +

+

+ Actuellement basés exclusivement à Paris, nous avons des projets ambitieux d'expansion à travers la France dans un avenir proche. Notre mission est de rendre la gastronomie de qualité accessible à toutes les régions, offrant ainsi une expérience culinaire exceptionnelle à un public plus large. +

+
+
+ + + + + + + diff --git a/html/contact.html b/html/contact.html index 300853e..10c9754 100644 --- a/html/contact.html +++ b/html/contact.html @@ -1,131 +1,131 @@ - - - - - - - - Contact - Neo Eat - - - - -
-
-

Nous Contacter

-

Pour toute question ou demande, n'hésitez pas à nous contacter :

- - -
- - - - - - - - - - -
- - - -
-

Coordonnées

-

Téléphone : +33 01 75 48 96 32

-

Email : neoeat.sav@gmail.com

-

Adresse : Champ de Mars, 5 Av. Anatole France, 75007 Paris

-
- - -
- -
-
-
- - - - - - - + + + + + + + + Contact - Neo Eat + + + + +
+
+

Nous Contacter

+

Pour toute question ou demande, n'hésitez pas à nous contacter :

+ + +
+ + + + + + + + + + +
+ + + +
+

Coordonnées

+

Téléphone : +33 01 75 48 96 32

+

Email : neoeat.sav@gmail.com

+

Adresse : Champ de Mars, 5 Av. Anatole France, 75007 Paris

+
+ + +
+ +
+
+
+ + + + + + + diff --git a/html/faq.html b/html/faq.html index 7a097cf..2649447 100644 --- a/html/faq.html +++ b/html/faq.html @@ -1,154 +1,168 @@ - - - - - - - - FAQ - Neo Eat - - - - -
-
-

Foire aux questions

- -
- -
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar libero vel ligula ultrices, eget accumsan velit congue.

-
-
- -
- -
-

Maecenas eu lectus vitae nulla consectetur fermentum. Aliquam auctor, elit vel tincidunt molestie, purus elit placerat ex.

-
-
- -
- -
-

Vestibulum sed ligula non arcu feugiat ultrices. Duis fermentum ultrices urna, at feugiat tortor bibendum id.

-
-
- -
- -
-

Vestibulum sed ligula non arcu feugiat ultrices. Duis fermentum ultrices urna, at feugiat tortor bibendum id.

-
-
- -
- -
-

Vestibulum sed ligula non arcu feugiat ultrices. Duis fermentum ultrices urna, at feugiat tortor bibendum id.

-
-
- -
- -
-

Vestibulum sed ligula non arcu feugiat ultrices. Duis fermentum ultrices urna, at feugiat tortor bibendum id.

-
-
- - - -
- -
-

Vestibulum sed ligula non arcu feugiat ultrices. Duis fermentum ultrices urna, at feugiat tortor bibendum id.

-
-
-
-
- - - - - - - - + + + + + + + + FAQ - Neo Eat + + + + +
+
+

Foire aux questions

+ +
+ +
+

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.

+
+
+ +
+ +
+

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.

+
+
+ +
+ +
+

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.

+
+
+ +
+ +
+

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.

+
+
+ +
+ +
+

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.

+
+
+ +
+ +
+

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.

+
+
+ + + +
+ +
+

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 sourcer 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.

+
+
+ +
+ +
+

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.

+
+
+ +
+ +
+

Chez Neo Eat, votre opinion est d'une importance capitale. Vous avez plusieurs moyens de partager vos commentaires et témoignages.
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 !
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.
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 !

+
+
+
+
+ + + + + + + + diff --git a/html/index.html b/html/index.html index b7f0be9..e8cf2bc 100644 --- a/html/index.html +++ b/html/index.html @@ -1,210 +1,210 @@ - - - - - - - - Neo Eat - - - - -
- -
- -
-
-

Bienvenue chez Neo Eat !

-

- Neo Eat, où la créativité des chefs étoilés s'unit à la précision de la technologie. Nos chefs renommés imaginent des recettes exceptionnelles, harmonisant saveurs raffinées et innovations culinaires. Dans nos cuisines, des robots de pointe, guidés par ces recettes d'exception, assurent une expérience gastronomique unique. -
Découvrez l'alliance parfaite entre l'art culinaire humain et la précision technologique des robots. Vous avez la chance de voir ces machines à l'œuvre, créant vos plats sous vos yeux. Laissez-vous séduire par cette fusion unique de talent culinaire et d'innovation. Chez Neo Eat, chaque plat est une expérience mémorable, alliant la passion des chefs au futur de la cuisine. -

- Tables du restaurant -
- - -
-

Nos créateurs culinaires

-
-
-

Philippe Etchebest

- Chef Philippe Etchebest -

Rencontrez notre chef étoilé, Philippe Etchebest, passionné de cuisine depuis toujours.

-
- -
-

Cyril Lignac

- Chef Cyril Lignac -

Découvrez les créations innovantes de notre chef renommé, Cyril Lignac.

-
- -
-

Gordon Ramsay

- Chef Gordon Ramsay -

Savourez des plats exquis préparés par le célèbre chef Gordon Ramsay.

-
- -
-

Thierry Marx

- Chef Thierry Marx -

Explorez le monde culinaire unique conçu par le chef étoilé Thierry Marx.

-
-
- -
- -
-

Nos plats les plus populaires

-
-
-

Filet de bar et courgette

- Plat 1 -

Filet de bar et son bonbon de Pélardon au pistou sur son nid de spaghetti de courgette.

-
- -
-

Pâtes à la truffe

- Plat 2 -

Pâte à la truffe artisanale agrémentée de copeaux de parmesan fondants.

-
- -
-

Burger Ritz

- Plat 3 -

Burger Ritz accompagné de frites croustillantes et d'une sauce maison secrète.

-
-
- -
- - -
-

Avis de nos clients

-
-
- Client 1 -

Marie Dubois

-

- "Délicieux ! J'ai adoré chaque bouchée. Une expérience culinaire exceptionnelle." -
- ★★★★★ -

-
-
- Client 2 -

Lucas Martin

-

- "Le service était impeccable, et les plats étaient à la hauteur de mes attentes. Bravo Neo Eat !" -
- ★★★★★ -

-
-
- Client 3 -

Sophie Leroux

-

- "Une explosion de saveurs dans chaque plat. Certainement l'un des meilleurs restaurants de la ville." -
- ★★★★★ -

-
-
- -
-
- - - - - - - + + + + + + + + Neo Eat + + + + +
+ +
+ +
+
+

Bienvenue chez Neo Eat !

+

+ Neo Eat, où la créativité des chefs étoilés s'unit à la précision de la technologie. Nos chefs renommés imaginent des recettes exceptionnelles, harmonisant saveurs raffinées et innovations culinaires. Dans nos cuisines, des robots de pointe, guidés par ces recettes d'exception, assurent une expérience gastronomique unique. +
Découvrez l'alliance parfaite entre l'art culinaire humain et la précision technologique des robots. Vous avez la chance de voir ces machines à l'œuvre, créant vos plats sous vos yeux. Laissez-vous séduire par cette fusion unique de talent culinaire et d'innovation. Chez Neo Eat, chaque plat est une expérience mémorable, alliant la passion des chefs au futur de la cuisine. +

+ Tables du restaurant +
+ + +
+

Nos créateurs culinaires

+
+
+

Philippe Etchebest

+ Chef Philippe Etchebest +

Rencontrez notre chef étoilé, Philippe Etchebest, passionné de cuisine depuis toujours.

+
+ +
+

Cyril Lignac

+ Chef Cyril Lignac +

Découvrez les créations innovantes de notre chef renommé, Cyril Lignac.

+
+ +
+

Gordon Ramsay

+ Chef Gordon Ramsay +

Savourez des plats exquis préparés par le célèbre chef Gordon Ramsay.

+
+ +
+

Thierry Marx

+ Chef Thierry Marx +

Explorez le monde culinaire unique conçu par le chef étoilé Thierry Marx.

+
+
+ +
+ +
+

Nos plats les plus populaires

+
+
+

Filet de bar et courgette

+ Plat 1 +

Filet de bar et son bonbon de Pélardon au pistou sur son nid de spaghetti de courgette.

+
+ +
+

Pâtes à la truffe

+ Plat 2 +

Pâte à la truffe artisanale agrémentée de copeaux de parmesan fondants.

+
+ +
+

Burger Ritz

+ Plat 3 +

Burger Ritz accompagné de frites croustillantes et d'une sauce maison secrète.

+
+
+ +
+ + +
+

Avis de nos clients

+
+
+ Client 1 +

Marie Dubois

+

+ "Délicieux ! J'ai adoré chaque bouchée. Une expérience culinaire exceptionnelle." +
+ ★★★★★ +

+
+
+ Client 2 +

Lucas Martin

+

+ "Le service était impeccable, et les plats étaient à la hauteur de mes attentes. Bravo Neo Eat !" +
+ ★★★★★ +

+
+
+ Client 3 +

Sophie Leroux

+

+ "Une explosion de saveurs dans chaque plat. Certainement l'un des meilleurs restaurants de la ville." +
+ ★★★★★ +

+
+
+ +
+
+ + + + + + + diff --git a/html/nos-chefs.html b/html/nos-chefs.html new file mode 100644 index 0000000..c6b649d --- /dev/null +++ b/html/nos-chefs.html @@ -0,0 +1,147 @@ + + + + + + + + Nos Chefs - Neo Eat + + + + +
+
+

Nos Chefs

+ +
+
+ Philippe Etchebest +

Philippe Etchebest

+

Chef étoilé français, célèbre pour ses talents culinaires et son rôle dans des émissions de cuisine.

+
+ +
+ Cedric Grolet +

Cedric Grolet

+

Pâtissier renommé, célèbre pour ses créations artistiques et innovantes.

+
+ +
+ Cyril Lignac +

Cyril Lignac

+

Chef français, animateur télé, et propriétaire de plusieurs restaurants.

+
+ +
+ Gordon Ramsay +

Gordon Ramsay

+

Chef britannique renommé et personnalité de la télévision, célèbre pour son franc-parler.

+
+ +
+ Thierry Marx +

Thierry Marx

+

Chef français étoilé, également connu pour son engagement social et ses talents de cuisinier.

+
+ +
+ Ghislaine Arabian +

Ghislaine Arabian

+

Chef étoilée française, Ghislaine Arabian excelle dans l'art culinaire et apporte une touche d'élégance à chaque plat.

+
+ +
+ Stéphanie Le Quellec +

Stéphanie Le Quellec

+

Cheffe étoilée française, reconnue pour son expertise culinaire exceptionnelle et son influence marquante dans le monde de la gastronomie.

+
+ + + +
+
+
+ + + + + + + diff --git a/html/reservation.html b/html/reservation.html index f2dc9a7..94b565e 100644 --- a/html/reservation.html +++ b/html/reservation.html @@ -1,136 +1,136 @@ - - - - - - - - Réserver une table - Neo Eat - - - - -
-
-

Réserver une table

-

Choisissez une date et une heure parmi les disponibilités ci-dessous pour réserver une table.

- - -
- - - - - - - - - - - - - - - - - - - -
- -
-
- - - - - - - + + + + + + + + Réserver une table - Neo Eat + + + + +
+
+

Réserver une table

+

Choisissez une date et une heure parmi les disponibilités ci-dessous pour réserver une table.

+ + +
+ + + + + + + + + + + + + + + + + + + +
+ +
+
+ + + + + + + diff --git a/html/reservationSucces.html b/html/reservationSucces.html index 78e9867..5a4a34c 100644 --- a/html/reservationSucces.html +++ b/html/reservationSucces.html @@ -1,103 +1,103 @@ - - - - - - - - Réservation réussie - Neo Eat - - - - -
-
-

Réservation réussie

-

Merci pour votre réservation ! Votre table a bien été réservée et un mail de confirmation vous as été envoyé.

- Retourner à l'accueil -
-
- - - - - - + + + + + + + + Réservation réussie - Neo Eat + + + + +
+
+

Réservation réussie

+

Merci pour votre réservation ! Votre table a bien été réservée et un mail de confirmation vous as été envoyé.

+ Retourner à l'accueil +
+
+ + + + + + diff --git a/img/ChefCuisto/CedricGrolet.png b/img/ChefCuisto/CedricGrolet.png new file mode 100644 index 0000000..da93205 Binary files /dev/null and b/img/ChefCuisto/CedricGrolet.png differ diff --git a/img/ChefCuisto/GhislaineArabian.png b/img/ChefCuisto/GhislaineArabian.png new file mode 100644 index 0000000..3a6234e Binary files /dev/null and b/img/ChefCuisto/GhislaineArabian.png differ diff --git a/img/ChefCuisto/StéphanieLeQuellec.png b/img/ChefCuisto/StéphanieLeQuellec.png new file mode 100644 index 0000000..7933369 Binary files /dev/null and b/img/ChefCuisto/StéphanieLeQuellec.png differ diff --git a/img/PhotoCuisine/CouteauRobot.jpg b/img/PhotoCuisine/CouteauRobot.jpg new file mode 100644 index 0000000..7f3e81d Binary files /dev/null and b/img/PhotoCuisine/CouteauRobot.jpg differ diff --git a/img/PhotoCuisine/serveur1.jpg b/img/PhotoCuisine/serveur1.jpg new file mode 100644 index 0000000..119992c Binary files /dev/null and b/img/PhotoCuisine/serveur1.jpg differ diff --git a/img/PhotoCuisine/serveur2.jpg b/img/PhotoCuisine/serveur2.jpg new file mode 100644 index 0000000..b812d58 Binary files /dev/null and b/img/PhotoCuisine/serveur2.jpg differ diff --git a/js/faq.js b/js/faq.js index 3cfb541..5a0b01f 100644 --- a/js/faq.js +++ b/js/faq.js @@ -1,22 +1,22 @@ -document.addEventListener("DOMContentLoaded", function() { - const faqItems = document.querySelectorAll('.faq-item'); - - faqItems.forEach(item => { - const questionBtn = item.querySelector('.faq-question-btn'); - - questionBtn.addEventListener('click', () => { - // Ferme toutes les autres réponses - faqItems.forEach(otherItem => { - if (otherItem !== item) { - otherItem.classList.remove('active'); - otherItem.querySelector('.faq-answer').style.display = 'none'; - } - }); - - // Affiche ou masque la réponse de la question actuelle - item.classList.toggle('active'); - const answer = item.querySelector('.faq-answer'); - answer.style.display = item.classList.contains('active') ? 'block' : 'none'; - }); - }); -}); +document.addEventListener("DOMContentLoaded", function() { + const faqItems = document.querySelectorAll('.faq-item'); + + faqItems.forEach(item => { + const questionBtn = item.querySelector('.faq-question-btn'); + + questionBtn.addEventListener('click', () => { + // Ferme toutes les autres réponses + faqItems.forEach(otherItem => { + if (otherItem !== item) { + otherItem.classList.remove('active'); + otherItem.querySelector('.faq-answer').style.display = 'none'; + } + }); + + // Affiche ou masque la réponse de la question actuelle + item.classList.toggle('active'); + const answer = item.querySelector('.faq-answer'); + answer.style.display = item.classList.contains('active') ? 'block' : 'none'; + }); + }); +}); diff --git a/js/reservation.js b/js/reservation.js index 827795a..1313367 100644 --- a/js/reservation.js +++ b/js/reservation.js @@ -1,5 +1,5 @@ -// Pour que la date de réservation ne soit jamais inférieur à celle d'aujourd'hui -document.addEventListener('DOMContentLoaded', function () { - const today = new Date().toISOString().split('T')[0]; - document.getElementById('date').min = today; +// Pour que la date de réservation ne soit jamais inférieur à celle d'aujourd'hui +document.addEventListener('DOMContentLoaded', function () { + const today = new Date().toISOString().split('T')[0]; + document.getElementById('date').min = today; }); \ No newline at end of file diff --git a/js/script.js b/js/script.js index dff1636..be0881e 100644 --- a/js/script.js +++ b/js/script.js @@ -1,28 +1,28 @@ -// Menu burger -document.addEventListener('DOMContentLoaded', function () { - const burgerMenu = document.querySelector('.burger-menu'); - const navLinks = document.querySelector('.nav-links'); - - burgerMenu.addEventListener('click', function () { - navLinks.classList.toggle('show'); - }); -}); - -// Scroll jusqu'en au de la page -function scrollToTop() { - window.scrollTo({ - top: 0, - behavior: 'smooth' - }); -} - -// Afficher ou masquer le bouton de scroll en fonction de la position dans la page -document.addEventListener('scroll', function () { - const scrollTopBtn = document.getElementById('scrollTopBtn'); - if (window.scrollY > 200) { - scrollTopBtn.style.display = 'block'; - } else { - scrollTopBtn.style.display = 'none'; - } -}); - +// Menu burger +document.addEventListener('DOMContentLoaded', function () { + const burgerMenu = document.querySelector('.burger-menu'); + const navLinks = document.querySelector('.nav-links'); + + burgerMenu.addEventListener('click', function () { + navLinks.classList.toggle('show'); + }); +}); + +// Scroll jusqu'en au de la page +function scrollToTop() { + window.scrollTo({ + top: 0, + behavior: 'smooth' + }); +} + +// Afficher ou masquer le bouton de scroll en fonction de la position dans la page +document.addEventListener('scroll', function () { + const scrollTopBtn = document.getElementById('scrollTopBtn'); + if (window.scrollY > 200) { + scrollTopBtn.style.display = 'block'; + } else { + scrollTopBtn.style.display = 'none'; + } +}); + diff --git a/php/PHP/fichier/php/PHP/PHPMailer/.github/actions/build-docs/entrypoint.sh b/php/PHP/fichier/php/PHP/PHPMailer/.github/actions/build-docs/entrypoint.sh old mode 100755 new mode 100644 diff --git a/php/PHP/fichier/php/PHP/PHPMailer/test/fakepopserver.sh b/php/PHP/fichier/php/PHP/PHPMailer/test/fakepopserver.sh old mode 100755 new mode 100644 diff --git a/php/PHP/fichier/php/PHP/PHPMailer/test/fakesendmail.sh b/php/PHP/fichier/php/PHP/PHPMailer/test/fakesendmail.sh old mode 100755 new mode 100644 diff --git a/php/PHP/fichier/php/PHP/PHPMailer/test/runfakepopserver.sh b/php/PHP/fichier/php/PHP/PHPMailer/test/runfakepopserver.sh old mode 100755 new mode 100644 diff --git a/php/send_confirmation_email.php b/php/send_confirmation_email.php index 83c09bf..49dbf82 100644 --- a/php/send_confirmation_email.php +++ b/php/send_confirmation_email.php @@ -1,48 +1,48 @@ -CharSet = "UTF-8"; - $mail->Encoding = 'base64'; - - try { - // Paramètres du serveur SMTP - $mail->isSMTP(); - $mail->Host = 'smtp.gmail.com'; - $mail->SMTPAuth = true; - $mail->Username = 'neoeat.sav@gmail.com'; - $mail->Password = 'zann afaj cnus tifc'; // Remplacez par le mot de passe de votre compte Gmail - $mail->SMTPSecure = PHPMailer::ENCRYPTION_SMTPS; - $mail->Port = 465; - - // Destinataire - $mail->setFrom('neoeat.sav@gmail.com', 'Neo Eat'); - $mail->addAddress($_POST['email'], $_POST['name']); - - // Contenu du message - $mail->isHTML(true); - $mail->Subject = 'Confirmation de réservation'; - $mail->Body = 'Merci pour votre réservation ! Votre table a bien été réservée.'; - - // Envoyer le message - $mail->send(); - header("Location: ../html/reservationSucces.html"); - } catch (Exception $e) { - echo "Erreur lors de l'envoi du message de confirmation. Mailer Error: {$mail->ErrorInfo}"; - } -} else { - echo 'Données du formulaire manquantes.'; -} -?> +CharSet = "UTF-8"; + $mail->Encoding = 'base64'; + + try { + // Paramètres du serveur SMTP + $mail->isSMTP(); + $mail->Host = 'smtp.gmail.com'; + $mail->SMTPAuth = true; + $mail->Username = 'neoeat.sav@gmail.com'; + $mail->Password = 'zann afaj cnus tifc'; // Remplacez par le mot de passe de votre compte Gmail + $mail->SMTPSecure = PHPMailer::ENCRYPTION_SMTPS; + $mail->Port = 465; + + // Destinataire + $mail->setFrom('neoeat.sav@gmail.com', 'Neo Eat'); + $mail->addAddress($_POST['email'], $_POST['name']); + + // Contenu du message + $mail->isHTML(true); + $mail->Subject = 'Confirmation de réservation'; + $mail->Body = 'Merci pour votre réservation ! Votre table a bien été réservée.'; + + // Envoyer le message + $mail->send(); + header("Location: ../html/reservationSucces.html"); + } catch (Exception $e) { + echo "Erreur lors de l'envoi du message de confirmation. Mailer Error: {$mail->ErrorInfo}"; + } +} else { + echo 'Données du formulaire manquantes.'; +} +?>