Ajout de nouvelles pages
This commit is contained in:
parent
01ea3fce4e
commit
e6175ca05b
@ -1,32 +1,32 @@
|
|||||||
.content {
|
.content {
|
||||||
max-width: 800px;
|
max-width: 800px;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reservation-successful-section {
|
.reservation-successful-section {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: 300px;
|
margin-bottom: 300px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reservation-successful-section h1 {
|
.reservation-successful-section h1 {
|
||||||
color: #00a651;
|
color: #00a651;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reservation-successful-section p {
|
.reservation-successful-section p {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
color: #555;
|
color: #555;
|
||||||
}
|
}
|
||||||
|
|
||||||
.home-button {
|
.home-button {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-top: 30px;
|
margin-top: 30px;
|
||||||
padding: 10px 20px;
|
padding: 10px 20px;
|
||||||
background-color: #FFB039;
|
background-color: #FFB039;
|
||||||
color: white;
|
color: white;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
21
css/a-propos.css
Normal file
21
css/a-propos.css
Normal file
@ -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;
|
||||||
|
}
|
||||||
@ -1,50 +1,50 @@
|
|||||||
.contact-section {
|
.contact-section {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 20px 0;
|
padding: 20px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact-form {
|
.contact-form {
|
||||||
max-width: 600px;
|
max-width: 600px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact-form label {
|
.contact-form label {
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact-form input,
|
.contact-form input,
|
||||||
.contact-form textarea {
|
.contact-form textarea {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
border: 1px solid #ccc;
|
border: 1px solid #ccc;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact-form button {
|
.contact-form button {
|
||||||
background-color: #FFB039;
|
background-color: #FFB039;
|
||||||
padding: 10px 20px;
|
padding: 10px 20px;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
color: white;
|
color: white;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact-form button:hover {
|
.contact-form button:hover {
|
||||||
background-color: #E59800;
|
background-color: #E59800;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact-details {
|
.contact-details {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
max-width: 600px;
|
max-width: 600px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.map {
|
.map {
|
||||||
height: 300px;
|
height: 300px;
|
||||||
background-color: #f0f0f0;
|
background-color: #f0f0f0;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
75
css/faq.css
75
css/faq.css
@ -1,37 +1,38 @@
|
|||||||
.faq-section {
|
.faq-section {
|
||||||
max-width: 800px;
|
max-width: 800px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.faq-item {
|
.faq-item {
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.faq-question-btn {
|
.faq-question-btn {
|
||||||
background-color: #FFB039;
|
background-color: #FFB039;
|
||||||
color: white;
|
color: white;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
font-size: large;
|
||||||
|
}
|
||||||
.faq-answer {
|
|
||||||
display: none;
|
.faq-answer {
|
||||||
padding: 10px;
|
display: none;
|
||||||
border: 1px solid #ccc;
|
padding: 10px;
|
||||||
border-radius: 5px;
|
border: 1px solid #ccc;
|
||||||
margin-top: 10px;
|
border-radius: 5px;
|
||||||
}
|
margin-top: 10px;
|
||||||
|
}
|
||||||
.faq-answer p {
|
|
||||||
margin: 0;
|
.faq-answer p {
|
||||||
}
|
margin: 0;
|
||||||
|
}
|
||||||
.faq-item.active .faq-question-btn {
|
|
||||||
background-color: #4A305A;
|
.faq-item.active .faq-question-btn {
|
||||||
}
|
background-color: #4A305A;
|
||||||
|
}
|
||||||
|
|
||||||
|
|||||||
25
css/nos-chefs.css
Normal file
25
css/nos-chefs.css
Normal file
@ -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;
|
||||||
|
}
|
||||||
@ -1,48 +1,48 @@
|
|||||||
.content {
|
.content {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reservation-section {
|
.reservation-section {
|
||||||
max-width: 600px;
|
max-width: 600px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 20px 0;
|
padding: 20px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reservation-form {
|
.reservation-form {
|
||||||
max-width: 600px;
|
max-width: 600px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reservation-form label {
|
.reservation-form label {
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reservation-form input,
|
.reservation-form input,
|
||||||
.reservation-form select {
|
.reservation-form select {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
border: 1px solid #ccc;
|
border: 1px solid #ccc;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reservation-form button {
|
.reservation-form button {
|
||||||
margin-top: 10px; /* Ajoute un espace en haut du bouton */
|
margin-top: 10px; /* Ajoute un espace en haut du bouton */
|
||||||
background-color: #FFB039;
|
background-color: #FFB039;
|
||||||
padding: 10px 20px;
|
padding: 10px 20px;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
color: white;
|
color: white;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reservation-form button:hover {
|
.reservation-form button:hover {
|
||||||
background-color: #E59800;
|
background-color: #E59800;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reservation-form {
|
.reservation-form {
|
||||||
text-align: center; /* Centre le formulaire */
|
text-align: center; /* Centre le formulaire */
|
||||||
}
|
}
|
||||||
|
|||||||
756
css/styles.css
756
css/styles.css
File diff suppressed because it is too large
Load Diff
119
html/a-propos.html
Normal file
119
html/a-propos.html
Normal file
@ -0,0 +1,119 @@
|
|||||||
|
<!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/a-propos.css">
|
||||||
|
<title>À propos de Neo Eat</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header class="navbar">
|
||||||
|
<div class="logo">
|
||||||
|
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
|
||||||
|
</div>
|
||||||
|
<nav class="nav-links">
|
||||||
|
<a href="index.html">Accueil</a>
|
||||||
|
<a href="#">Menu</a>
|
||||||
|
<div class="dropdown">
|
||||||
|
<a href="#" class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
|
||||||
|
<div class="dropdown-content">
|
||||||
|
<a href="faq.html">FAQ</a>
|
||||||
|
<a href="nos-chefs.html">Nos chefs</a>
|
||||||
|
<a href="#">Nos fournisseurs</a>
|
||||||
|
<a href="#">Notre équipe</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="../html/contact.html" class="nav-link">Contact</a>
|
||||||
|
<a href="../html/reservation.html" class="nav-link reserve-btn">Réserver une table</a>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- BARRE DU MENU BURGER -->
|
||||||
|
<div class="burger-menu">
|
||||||
|
<div class="bar"></div>
|
||||||
|
<div class="bar"></div>
|
||||||
|
<div class="bar"></div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div class="content">
|
||||||
|
<section class="about-section">
|
||||||
|
<h2>À propos de Neo Eat</h2>
|
||||||
|
<p>
|
||||||
|
Neo Eat, fondé en 2023 par Moncef STITI, Marco ORFAO et Louay DARDOURI, est une révolution dans le monde de la gastronomie. L'idée a germé pendant leurs premières années de BUT informatique, avec la vision de rendre la nourriture gastronomique accessible à tous, sans compromis sur la qualité.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Chez Neo Eat, l'expérience culinaire est entièrement automatisée grâce à des robots. Voici nos serveurs : <br>
|
||||||
|
<img src="../img/PhotoCuisine/serveur1.jpg" alt="Serveur Robot 1" class="robot-image">
|
||||||
|
<img src="../img/PhotoCuisine/serveur2.jpg" alt="Serveur Robot 2" class="robot-image"> <br> Ils assurent un service rapide et efficace. Ces robots sont conçus pour offrir une expérience unique à nos clients.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Notre brigade de cuisine est également composée de robots de pointe. Parmi eux : <br>
|
||||||
|
<img src="../img/PhotoCuisine/CouteauRobot.jpg" alt="Robot Couteau" class="robot-image"> <br>
|
||||||
|
<img src="../img/PhotoCuisine/CuisineRobot.jpg" alt="Robot Cuisine" class="robot-image"> <br>
|
||||||
|
Ils garantissent une précision et une qualité constantes dans la préparation de chaque plat. Cette automatisation permet de maintenir des prix abordables, éliminant les coûts de main-d'œuvre tout en assurant une expérience gastronomique exceptionnelle.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
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.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="footer-content">
|
||||||
|
<div class="footer-section">
|
||||||
|
<h3>Plan du site</h3>
|
||||||
|
<!-- Ajoutez ici les liens vers les différentes sections du site -->
|
||||||
|
</div>
|
||||||
|
<div class="footer-section">
|
||||||
|
<h3>Mentions légales</h3>
|
||||||
|
<!-- Ajoutez ici les informations légales nécessaires -->
|
||||||
|
</div>
|
||||||
|
<div class="footer-section">
|
||||||
|
<h3>Contact</h3>
|
||||||
|
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
|
||||||
|
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="footer-section horizontally-aligned">
|
||||||
|
<h3>Réseaux sociaux</h3>
|
||||||
|
<div class="logo-reseaux">
|
||||||
|
<p>
|
||||||
|
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
|
||||||
|
<img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram">
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
|
||||||
|
<img src="../img/RéseauxSociaux/Facebook.png" alt="Facebook">
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
|
||||||
|
<img src="../img/RéseauxSociaux/X.png" alt="X">
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
|
||||||
|
<img src="../img/RéseauxSociaux/Youtube.png" alt="Youtube">
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<a href="https://www.TripAdvisor.com/neoeat/" target="_blank" class="social-icon">
|
||||||
|
<img src="../img/RéseauxSociaux/Tripadvisor.png" alt="TripAdvisor">
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-signature">
|
||||||
|
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
|
||||||
|
<p>© 2024 Neo Eat. Tous droits réservés.</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<script src="../js/script.js"></script>
|
||||||
|
<button id="scrollTopBtn" onclick="scrollToTop()">
|
||||||
|
<span>🚀</span>
|
||||||
|
</button>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -1,131 +1,131 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="fr-FR">
|
<html lang="fr-FR">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<link rel="stylesheet" href="../css/styles.css">
|
<link rel="stylesheet" href="../css/styles.css">
|
||||||
<link rel="stylesheet" href="../css/contact.css">
|
<link rel="stylesheet" href="../css/contact.css">
|
||||||
<title>Contact - Neo Eat</title>
|
<title>Contact - Neo Eat</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header class="navbar">
|
<header class="navbar">
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
|
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
|
||||||
</div>
|
</div>
|
||||||
<nav class="nav-links">
|
<nav class="nav-links">
|
||||||
<a href="index.html">Accueil</a>
|
<a href="index.html">Accueil</a>
|
||||||
<a href="#">Menu</a>
|
<a href="#">Menu</a>
|
||||||
<div class="dropdown">
|
<div class="dropdown">
|
||||||
<a href="#" class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
|
<a href="#" class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
|
||||||
<div class="dropdown-content">
|
<div class="dropdown-content">
|
||||||
<a href="faq.html">FAQ</a>
|
<a href="faq.html">FAQ</a>
|
||||||
<a href="#">Nos chefs</a>
|
<a href="nos-chefs.html">Nos chefs</a>
|
||||||
<a href="#">Nos fournisseurs</a>
|
<a href="#">Nos fournisseurs</a>
|
||||||
<a href="#">Notre équipe</a>
|
<a href="#">Notre équipe</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a href="../html/contact.html" class="nav-link">Contact</a>
|
<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>
|
<a href="../html/reservation.html" class="nav-link reserve-btn">Réserver une table</a>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<!-- BARRE DU MENU BURGER -->
|
<!-- BARRE DU MENU BURGER -->
|
||||||
<div class="burger-menu">
|
<div class="burger-menu">
|
||||||
<div class="bar"></div>
|
<div class="bar"></div>
|
||||||
<div class="bar"></div>
|
<div class="bar"></div>
|
||||||
<div class="bar"></div>
|
<div class="bar"></div>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<section class="contact-section">
|
<section class="contact-section">
|
||||||
<h1>Nous Contacter</h1>
|
<h1>Nous Contacter</h1>
|
||||||
<p>Pour toute question ou demande, n'hésitez pas à nous contacter :</p>
|
<p>Pour toute question ou demande, n'hésitez pas à nous contacter :</p>
|
||||||
|
|
||||||
<!-- Formulaire de contact -->
|
<!-- Formulaire de contact -->
|
||||||
<form action="https://dwarves.iut-fbleau.fr/requete.php" method="post" class="contact-form">
|
<form action="https://dwarves.iut-fbleau.fr/requete.php" method="post" class="contact-form">
|
||||||
<label for="name">Nom :</label>
|
<label for="name">Nom :</label>
|
||||||
<input type="text" id="name" name="name" required>
|
<input type="text" id="name" name="name" required>
|
||||||
|
|
||||||
<label for="email">Email :</label>
|
<label for="email">Email :</label>
|
||||||
<input type="email" id="email" name="email" required>
|
<input type="email" id="email" name="email" required>
|
||||||
|
|
||||||
<label for="message">Message :</label>
|
<label for="message">Message :</label>
|
||||||
<textarea id="message" name="message" rows="4" required></textarea>
|
<textarea id="message" name="message" rows="4" required></textarea>
|
||||||
|
|
||||||
<button type="submit">Envoyer</button>
|
<button type="submit">Envoyer</button>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
|
||||||
<!-- Coordonnées -->
|
<!-- Coordonnées -->
|
||||||
<div class="contact-details">
|
<div class="contact-details">
|
||||||
<h2>Coordonnées</h2>
|
<h2>Coordonnées</h2>
|
||||||
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
|
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
|
||||||
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
|
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
|
||||||
<p>Adresse : <a href="https://www.google.com/maps?q=Champ+de+Mars,+5+Av.+Anatole+France,+75007+Paris" target="_blank">Champ de Mars, 5 Av. Anatole France, 75007 Paris</a></p>
|
<p>Adresse : <a href="https://www.google.com/maps?q=Champ+de+Mars,+5+Av.+Anatole+France,+75007+Paris" target="_blank">Champ de Mars, 5 Av. Anatole France, 75007 Paris</a></p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Carte avec l'emplacement du restaurant -->
|
<!-- Carte avec l'emplacement du restaurant -->
|
||||||
<div class="map">
|
<div class="map">
|
||||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d10500.479389187089!2d2.287111221308951!3d48.855924991305976!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e670209c1c4807%3A0x9702c4c43d00821e!2sChamp-de-Mars!5e0!3m2!1sfr!2sfr!4v1705238566543!5m2!1sfr!2sfr" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d10500.479389187089!2d2.287111221308951!3d48.855924991305976!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e670209c1c4807%3A0x9702c4c43d00821e!2sChamp-de-Mars!5e0!3m2!1sfr!2sfr!4v1705238566543!5m2!1sfr!2sfr" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<footer class="footer">
|
<footer class="footer">
|
||||||
<div class="footer-content">
|
<div class="footer-content">
|
||||||
<div class="footer-section">
|
<div class="footer-section">
|
||||||
<h3>Plan du site</h3>
|
<h3>Plan du site</h3>
|
||||||
<!-- Ajoutez ici les liens vers les différentes sections du site -->
|
<!-- Ajoutez ici les liens vers les différentes sections du site -->
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-section">
|
<div class="footer-section">
|
||||||
<h3>Mentions légales</h3>
|
<h3>Mentions légales</h3>
|
||||||
<!-- Ajoutez ici les informations légales nécessaires -->
|
<!-- Ajoutez ici les informations légales nécessaires -->
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-section">
|
<div class="footer-section">
|
||||||
<h3>Contact</h3>
|
<h3>Contact</h3>
|
||||||
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
|
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
|
||||||
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
|
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-section horizontally-aligned">
|
<div class="footer-section horizontally-aligned">
|
||||||
<h3>Réseaux sociaux</h3>
|
<h3>Réseaux sociaux</h3>
|
||||||
<div class="logo-reseaux">
|
<div class="logo-reseaux">
|
||||||
<p>
|
<p>
|
||||||
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
|
<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="Instagram">
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
|
<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="Facebook">
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
|
<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="X">
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
|
<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="Youtube">
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<a href="https://www.TripAdvisor.com/neoeat/" target="_blank" class="social-icon">
|
<a href="https://www.TripAdvisor.com/neoeat/" target="_blank" class="social-icon">
|
||||||
<img src="../img/RéseauxSociaux/Tripadvisor.png" alt="TripAdvisor">
|
<img src="../img/RéseauxSociaux/Tripadvisor.png" alt="TripAdvisor">
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-signature">
|
<div class="footer-signature">
|
||||||
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
|
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
|
||||||
<p>© 2024 Neo Eat. Tous droits réservés.</p>
|
<p>© 2024 Neo Eat. Tous droits réservés.</p>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
<script src="../js/script.js"></script>
|
<script src="../js/script.js"></script>
|
||||||
<button id="scrollTopBtn" onclick="scrollToTop()">
|
<button id="scrollTopBtn" onclick="scrollToTop()">
|
||||||
<span>🚀</span>
|
<span>🚀</span>
|
||||||
</button>
|
</button>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
322
html/faq.html
322
html/faq.html
@ -1,154 +1,168 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="fr-FR">
|
<html lang="fr-FR">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<link rel="stylesheet" href="../css/styles.css">
|
<link rel="stylesheet" href="../css/styles.css">
|
||||||
<link rel="stylesheet" href="../css/faq.css">
|
<link rel="stylesheet" href="../css/faq.css">
|
||||||
<title>FAQ - Neo Eat</title>
|
<title>FAQ - Neo Eat</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header class="navbar">
|
<header class="navbar">
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
|
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
|
||||||
</div>
|
</div>
|
||||||
<nav class="nav-links">
|
<nav class="nav-links">
|
||||||
<a href="index.html">Accueil</a>
|
<a href="index.html">Accueil</a>
|
||||||
<a href="#">Menu</a>
|
<a href="#">Menu</a>
|
||||||
<div class="dropdown">
|
<div class="dropdown">
|
||||||
<a href="#" class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
|
<a href="#" class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
|
||||||
<div class="dropdown-content">
|
<div class="dropdown-content">
|
||||||
<a href="faq.html">FAQ</a>
|
<a href="faq.html">FAQ</a>
|
||||||
<a href="#">Nos chefs</a>
|
<a href="nos-chefs.html">Nos chefs</a>
|
||||||
<a href="#">Nos fournisseurs</a>
|
<a href="#">Nos fournisseurs</a>
|
||||||
<a href="#">Notre équipe</a>
|
<a href="#">Notre équipe</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a href="../html/contact.html" class="nav-link">Contact</a>
|
<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>
|
<a href="../html/reservation.html" class="nav-link reserve-btn">Réserver une table</a>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<!-- BARRE DU MENU BURGER -->
|
<!-- BARRE DU MENU BURGER -->
|
||||||
<div class="burger-menu">
|
<div class="burger-menu">
|
||||||
<div class="bar"></div>
|
<div class="bar"></div>
|
||||||
<div class="bar"></div>
|
<div class="bar"></div>
|
||||||
<div class="bar"></div>
|
<div class="bar"></div>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<section class="faq-section">
|
<section class="faq-section">
|
||||||
<h1>Foire aux questions</h1>
|
<h1>Foire aux questions</h1>
|
||||||
|
|
||||||
<div class="faq-item">
|
<div class="faq-item">
|
||||||
<button class="faq-question-btn">1. Question 1 ?</button>
|
<button class="faq-question-btn">1. Quels types de cuisines propose Neo Eat ?</button>
|
||||||
<div class="faq-answer">
|
<div class="faq-answer">
|
||||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar libero vel ligula ultrices, eget accumsan velit congue.</p>
|
<p>Neo Eat propose une diversité de cuisines du monde entier. Nos chefs étoilés s'inspirent de différentes traditions culinaires pour créer des plats uniques et délicieux.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="faq-item">
|
<div class="faq-item">
|
||||||
<button class="faq-question-btn">2. Question 2 ?</button>
|
<button class="faq-question-btn">2. Puis-je personnaliser ma commande en fonction de mes préférences alimentaires ?</button>
|
||||||
<div class="faq-answer">
|
<div class="faq-answer">
|
||||||
<p>Maecenas eu lectus vitae nulla consectetur fermentum. Aliquam auctor, elit vel tincidunt molestie, purus elit placerat ex.</p>
|
<p>Oui, nous sommes heureux de répondre à vos préférences alimentaires. Lors de la commande en restaurant, vous pourrez sélectionner vos préférences alimentaires en utilisant notre menu interactif.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="faq-item">
|
<div class="faq-item">
|
||||||
<button class="faq-question-btn">3. Question 3 ?</button>
|
<button class="faq-question-btn">3. Quels modes de paiement acceptez-vous ?</button>
|
||||||
<div class="faq-answer">
|
<div class="faq-answer">
|
||||||
<p>Vestibulum sed ligula non arcu feugiat ultrices. Duis fermentum ultrices urna, at feugiat tortor bibendum id.</p>
|
<p>Nous acceptons plusieurs modes de paiement, notamment la carte bancaire, les espèces, le Bitcoin et l'Etherhum. Ainsi, vous avez le choix pour régler vos commandes selon vos préférences.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="faq-item">
|
<div class="faq-item">
|
||||||
<button class="faq-question-btn">4. Question 4 ?</button>
|
<button class="faq-question-btn">4. Quelles sont vos horaires ?</button>
|
||||||
<div class="faq-answer">
|
<div class="faq-answer">
|
||||||
<p>Vestibulum sed ligula non arcu feugiat ultrices. Duis fermentum ultrices urna, at feugiat tortor bibendum id.</p>
|
<p>Neo Eat est fier de vous offrir un service continu, ouvert 24h/24 et 7j/7. Ainsi, vous pouvez profiter de nos délicieuses créations culinaires à toute heure qui vous convient.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="faq-item">
|
<div class="faq-item">
|
||||||
<button class="faq-question-btn">5. Question 5 ?</button>
|
<button class="faq-question-btn">5. Existe-t-il des offres spéciales ou des promotions chez Neo Eat ?</button>
|
||||||
<div class="faq-answer">
|
<div class="faq-answer">
|
||||||
<p>Vestibulum sed ligula non arcu feugiat ultrices. Duis fermentum ultrices urna, at feugiat tortor bibendum id.</p>
|
<p>Oui, Neo Eat propose régulièrement des offres spéciales et des promotions. Suivez-nous sur les réseaux sociaux pour être informé des dernières actualités et offres exclusives.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="faq-item">
|
<div class="faq-item">
|
||||||
<button class="faq-question-btn">6. Question 6 ?</button>
|
<button class="faq-question-btn">6. Proposez-vous des options végétariennes ou véganes ?</button>
|
||||||
<div class="faq-answer">
|
<div class="faq-answer">
|
||||||
<p>Vestibulum sed ligula non arcu feugiat ultrices. Duis fermentum ultrices urna, at feugiat tortor bibendum id.</p>
|
<p>Oui, chez Neo Eat, nous avons une variété d'options végétariennes et véganes pour satisfaire tous les goûts. Consultez notre menu pour découvrir nos délicieuses créations sans viande ni produits d'origine animale.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="faq-item">
|
<div class="faq-item">
|
||||||
<button class="faq-question-btn">7. Question 7 ?</button>
|
<button class="faq-question-btn">7. Quelles mesures prenez-vous pour garantir la qualité des ingrédients utilisés ?</button>
|
||||||
<div class="faq-answer">
|
<div class="faq-answer">
|
||||||
<p>Vestibulum sed ligula non arcu feugiat ultrices. Duis fermentum ultrices urna, at feugiat tortor bibendum id.</p>
|
<p>Chez Neo Eat, nous sommes déterminés à offrir une expérience culinaire de la plus haute qualité. Pour garantir la fraîcheur et l'authenticité de nos ingrédients, nous sommes fiers d'être en partenariat avec des éleveurs locaux. Ce partenariat nous permet de 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.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
|
||||||
</div>
|
<div class="faq-item">
|
||||||
|
<button class="faq-question-btn">8. Comment Neo Eat s'engage-t-il envers la durabilité et l'environnement ?</button>
|
||||||
<footer class="footer">
|
<div class="faq-answer">
|
||||||
<div class="footer-content">
|
<p>Nous sommes engagés envers la durabilité. De la sélection des ingrédients à nos pratiques opérationnelles, nous cherchons constamment des moyens de réduire notre impact environnemental tout en maintenant la qualité de nos services.</p>
|
||||||
<div class="footer-section">
|
</div>
|
||||||
<h3>Plan du site</h3>
|
</div>
|
||||||
<!-- Ajoutez ici les liens vers les différentes sections du site -->
|
|
||||||
</div>
|
<div class="faq-item">
|
||||||
<div class="footer-section">
|
<button class="faq-question-btn">9. Comment puis-je partager mes commentaires sur mon expérience chez Neo Eat ?</button>
|
||||||
<h3>Mentions légales</h3>
|
<div class="faq-answer">
|
||||||
<!-- Ajoutez ici les informations légales nécessaires -->
|
<p>Chez Neo Eat, votre opinion est d'une importance capitale. Vous avez plusieurs moyens de partager vos commentaires et témoignages. <br>Partagez votre expérience sur les réseaux sociaux en utilisant notre hashtag officiel. Nous sommes impatients de lire vos récits et de voir vos photos !<br>Si vous préférez une approche plus personnelle, envoyez-nous un e-mail détaillant votre expérience et vos suggestions à feedback@neo-eat.com. Chaque message que nous recevons est lu attentivement.<br>Enfin, si vous souhaitez contribuer à la communauté mondiale des amateurs de gastronomie, laissez un avis sur notre page TripAdvisor. Votre retour est précieux pour nous aider à grandir et à continuer à vous offrir une expérience culinaire exceptionnelle. Merci de faire partie de la famille Neo Eat !</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-section">
|
</div>
|
||||||
<h3>Contact</h3>
|
</section>
|
||||||
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
|
</div>
|
||||||
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
|
|
||||||
</div>
|
<footer class="footer">
|
||||||
<div class="footer-section horizontally-aligned">
|
<div class="footer-content">
|
||||||
<h3>Réseaux sociaux</h3>
|
<div class="footer-section">
|
||||||
<div class="logo-reseaux">
|
<h3>Plan du site</h3>
|
||||||
<p>
|
<!-- Ajoutez ici les liens vers les différentes sections du site -->
|
||||||
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
|
</div>
|
||||||
<img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram">
|
<div class="footer-section">
|
||||||
</a>
|
<h3>Mentions légales</h3>
|
||||||
</p>
|
<!-- Ajoutez ici les informations légales nécessaires -->
|
||||||
<p>
|
</div>
|
||||||
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
|
<div class="footer-section">
|
||||||
<img src="../img/RéseauxSociaux/Facebook.png" alt="Facebook">
|
<h3>Contact</h3>
|
||||||
</a>
|
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
|
||||||
</p>
|
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
|
||||||
<p>
|
</div>
|
||||||
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
|
<div class="footer-section horizontally-aligned">
|
||||||
<img src="../img/RéseauxSociaux/X.png" alt="X">
|
<h3>Réseaux sociaux</h3>
|
||||||
</a>
|
<div class="logo-reseaux">
|
||||||
</p>
|
<p>
|
||||||
<p>
|
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
|
||||||
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
|
<img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram">
|
||||||
<img src="../img/RéseauxSociaux/Youtube.png" alt="Youtube">
|
</a>
|
||||||
</a>
|
</p>
|
||||||
</p>
|
<p>
|
||||||
<p>
|
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
|
||||||
<a href="https://www.TripAdvisor.com/neoeat/" target="_blank" class="social-icon">
|
<img src="../img/RéseauxSociaux/Facebook.png" alt="Facebook">
|
||||||
<img src="../img/RéseauxSociaux/Tripadvisor.png" alt="TripAdvisor">
|
</a>
|
||||||
</a>
|
</p>
|
||||||
</p>
|
<p>
|
||||||
</div>
|
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
|
||||||
</div>
|
<img src="../img/RéseauxSociaux/X.png" alt="X">
|
||||||
</div>
|
</a>
|
||||||
<div class="footer-signature">
|
</p>
|
||||||
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
|
<p>
|
||||||
<p>© 2024 Neo Eat. Tous droits réservés.</p>
|
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
|
||||||
</div>
|
<img src="../img/RéseauxSociaux/Youtube.png" alt="Youtube">
|
||||||
</footer>
|
</a>
|
||||||
|
</p>
|
||||||
<script src="../js/script.js"></script>
|
<p>
|
||||||
<script src="../js/faq.js"></script>
|
<a href="https://www.TripAdvisor.com/neoeat/" target="_blank" class="social-icon">
|
||||||
<button id="scrollTopBtn" onclick="scrollToTop()">
|
<img src="../img/RéseauxSociaux/Tripadvisor.png" alt="TripAdvisor">
|
||||||
<span>🚀</span>
|
</a>
|
||||||
</button>
|
</p>
|
||||||
</body>
|
</div>
|
||||||
</html>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-signature">
|
||||||
|
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
|
||||||
|
<p>© 2024 Neo Eat. Tous droits réservés.</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<script src="../js/script.js"></script>
|
||||||
|
<script src="../js/faq.js"></script>
|
||||||
|
<button id="scrollTopBtn" onclick="scrollToTop()">
|
||||||
|
<span>🚀</span>
|
||||||
|
</button>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
420
html/index.html
420
html/index.html
@ -1,210 +1,210 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="fr-FR">
|
<html lang="fr-FR">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<link rel="stylesheet" href="../css/styles.css">
|
<link rel="stylesheet" href="../css/styles.css">
|
||||||
<link rel="stylesheet" href="../css/index.css">
|
<link rel="stylesheet" href="../css/index.css">
|
||||||
<title>Neo Eat</title>
|
<title>Neo Eat</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header class="navbar">
|
<header class="navbar">
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
|
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
|
||||||
</div>
|
</div>
|
||||||
<nav class="nav-links">
|
<nav class="nav-links">
|
||||||
<a href="index.html">Accueil</a>
|
<a href="index.html">Accueil</a>
|
||||||
<a href="#">Menu</a>
|
<a href="#">Menu</a>
|
||||||
<div class="dropdown">
|
<div class="dropdown">
|
||||||
<a href="#" class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
|
<a href="#" class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
|
||||||
<div class="dropdown-content">
|
<div class="dropdown-content">
|
||||||
<a href="faq.html">FAQ</a>
|
<a href="faq.html">FAQ</a>
|
||||||
<a href="#">Nos chefs</a>
|
<a href="nos-chefs.html">Nos chefs</a>
|
||||||
<a href="#">Nos fournisseurs</a>
|
<a href="#">Nos fournisseurs</a>
|
||||||
<a href="#">Notre équipe</a>
|
<a href="#">Notre équipe</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a href="../html/contact.html" class="nav-link">Contact</a>
|
<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>
|
<a href="../html/reservation.html" class="nav-link reserve-btn">Réserver une table</a>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<!-- BARRE DU MENU BURGER -->
|
<!-- BARRE DU MENU BURGER -->
|
||||||
<div class="burger-menu">
|
<div class="burger-menu">
|
||||||
<div class="bar"></div>
|
<div class="bar"></div>
|
||||||
<div class="bar"></div>
|
<div class="bar"></div>
|
||||||
<div class="bar"></div>
|
<div class="bar"></div>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<!-- Vidéo et message de bienvenue -->
|
<!-- Vidéo et message de bienvenue -->
|
||||||
<section class="bienvenue-section">
|
<section class="bienvenue-section">
|
||||||
<video controls autoplay class="bienvenue-video">
|
<video controls autoplay class="bienvenue-video">
|
||||||
<source src="../video/VideoExplicationConcept.mp4" type="video/mp4">
|
<source src="../video/VideoExplicationConcept.mp4" type="video/mp4">
|
||||||
Votre navigateur ne supporte pas les vidéos.
|
Votre navigateur ne supporte pas les vidéos.
|
||||||
</video>
|
</video>
|
||||||
</section>
|
</section>
|
||||||
<section class="restaurant-context">
|
<section class="restaurant-context">
|
||||||
<h2>Bienvenue chez Neo Eat !</h2>
|
<h2>Bienvenue chez Neo Eat !</h2>
|
||||||
<p>
|
<p>
|
||||||
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.
|
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.
|
||||||
<br>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.
|
<br>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.
|
||||||
</p>
|
</p>
|
||||||
<img src="../img/Restaurant/tables.png" alt="Tables du restaurant" class="restaurant-tables">
|
<img src="../img/Restaurant/tables.png" alt="Tables du restaurant" class="restaurant-tables">
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Section des chefs -->
|
<!-- Section des chefs -->
|
||||||
<section class="chef-section">
|
<section class="chef-section">
|
||||||
<h2>Nos créateurs culinaires</h2>
|
<h2>Nos créateurs culinaires</h2>
|
||||||
<div class="chef-container">
|
<div class="chef-container">
|
||||||
<div class="chef">
|
<div class="chef">
|
||||||
<h3>Philippe Etchebest</h3>
|
<h3>Philippe Etchebest</h3>
|
||||||
<img src="../img/ChefCuisto/Etchebest.png" alt="Chef Philippe Etchebest">
|
<img src="../img/ChefCuisto/Etchebest.png" alt="Chef Philippe Etchebest">
|
||||||
<p>Rencontrez notre chef étoilé, Philippe Etchebest, passionné de cuisine depuis toujours.</p>
|
<p>Rencontrez notre chef étoilé, Philippe Etchebest, passionné de cuisine depuis toujours.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="chef">
|
<div class="chef">
|
||||||
<h3>Cyril Lignac</h3>
|
<h3>Cyril Lignac</h3>
|
||||||
<img src="../img/ChefCuisto/CyrilLignac.jpg" alt="Chef Cyril Lignac">
|
<img src="../img/ChefCuisto/CyrilLignac.jpg" alt="Chef Cyril Lignac">
|
||||||
<p>Découvrez les créations innovantes de notre chef renommé, Cyril Lignac.</p>
|
<p>Découvrez les créations innovantes de notre chef renommé, Cyril Lignac.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="chef">
|
<div class="chef">
|
||||||
<h3>Gordon Ramsay</h3>
|
<h3>Gordon Ramsay</h3>
|
||||||
<img src="../img/ChefCuisto/GordonRamsay.jpg" alt="Chef Gordon Ramsay">
|
<img src="../img/ChefCuisto/GordonRamsay.jpg" alt="Chef Gordon Ramsay">
|
||||||
<p>Savourez des plats exquis préparés par le célèbre chef Gordon Ramsay.</p>
|
<p>Savourez des plats exquis préparés par le célèbre chef Gordon Ramsay.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="chef">
|
<div class="chef">
|
||||||
<h3>Thierry Marx</h3>
|
<h3>Thierry Marx</h3>
|
||||||
<img src="../img/ChefCuisto/ThierryMarx.jpg" alt="Chef Thierry Marx">
|
<img src="../img/ChefCuisto/ThierryMarx.jpg" alt="Chef Thierry Marx">
|
||||||
<p>Explorez le monde culinaire unique conçu par le chef étoilé Thierry Marx.</p>
|
<p>Explorez le monde culinaire unique conçu par le chef étoilé Thierry Marx.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="voir-plus">
|
<div class="voir-plus">
|
||||||
<a href="#" class="voir-plus-btn">Voir plus de chefs</a>
|
<a href="nos-chefs.html" class="voir-plus-btn">Voir plus de chefs</a>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="plats-populaires">
|
<section class="plats-populaires">
|
||||||
<h2>Nos plats les plus populaires</h2>
|
<h2>Nos plats les plus populaires</h2>
|
||||||
<div class="plat-container">
|
<div class="plat-container">
|
||||||
<div class="plat">
|
<div class="plat">
|
||||||
<h3>Filet de bar et courgette</h3>
|
<h3>Filet de bar et courgette</h3>
|
||||||
<img src="../img/Plat/Plat1.png" alt="Plat 1">
|
<img src="../img/Plat/Plat1.png" alt="Plat 1">
|
||||||
<p>Filet de bar et son bonbon de Pélardon au pistou sur son nid de spaghetti de courgette.</p>
|
<p>Filet de bar et son bonbon de Pélardon au pistou sur son nid de spaghetti de courgette.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="plat">
|
<div class="plat">
|
||||||
<h3>Pâtes à la truffe</h3>
|
<h3>Pâtes à la truffe</h3>
|
||||||
<img src="../img/Plat/Plat2.png" alt="Plat 2">
|
<img src="../img/Plat/Plat2.png" alt="Plat 2">
|
||||||
<p>Pâte à la truffe artisanale agrémentée de copeaux de parmesan fondants.</p>
|
<p>Pâte à la truffe artisanale agrémentée de copeaux de parmesan fondants.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="plat">
|
<div class="plat">
|
||||||
<h3>Burger Ritz</h3>
|
<h3>Burger Ritz</h3>
|
||||||
<img src="../img/Plat/Plat3.png" alt="Plat 3">
|
<img src="../img/Plat/Plat3.png" alt="Plat 3">
|
||||||
<p>Burger Ritz accompagné de frites croustillantes et d'une sauce maison secrète.</p>
|
<p>Burger Ritz accompagné de frites croustillantes et d'une sauce maison secrète.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="voir-plus">
|
<div class="voir-plus">
|
||||||
<a href="#" class="voir-plus-btn">Voir plus de plats</a>
|
<a href="#" class="voir-plus-btn">Voir plus de plats</a>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Section des avis clients -->
|
<!-- Section des avis clients -->
|
||||||
<section class="client-evaluations">
|
<section class="client-evaluations">
|
||||||
<h2>Avis de nos clients</h2>
|
<h2>Avis de nos clients</h2>
|
||||||
<div class="client-evaluation-container">
|
<div class="client-evaluation-container">
|
||||||
<div class="client-evaluation">
|
<div class="client-evaluation">
|
||||||
<img src="../img/Avis_clients/client1.png" alt="Client 1">
|
<img src="../img/Avis_clients/client1.png" alt="Client 1">
|
||||||
<h3>Marie Dubois</h3>
|
<h3>Marie Dubois</h3>
|
||||||
<p>
|
<p>
|
||||||
"Délicieux ! J'ai adoré chaque bouchée. Une expérience culinaire exceptionnelle."
|
"Délicieux ! J'ai adoré chaque bouchée. Une expérience culinaire exceptionnelle."
|
||||||
<br>
|
<br>
|
||||||
<span class="evaluation">★★★★★</span>
|
<span class="evaluation">★★★★★</span>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="client-evaluation">
|
<div class="client-evaluation">
|
||||||
<img src="../img/Avis_clients/client2.png" alt="Client 2">
|
<img src="../img/Avis_clients/client2.png" alt="Client 2">
|
||||||
<h3>Lucas Martin</h3>
|
<h3>Lucas Martin</h3>
|
||||||
<p>
|
<p>
|
||||||
"Le service était impeccable, et les plats étaient à la hauteur de mes attentes. Bravo Neo Eat !"
|
"Le service était impeccable, et les plats étaient à la hauteur de mes attentes. Bravo Neo Eat !"
|
||||||
<br>
|
<br>
|
||||||
<span class="evaluation">★★★★★</span>
|
<span class="evaluation">★★★★★</span>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="client-evaluation">
|
<div class="client-evaluation">
|
||||||
<img src="../img/Avis_clients/client3.png" alt="Client 3">
|
<img src="../img/Avis_clients/client3.png" alt="Client 3">
|
||||||
<h3>Sophie Leroux</h3>
|
<h3>Sophie Leroux</h3>
|
||||||
<p>
|
<p>
|
||||||
"Une explosion de saveurs dans chaque plat. Certainement l'un des meilleurs restaurants de la ville."
|
"Une explosion de saveurs dans chaque plat. Certainement l'un des meilleurs restaurants de la ville."
|
||||||
<br>
|
<br>
|
||||||
<span class="evaluation">★★★★★</span>
|
<span class="evaluation">★★★★★</span>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="voir-plus">
|
<div class="voir-plus">
|
||||||
<a href="https://www.tripadvisor.com/neoeat/" class="voir-plus-btn">Voir plus d'évaluations</a>
|
<a href="https://www.tripadvisor.com/neoeat/" class="voir-plus-btn">Voir plus d'évaluations</a>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<footer class="footer">
|
<footer class="footer">
|
||||||
<div class="footer-content">
|
<div class="footer-content">
|
||||||
<div class="footer-section">
|
<div class="footer-section">
|
||||||
<h3>Plan du site</h3>
|
<h3>Plan du site</h3>
|
||||||
<!-- Ajoutez ici les liens vers les différentes sections du site -->
|
<!-- Ajoutez ici les liens vers les différentes sections du site -->
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-section">
|
<div class="footer-section">
|
||||||
<h3>Mentions légales</h3>
|
<h3>Mentions légales</h3>
|
||||||
<!-- Ajoutez ici les informations légales nécessaires -->
|
<!-- Ajoutez ici les informations légales nécessaires -->
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-section">
|
<div class="footer-section">
|
||||||
<h3>Contact</h3>
|
<h3>Contact</h3>
|
||||||
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
|
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
|
||||||
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
|
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-section horizontally-aligned">
|
<div class="footer-section horizontally-aligned">
|
||||||
<h3>Réseaux sociaux</h3>
|
<h3>Réseaux sociaux</h3>
|
||||||
<div class="logo-reseaux">
|
<div class="logo-reseaux">
|
||||||
<p>
|
<p>
|
||||||
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
|
<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="Instagram">
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
|
<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="Facebook">
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
|
<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="X">
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
|
<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="Youtube">
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<a href="https://www.TripAdvisor.com/neoeat/" target="_blank" class="social-icon">
|
<a href="https://www.TripAdvisor.com/neoeat/" target="_blank" class="social-icon">
|
||||||
<img src="../img/RéseauxSociaux/Tripadvisor.png" alt="TripAdvisor">
|
<img src="../img/RéseauxSociaux/Tripadvisor.png" alt="TripAdvisor">
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-signature">
|
<div class="footer-signature">
|
||||||
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
|
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
|
||||||
<p>© 2024 Neo Eat. Tous droits réservés.</p>
|
<p>© 2024 Neo Eat. Tous droits réservés.</p>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
<script src="../js/script.js"></script>
|
<script src="../js/script.js"></script>
|
||||||
<button id="scrollTopBtn" onclick="scrollToTop()">
|
<button id="scrollTopBtn" onclick="scrollToTop()">
|
||||||
<span>🚀</span>
|
<span>🚀</span>
|
||||||
</button>
|
</button>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
147
html/nos-chefs.html
Normal file
147
html/nos-chefs.html
Normal file
@ -0,0 +1,147 @@
|
|||||||
|
<!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/nos-chefs.css"> <!-- Ajoutez le fichier CSS spécifique pour cette page -->
|
||||||
|
<title>Nos Chefs - Neo Eat</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header class="navbar">
|
||||||
|
<div class="logo">
|
||||||
|
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
|
||||||
|
</div>
|
||||||
|
<nav class="nav-links">
|
||||||
|
<a href="index.html">Accueil</a>
|
||||||
|
<a href="#">Menu</a>
|
||||||
|
<div class="dropdown">
|
||||||
|
<a href="#" class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
|
||||||
|
<div class="dropdown-content">
|
||||||
|
<a href="faq.html">FAQ</a>
|
||||||
|
<a href="#">Nos chefs</a>
|
||||||
|
<a href="#">Nos fournisseurs</a>
|
||||||
|
<a href="#">Notre équipe</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="../html/contact.html" class="nav-link">Contact</a>
|
||||||
|
<a href="../html/reservation.html" class="nav-link reserve-btn">Réserver une table</a>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- BARRE DU MENU BURGER -->
|
||||||
|
<div class="burger-menu">
|
||||||
|
<div class="bar"></div>
|
||||||
|
<div class="bar"></div>
|
||||||
|
<div class="bar"></div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div class="content">
|
||||||
|
<section class="chefs-section">
|
||||||
|
<h1>Nos Chefs</h1>
|
||||||
|
|
||||||
|
<div class="chef-container">
|
||||||
|
<div class="chef">
|
||||||
|
<img src="../img/ChefCuisto/Etchebest.png" alt="Philippe Etchebest">
|
||||||
|
<h3>Philippe Etchebest</h3>
|
||||||
|
<p>Chef étoilé français, célèbre pour ses talents culinaires et son rôle dans des émissions de cuisine.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="chef">
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<div class="chef">
|
||||||
|
<img src="../img/ChefCuisto/CyrilLignac.jpg" alt="Cyril Lignac">
|
||||||
|
<h3>Cyril Lignac</h3>
|
||||||
|
<p>Chef français, animateur télé, et propriétaire de plusieurs restaurants.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="chef">
|
||||||
|
<img src="../img/ChefCuisto/GordonRamsay.jpg" alt="Gordon Ramsay">
|
||||||
|
<h3>Gordon Ramsay</h3>
|
||||||
|
<p>Chef britannique renommé et personnalité de la télévision, célèbre pour son franc-parler.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="chef">
|
||||||
|
<img src="../img/ChefCuisto/ThierryMarx.jpg" alt="Thierry Marx">
|
||||||
|
<h3>Thierry Marx</h3>
|
||||||
|
<p>Chef français étoilé, également connu pour son engagement social et ses talents de cuisinier.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="chef">
|
||||||
|
<img src="../img/ChefCuisto/GhislaineArabian.png" alt="Ghislaine Arabian">
|
||||||
|
<h3>Ghislaine Arabian</h3>
|
||||||
|
<p>Chef étoilée française, Ghislaine Arabian excelle dans l'art culinaire et apporte une touche d'élégance à chaque plat.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="chef">
|
||||||
|
<img src="../img/ChefCuisto/StéphanieLeQuellec.png" alt="Stéphanie Le Quellec">
|
||||||
|
<h3>Stéphanie Le Quellec</h3>
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="footer-content">
|
||||||
|
<div class="footer-section">
|
||||||
|
<h3>Plan du site</h3>
|
||||||
|
<!-- Ajoutez ici les liens vers les différentes sections du site -->
|
||||||
|
</div>
|
||||||
|
<div class="footer-section">
|
||||||
|
<h3>Mentions légales</h3>
|
||||||
|
<!-- Ajoutez ici les informations légales nécessaires -->
|
||||||
|
</div>
|
||||||
|
<div class="footer-section">
|
||||||
|
<h3>Contact</h3>
|
||||||
|
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
|
||||||
|
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="footer-section horizontally-aligned">
|
||||||
|
<h3>Réseaux sociaux</h3>
|
||||||
|
<div class="logo-reseaux">
|
||||||
|
<p>
|
||||||
|
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
|
||||||
|
<img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram">
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
|
||||||
|
<img src="../img/RéseauxSociaux/Facebook.png" alt="Facebook">
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
|
||||||
|
<img src="../img/RéseauxSociaux/X.png" alt="X">
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
|
||||||
|
<img src="../img/RéseauxSociaux/Youtube.png" alt="Youtube">
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<a href="https://www.TripAdvisor.com/neoeat/" target="_blank" class="social-icon">
|
||||||
|
<img src="../img/RéseauxSociaux/Tripadvisor.png" alt="TripAdvisor">
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-signature">
|
||||||
|
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
|
||||||
|
<p>© 2024 Neo Eat. Tous droits réservés.</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<script src="../js/script.js"></script>
|
||||||
|
<!-- ... (vos autres scripts) ... -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -1,136 +1,136 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="fr-FR">
|
<html lang="fr-FR">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<link rel="stylesheet" href="../css/styles.css">
|
<link rel="stylesheet" href="../css/styles.css">
|
||||||
<link rel="stylesheet" href="../css/reservation.css">
|
<link rel="stylesheet" href="../css/reservation.css">
|
||||||
<title>Réserver une table - Neo Eat</title>
|
<title>Réserver une table - Neo Eat</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header class="navbar">
|
<header class="navbar">
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
|
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
|
||||||
</div>
|
</div>
|
||||||
<nav class="nav-links">
|
<nav class="nav-links">
|
||||||
<a href="index.html">Accueil</a>
|
<a href="index.html">Accueil</a>
|
||||||
<a href="#">Menu</a>
|
<a href="#">Menu</a>
|
||||||
<div class="dropdown">
|
<div class="dropdown">
|
||||||
<a href="#" class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
|
<a href="#" class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
|
||||||
<div class="dropdown-content">
|
<div class="dropdown-content">
|
||||||
<a href="faq.html">FAQ</a>
|
<a href="faq.html">FAQ</a>
|
||||||
<a href="#">Nos chefs</a>
|
<a href="nos-chefs.html">Nos chefs</a>
|
||||||
<a href="#">Nos fournisseurs</a>
|
<a href="#">Nos fournisseurs</a>
|
||||||
<a href="#">Notre équipe</a>
|
<a href="#">Notre équipe</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a href="../html/contact.html" class="nav-link">Contact</a>
|
<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>
|
<a href="../html/reservation.html" class="nav-link reserve-btn">Réserver une table</a>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<!-- BARRE DU MENU BURGER -->
|
<!-- BARRE DU MENU BURGER -->
|
||||||
<div class="burger-menu">
|
<div class="burger-menu">
|
||||||
<div class="bar"></div>
|
<div class="bar"></div>
|
||||||
<div class="bar"></div>
|
<div class="bar"></div>
|
||||||
<div class="bar"></div>
|
<div class="bar"></div>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<section class="reservation-section">
|
<section class="reservation-section">
|
||||||
<h1>Réserver une table</h1>
|
<h1>Réserver une table</h1>
|
||||||
<p>Choisissez une date et une heure parmi les disponibilités ci-dessous pour réserver une table.</p>
|
<p>Choisissez une date et une heure parmi les disponibilités ci-dessous pour réserver une table.</p>
|
||||||
|
|
||||||
<!-- Formulaire de réservation avec sélecteur de plage horaire -->
|
<!-- Formulaire de réservation avec sélecteur de plage horaire -->
|
||||||
<form action="../php/send_confirmation_email.php" method="post" class="reservation-form" onsubmit="showReservationConfirmation()">
|
<form action="../php/send_confirmation_email.php" method="post" class="reservation-form" onsubmit="showReservationConfirmation()">
|
||||||
<label for="name">Nom :</label>
|
<label for="name">Nom :</label>
|
||||||
<input type="text" id="name" name="name" required>
|
<input type="text" id="name" name="name" required>
|
||||||
|
|
||||||
<label for="email">Email :</label>
|
<label for="email">Email :</label>
|
||||||
<input type="email" id="email" name="email" required>
|
<input type="email" id="email" name="email" required>
|
||||||
|
|
||||||
<label for="phone">Téléphone :</label>
|
<label for="phone">Téléphone :</label>
|
||||||
<input type="tel" id="phone" name="phone" required>
|
<input type="tel" id="phone" name="phone" required>
|
||||||
|
|
||||||
<label for="date">Date :</label>
|
<label for="date">Date :</label>
|
||||||
<input type="date" id="date" name="date" required>
|
<input type="date" id="date" name="date" required>
|
||||||
|
|
||||||
<label for="time">Heure :</label>
|
<label for="time">Heure :</label>
|
||||||
<select id="time" name="time" required>
|
<select id="time" name="time" required>
|
||||||
<option value="" disabled selected>Choisissez une heure</option>
|
<option value="" disabled selected>Choisissez une heure</option>
|
||||||
<option value="18:00">11:30</option>
|
<option value="18:00">11:30</option>
|
||||||
<option value="19:00">12:00</option>
|
<option value="19:00">12:00</option>
|
||||||
<option value="20:00">13:00</option>
|
<option value="20:00">13:00</option>
|
||||||
<option value="18:00">18:00</option>
|
<option value="18:00">18:00</option>
|
||||||
<option value="19:00">19:00</option>
|
<option value="19:00">19:00</option>
|
||||||
<option value="20:00">20:00</option>
|
<option value="20:00">20:00</option>
|
||||||
<option value="18:00">21:00</option>
|
<option value="18:00">21:00</option>
|
||||||
</select>
|
</select>
|
||||||
|
|
||||||
<label for="guests">Nombre de convives :</label>
|
<label for="guests">Nombre de convives :</label>
|
||||||
<input type="number" id="guests" name="guests" min="1" required>
|
<input type="number" id="guests" name="guests" min="1" required>
|
||||||
|
|
||||||
<button type="submit">Réserver</button>
|
<button type="submit">Réserver</button>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<footer class="footer">
|
<footer class="footer">
|
||||||
<div class="footer-content">
|
<div class="footer-content">
|
||||||
<div class="footer-section">
|
<div class="footer-section">
|
||||||
<h3>Plan du site</h3>
|
<h3>Plan du site</h3>
|
||||||
<!-- Ajoutez ici les liens vers les différentes sections du site -->
|
<!-- Ajoutez ici les liens vers les différentes sections du site -->
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-section">
|
<div class="footer-section">
|
||||||
<h3>Mentions légales</h3>
|
<h3>Mentions légales</h3>
|
||||||
<!-- Ajoutez ici les informations légales nécessaires -->
|
<!-- Ajoutez ici les informations légales nécessaires -->
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-section">
|
<div class="footer-section">
|
||||||
<h3>Contact</h3>
|
<h3>Contact</h3>
|
||||||
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
|
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
|
||||||
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
|
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-section horizontally-aligned">
|
<div class="footer-section horizontally-aligned">
|
||||||
<h3>Réseaux sociaux</h3>
|
<h3>Réseaux sociaux</h3>
|
||||||
<div class="logo-reseaux">
|
<div class="logo-reseaux">
|
||||||
<p>
|
<p>
|
||||||
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
|
<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="Instagram">
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
|
<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="Facebook">
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
|
<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="X">
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
|
<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="Youtube">
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<a href="https://www.TripAdvisor.com/neoeat/" target="_blank" class="social-icon">
|
<a href="https://www.TripAdvisor.com/neoeat/" target="_blank" class="social-icon">
|
||||||
<img src="../img/RéseauxSociaux/Tripadvisor.png" alt="TripAdvisor">
|
<img src="../img/RéseauxSociaux/Tripadvisor.png" alt="TripAdvisor">
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-signature">
|
<div class="footer-signature">
|
||||||
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
|
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
|
||||||
<p>© 2024 Neo Eat. Tous droits réservés.</p>
|
<p>© 2024 Neo Eat. Tous droits réservés.</p>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
<script src="../js/script.js"></script>
|
<script src="../js/script.js"></script>
|
||||||
<button id="scrollTopBtn" onclick="scrollToTop()">
|
<button id="scrollTopBtn" onclick="scrollToTop()">
|
||||||
<span>🚀</span>
|
<span>🚀</span>
|
||||||
</button>
|
</button>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -1,103 +1,103 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="fr-FR">
|
<html lang="fr-FR">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<link rel="stylesheet" href="../css/styles.css">
|
<link rel="stylesheet" href="../css/styles.css">
|
||||||
<link rel="stylesheet" href="../css/ReservationSuccess.css">
|
<link rel="stylesheet" href="../css/ReservationSuccess.css">
|
||||||
<title>Réservation réussie - Neo Eat</title>
|
<title>Réservation réussie - Neo Eat</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header class="navbar">
|
<header class="navbar">
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
|
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
|
||||||
</div>
|
</div>
|
||||||
<nav class="nav-links">
|
<nav class="nav-links">
|
||||||
<a href="index.html">Accueil</a>
|
<a href="index.html">Accueil</a>
|
||||||
<a href="#">Menu</a>
|
<a href="#">Menu</a>
|
||||||
<div class="dropdown">
|
<div class="dropdown">
|
||||||
<a href="#" class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
|
<a href="#" class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
|
||||||
<div class="dropdown-content">
|
<div class="dropdown-content">
|
||||||
<a href="faq.html">FAQ</a>
|
<a href="faq.html">FAQ</a>
|
||||||
<a href="#">Nos chefs</a>
|
<a href="nos-chefs.html">Nos chefs</a>
|
||||||
<a href="#">Nos fournisseurs</a>
|
<a href="#">Nos fournisseurs</a>
|
||||||
<a href="#">Notre équipe</a>
|
<a href="#">Notre équipe</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a href="../html/contact.html" class="nav-link">Contact</a>
|
<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>
|
<a href="../html/reservation.html" class="nav-link reserve-btn">Réserver une table</a>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<!-- BARRE DU MENU BURGER -->
|
<!-- BARRE DU MENU BURGER -->
|
||||||
<div class="burger-menu">
|
<div class="burger-menu">
|
||||||
<div class="bar"></div>
|
<div class="bar"></div>
|
||||||
<div class="bar"></div>
|
<div class="bar"></div>
|
||||||
<div class="bar"></div>
|
<div class="bar"></div>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<section class="reservation-successful-section">
|
<section class="reservation-successful-section">
|
||||||
<h1>Réservation réussie</h1>
|
<h1>Réservation réussie</h1>
|
||||||
<p>Merci pour votre réservation ! Votre table a bien été réservée et un mail de confirmation vous as été envoyé.</p>
|
<p>Merci pour votre réservation ! Votre table a bien été réservée et un mail de confirmation vous as été envoyé.</p>
|
||||||
<a href="index.html" class="home-button">Retourner à l'accueil</a>
|
<a href="index.html" class="home-button">Retourner à l'accueil</a>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<footer class="footer">
|
<footer class="footer">
|
||||||
<div class="footer-content">
|
<div class="footer-content">
|
||||||
<div class="footer-section">
|
<div class="footer-section">
|
||||||
<h3>Plan du site</h3>
|
<h3>Plan du site</h3>
|
||||||
<!-- Ajoutez ici les liens vers les différentes sections du site -->
|
<!-- Ajoutez ici les liens vers les différentes sections du site -->
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-section">
|
<div class="footer-section">
|
||||||
<h3>Mentions légales</h3>
|
<h3>Mentions légales</h3>
|
||||||
<!-- Ajoutez ici les informations légales nécessaires -->
|
<!-- Ajoutez ici les informations légales nécessaires -->
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-section">
|
<div class="footer-section">
|
||||||
<h3>Contact</h3>
|
<h3>Contact</h3>
|
||||||
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
|
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
|
||||||
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
|
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-section horizontally-aligned">
|
<div class="footer-section horizontally-aligned">
|
||||||
<h3>Réseaux sociaux</h3>
|
<h3>Réseaux sociaux</h3>
|
||||||
<div class="logo-reseaux">
|
<div class="logo-reseaux">
|
||||||
<p>
|
<p>
|
||||||
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
|
<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="Instagram">
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
|
<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="Facebook">
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
|
<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="X">
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
|
<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="Youtube">
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<a href="https://www.TripAdvisor.com/neoeat/" target="_blank" class="social-icon">
|
<a href="https://www.TripAdvisor.com/neoeat/" target="_blank" class="social-icon">
|
||||||
<img src="../img/RéseauxSociaux/Tripadvisor.png" alt="TripAdvisor">
|
<img src="../img/RéseauxSociaux/Tripadvisor.png" alt="TripAdvisor">
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-signature">
|
<div class="footer-signature">
|
||||||
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
|
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
|
||||||
<p>© 2024 Neo Eat. Tous droits réservés.</p>
|
<p>© 2024 Neo Eat. Tous droits réservés.</p>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
<button id="scrollTopBtn" onclick="scrollToTop()">
|
<button id="scrollTopBtn" onclick="scrollToTop()">
|
||||||
<span>🚀</span>
|
<span>🚀</span>
|
||||||
</button>
|
</button>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
BIN
img/ChefCuisto/CedricGrolet.png
Normal file
BIN
img/ChefCuisto/CedricGrolet.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
BIN
img/ChefCuisto/GhislaineArabian.png
Normal file
BIN
img/ChefCuisto/GhislaineArabian.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 80 KiB |
BIN
img/ChefCuisto/StéphanieLeQuellec.png
Normal file
BIN
img/ChefCuisto/StéphanieLeQuellec.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 109 KiB |
BIN
img/PhotoCuisine/CouteauRobot.jpg
Normal file
BIN
img/PhotoCuisine/CouteauRobot.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
BIN
img/PhotoCuisine/serveur1.jpg
Normal file
BIN
img/PhotoCuisine/serveur1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 310 KiB |
BIN
img/PhotoCuisine/serveur2.jpg
Normal file
BIN
img/PhotoCuisine/serveur2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 299 KiB |
44
js/faq.js
44
js/faq.js
@ -1,22 +1,22 @@
|
|||||||
document.addEventListener("DOMContentLoaded", function() {
|
document.addEventListener("DOMContentLoaded", function() {
|
||||||
const faqItems = document.querySelectorAll('.faq-item');
|
const faqItems = document.querySelectorAll('.faq-item');
|
||||||
|
|
||||||
faqItems.forEach(item => {
|
faqItems.forEach(item => {
|
||||||
const questionBtn = item.querySelector('.faq-question-btn');
|
const questionBtn = item.querySelector('.faq-question-btn');
|
||||||
|
|
||||||
questionBtn.addEventListener('click', () => {
|
questionBtn.addEventListener('click', () => {
|
||||||
// Ferme toutes les autres réponses
|
// Ferme toutes les autres réponses
|
||||||
faqItems.forEach(otherItem => {
|
faqItems.forEach(otherItem => {
|
||||||
if (otherItem !== item) {
|
if (otherItem !== item) {
|
||||||
otherItem.classList.remove('active');
|
otherItem.classList.remove('active');
|
||||||
otherItem.querySelector('.faq-answer').style.display = 'none';
|
otherItem.querySelector('.faq-answer').style.display = 'none';
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
// Affiche ou masque la réponse de la question actuelle
|
// Affiche ou masque la réponse de la question actuelle
|
||||||
item.classList.toggle('active');
|
item.classList.toggle('active');
|
||||||
const answer = item.querySelector('.faq-answer');
|
const answer = item.querySelector('.faq-answer');
|
||||||
answer.style.display = item.classList.contains('active') ? 'block' : 'none';
|
answer.style.display = item.classList.contains('active') ? 'block' : 'none';
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
// Pour que la date de réservation ne soit jamais inférieur à celle d'aujourd'hui
|
// Pour que la date de réservation ne soit jamais inférieur à celle d'aujourd'hui
|
||||||
document.addEventListener('DOMContentLoaded', function () {
|
document.addEventListener('DOMContentLoaded', function () {
|
||||||
const today = new Date().toISOString().split('T')[0];
|
const today = new Date().toISOString().split('T')[0];
|
||||||
document.getElementById('date').min = today;
|
document.getElementById('date').min = today;
|
||||||
});
|
});
|
||||||
56
js/script.js
56
js/script.js
@ -1,28 +1,28 @@
|
|||||||
// Menu burger
|
// Menu burger
|
||||||
document.addEventListener('DOMContentLoaded', function () {
|
document.addEventListener('DOMContentLoaded', function () {
|
||||||
const burgerMenu = document.querySelector('.burger-menu');
|
const burgerMenu = document.querySelector('.burger-menu');
|
||||||
const navLinks = document.querySelector('.nav-links');
|
const navLinks = document.querySelector('.nav-links');
|
||||||
|
|
||||||
burgerMenu.addEventListener('click', function () {
|
burgerMenu.addEventListener('click', function () {
|
||||||
navLinks.classList.toggle('show');
|
navLinks.classList.toggle('show');
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
// Scroll jusqu'en au de la page
|
// Scroll jusqu'en au de la page
|
||||||
function scrollToTop() {
|
function scrollToTop() {
|
||||||
window.scrollTo({
|
window.scrollTo({
|
||||||
top: 0,
|
top: 0,
|
||||||
behavior: 'smooth'
|
behavior: 'smooth'
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// Afficher ou masquer le bouton de scroll en fonction de la position dans la page
|
// Afficher ou masquer le bouton de scroll en fonction de la position dans la page
|
||||||
document.addEventListener('scroll', function () {
|
document.addEventListener('scroll', function () {
|
||||||
const scrollTopBtn = document.getElementById('scrollTopBtn');
|
const scrollTopBtn = document.getElementById('scrollTopBtn');
|
||||||
if (window.scrollY > 200) {
|
if (window.scrollY > 200) {
|
||||||
scrollTopBtn.style.display = 'block';
|
scrollTopBtn.style.display = 'block';
|
||||||
} else {
|
} else {
|
||||||
scrollTopBtn.style.display = 'none';
|
scrollTopBtn.style.display = 'none';
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
0
php/PHP/fichier/php/PHP/PHPMailer/.github/actions/build-docs/entrypoint.sh
vendored
Executable file → Normal file
0
php/PHP/fichier/php/PHP/PHPMailer/.github/actions/build-docs/entrypoint.sh
vendored
Executable file → Normal file
0
php/PHP/fichier/php/PHP/PHPMailer/test/fakepopserver.sh
Executable file → Normal file
0
php/PHP/fichier/php/PHP/PHPMailer/test/fakepopserver.sh
Executable file → Normal file
0
php/PHP/fichier/php/PHP/PHPMailer/test/fakesendmail.sh
Executable file → Normal file
0
php/PHP/fichier/php/PHP/PHPMailer/test/fakesendmail.sh
Executable file → Normal file
0
php/PHP/fichier/php/PHP/PHPMailer/test/runfakepopserver.sh
Executable file → Normal file
0
php/PHP/fichier/php/PHP/PHPMailer/test/runfakepopserver.sh
Executable file → Normal file
@ -1,48 +1,48 @@
|
|||||||
<?php
|
<?php
|
||||||
use PHPMailer\PHPMailer\PHPMailer;
|
use PHPMailer\PHPMailer\PHPMailer;
|
||||||
use PHPMailer\PHPMailer\Exception;
|
use PHPMailer\PHPMailer\Exception;
|
||||||
use PHPMailer\PHPMailer\SMTP;
|
use PHPMailer\PHPMailer\SMTP;
|
||||||
|
|
||||||
require 'PHP/fichier/php/PHP/PHPMailer/src/Exception.php';
|
require 'PHP/fichier/php/PHP/PHPMailer/src/Exception.php';
|
||||||
require 'PHP/fichier/php/PHP/PHPMailer/src/PHPMailer.php';
|
require 'PHP/fichier/php/PHP/PHPMailer/src/PHPMailer.php';
|
||||||
require 'PHP/fichier/php/PHP/PHPMailer/src/SMTP.php';
|
require 'PHP/fichier/php/PHP/PHPMailer/src/SMTP.php';
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Vérifier si les données du formulaire sont présentes
|
// Vérifier si les données du formulaire sont présentes
|
||||||
if (isset($_POST['name']) && isset($_POST['email']) && isset($_POST['phone']) && isset($_POST['date']) && isset($_POST['time']) && isset($_POST['guests'])) {
|
if (isset($_POST['name']) && isset($_POST['email']) && isset($_POST['phone']) && isset($_POST['date']) && isset($_POST['time']) && isset($_POST['guests'])) {
|
||||||
|
|
||||||
// Créer une instance de PHPMailer
|
// Créer une instance de PHPMailer
|
||||||
$mail = new PHPMailer(true);
|
$mail = new PHPMailer(true);
|
||||||
$mail->CharSet = "UTF-8";
|
$mail->CharSet = "UTF-8";
|
||||||
$mail->Encoding = 'base64';
|
$mail->Encoding = 'base64';
|
||||||
|
|
||||||
try {
|
try {
|
||||||
// Paramètres du serveur SMTP
|
// Paramètres du serveur SMTP
|
||||||
$mail->isSMTP();
|
$mail->isSMTP();
|
||||||
$mail->Host = 'smtp.gmail.com';
|
$mail->Host = 'smtp.gmail.com';
|
||||||
$mail->SMTPAuth = true;
|
$mail->SMTPAuth = true;
|
||||||
$mail->Username = 'neoeat.sav@gmail.com';
|
$mail->Username = 'neoeat.sav@gmail.com';
|
||||||
$mail->Password = 'zann afaj cnus tifc'; // Remplacez par le mot de passe de votre compte Gmail
|
$mail->Password = 'zann afaj cnus tifc'; // Remplacez par le mot de passe de votre compte Gmail
|
||||||
$mail->SMTPSecure = PHPMailer::ENCRYPTION_SMTPS;
|
$mail->SMTPSecure = PHPMailer::ENCRYPTION_SMTPS;
|
||||||
$mail->Port = 465;
|
$mail->Port = 465;
|
||||||
|
|
||||||
// Destinataire
|
// Destinataire
|
||||||
$mail->setFrom('neoeat.sav@gmail.com', 'Neo Eat');
|
$mail->setFrom('neoeat.sav@gmail.com', 'Neo Eat');
|
||||||
$mail->addAddress($_POST['email'], $_POST['name']);
|
$mail->addAddress($_POST['email'], $_POST['name']);
|
||||||
|
|
||||||
// Contenu du message
|
// Contenu du message
|
||||||
$mail->isHTML(true);
|
$mail->isHTML(true);
|
||||||
$mail->Subject = 'Confirmation de réservation';
|
$mail->Subject = 'Confirmation de réservation';
|
||||||
$mail->Body = 'Merci pour votre réservation ! Votre table a bien été réservée.';
|
$mail->Body = 'Merci pour votre réservation ! Votre table a bien été réservée.';
|
||||||
|
|
||||||
// Envoyer le message
|
// Envoyer le message
|
||||||
$mail->send();
|
$mail->send();
|
||||||
header("Location: ../html/reservationSucces.html");
|
header("Location: ../html/reservationSucces.html");
|
||||||
} catch (Exception $e) {
|
} catch (Exception $e) {
|
||||||
echo "Erreur lors de l'envoi du message de confirmation. Mailer Error: {$mail->ErrorInfo}";
|
echo "Erreur lors de l'envoi du message de confirmation. Mailer Error: {$mail->ErrorInfo}";
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
echo 'Données du formulaire manquantes.';
|
echo 'Données du formulaire manquantes.';
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user