Ajout de nouvelles pages
This commit is contained in:
parent
01ea3fce4e
commit
e6175ca05b
@ -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;
|
||||
}
|
||||
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 {
|
||||
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;
|
||||
}
|
||||
75
css/faq.css
75
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;
|
||||
}
|
||||
|
||||
|
||||
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 {
|
||||
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 */
|
||||
}
|
||||
|
||||
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>
|
||||
<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/contact.css">
|
||||
<title>Contact - 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="contact-section">
|
||||
<h1>Nous Contacter</h1>
|
||||
<p>Pour toute question ou demande, n'hésitez pas à nous contacter :</p>
|
||||
|
||||
<!-- Formulaire de contact -->
|
||||
<form action="https://dwarves.iut-fbleau.fr/requete.php" method="post" class="contact-form">
|
||||
<label for="name">Nom :</label>
|
||||
<input type="text" id="name" name="name" required>
|
||||
|
||||
<label for="email">Email :</label>
|
||||
<input type="email" id="email" name="email" required>
|
||||
|
||||
<label for="message">Message :</label>
|
||||
<textarea id="message" name="message" rows="4" required></textarea>
|
||||
|
||||
<button type="submit">Envoyer</button>
|
||||
</form>
|
||||
|
||||
|
||||
<!-- Coordonnées -->
|
||||
<div class="contact-details">
|
||||
<h2>Coordonnées</h2>
|
||||
<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>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>
|
||||
|
||||
<!-- Carte avec l'emplacement du restaurant -->
|
||||
<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>
|
||||
</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>
|
||||
<button id="scrollTopBtn" onclick="scrollToTop()">
|
||||
<span>🚀</span>
|
||||
</button>
|
||||
</body>
|
||||
</html>
|
||||
<!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/contact.css">
|
||||
<title>Contact - 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="contact-section">
|
||||
<h1>Nous Contacter</h1>
|
||||
<p>Pour toute question ou demande, n'hésitez pas à nous contacter :</p>
|
||||
|
||||
<!-- Formulaire de contact -->
|
||||
<form action="https://dwarves.iut-fbleau.fr/requete.php" method="post" class="contact-form">
|
||||
<label for="name">Nom :</label>
|
||||
<input type="text" id="name" name="name" required>
|
||||
|
||||
<label for="email">Email :</label>
|
||||
<input type="email" id="email" name="email" required>
|
||||
|
||||
<label for="message">Message :</label>
|
||||
<textarea id="message" name="message" rows="4" required></textarea>
|
||||
|
||||
<button type="submit">Envoyer</button>
|
||||
</form>
|
||||
|
||||
|
||||
<!-- Coordonnées -->
|
||||
<div class="contact-details">
|
||||
<h2>Coordonnées</h2>
|
||||
<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>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>
|
||||
|
||||
<!-- Carte avec l'emplacement du restaurant -->
|
||||
<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>
|
||||
</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>
|
||||
<button id="scrollTopBtn" onclick="scrollToTop()">
|
||||
<span>🚀</span>
|
||||
</button>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
322
html/faq.html
322
html/faq.html
@ -1,154 +1,168 @@
|
||||
<!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/faq.css">
|
||||
<title>FAQ - 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="faq-section">
|
||||
<h1>Foire aux questions</h1>
|
||||
|
||||
<div class="faq-item">
|
||||
<button class="faq-question-btn">1. Question 1 ?</button>
|
||||
<div class="faq-answer">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar libero vel ligula ultrices, eget accumsan velit congue.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<button class="faq-question-btn">2. Question 2 ?</button>
|
||||
<div class="faq-answer">
|
||||
<p>Maecenas eu lectus vitae nulla consectetur fermentum. Aliquam auctor, elit vel tincidunt molestie, purus elit placerat ex.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<button class="faq-question-btn">3. Question 3 ?</button>
|
||||
<div class="faq-answer">
|
||||
<p>Vestibulum sed ligula non arcu feugiat ultrices. Duis fermentum ultrices urna, at feugiat tortor bibendum id.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<button class="faq-question-btn">4. Question 4 ?</button>
|
||||
<div class="faq-answer">
|
||||
<p>Vestibulum sed ligula non arcu feugiat ultrices. Duis fermentum ultrices urna, at feugiat tortor bibendum id.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<button class="faq-question-btn">5. Question 5 ?</button>
|
||||
<div class="faq-answer">
|
||||
<p>Vestibulum sed ligula non arcu feugiat ultrices. Duis fermentum ultrices urna, at feugiat tortor bibendum id.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<button class="faq-question-btn">6. Question 6 ?</button>
|
||||
<div class="faq-answer">
|
||||
<p>Vestibulum sed ligula non arcu feugiat ultrices. Duis fermentum ultrices urna, at feugiat tortor bibendum id.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="faq-item">
|
||||
<button class="faq-question-btn">7. Question 7 ?</button>
|
||||
<div class="faq-answer">
|
||||
<p>Vestibulum sed ligula non arcu feugiat ultrices. Duis fermentum ultrices urna, at feugiat tortor bibendum id.</p>
|
||||
</div>
|
||||
</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>
|
||||
<script src="../js/faq.js"></script>
|
||||
<button id="scrollTopBtn" onclick="scrollToTop()">
|
||||
<span>🚀</span>
|
||||
</button>
|
||||
</body>
|
||||
</html>
|
||||
<!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/faq.css">
|
||||
<title>FAQ - 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="faq-section">
|
||||
<h1>Foire aux questions</h1>
|
||||
|
||||
<div class="faq-item">
|
||||
<button class="faq-question-btn">1. Quels types de cuisines propose Neo Eat ?</button>
|
||||
<div class="faq-answer">
|
||||
<p>Neo Eat propose une diversité de cuisines du monde entier. Nos chefs étoilés s'inspirent de différentes traditions culinaires pour créer des plats uniques et délicieux.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<button class="faq-question-btn">2. Puis-je personnaliser ma commande en fonction de mes préférences alimentaires ?</button>
|
||||
<div class="faq-answer">
|
||||
<p>Oui, nous sommes heureux de répondre à vos préférences alimentaires. Lors de la commande en restaurant, vous pourrez sélectionner vos préférences alimentaires en utilisant notre menu interactif.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<button class="faq-question-btn">3. Quels modes de paiement acceptez-vous ?</button>
|
||||
<div class="faq-answer">
|
||||
<p>Nous acceptons plusieurs modes de paiement, notamment la carte bancaire, les espèces, le Bitcoin et l'Etherhum. Ainsi, vous avez le choix pour régler vos commandes selon vos préférences.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<button class="faq-question-btn">4. Quelles sont vos horaires ?</button>
|
||||
<div class="faq-answer">
|
||||
<p>Neo Eat est fier de vous offrir un service continu, ouvert 24h/24 et 7j/7. Ainsi, vous pouvez profiter de nos délicieuses créations culinaires à toute heure qui vous convient.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<button class="faq-question-btn">5. Existe-t-il des offres spéciales ou des promotions chez Neo Eat ?</button>
|
||||
<div class="faq-answer">
|
||||
<p>Oui, Neo Eat propose régulièrement des offres spéciales et des promotions. Suivez-nous sur les réseaux sociaux pour être informé des dernières actualités et offres exclusives.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<button class="faq-question-btn">6. Proposez-vous des options végétariennes ou véganes ?</button>
|
||||
<div class="faq-answer">
|
||||
<p>Oui, chez Neo Eat, nous avons une variété d'options végétariennes et véganes pour satisfaire tous les goûts. Consultez notre menu pour découvrir nos délicieuses créations sans viande ni produits d'origine animale.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="faq-item">
|
||||
<button class="faq-question-btn">7. Quelles mesures prenez-vous pour garantir la qualité des ingrédients utilisés ?</button>
|
||||
<div class="faq-answer">
|
||||
<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 class="faq-item">
|
||||
<button class="faq-question-btn">8. Comment Neo Eat s'engage-t-il envers la durabilité et l'environnement ?</button>
|
||||
<div class="faq-answer">
|
||||
<p>Nous sommes engagés envers la durabilité. De la sélection des ingrédients à nos pratiques opérationnelles, nous cherchons constamment des moyens de réduire notre impact environnemental tout en maintenant la qualité de nos services.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<button class="faq-question-btn">9. Comment puis-je partager mes commentaires sur mon expérience chez Neo Eat ?</button>
|
||||
<div class="faq-answer">
|
||||
<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>
|
||||
</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>
|
||||
<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>
|
||||
<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/index.css">
|
||||
<title>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">
|
||||
<!-- Vidéo et message de bienvenue -->
|
||||
<section class="bienvenue-section">
|
||||
<video controls autoplay class="bienvenue-video">
|
||||
<source src="../video/VideoExplicationConcept.mp4" type="video/mp4">
|
||||
Votre navigateur ne supporte pas les vidéos.
|
||||
</video>
|
||||
</section>
|
||||
<section class="restaurant-context">
|
||||
<h2>Bienvenue chez Neo Eat !</h2>
|
||||
<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.
|
||||
<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>
|
||||
<img src="../img/Restaurant/tables.png" alt="Tables du restaurant" class="restaurant-tables">
|
||||
</section>
|
||||
|
||||
<!-- Section des chefs -->
|
||||
<section class="chef-section">
|
||||
<h2>Nos créateurs culinaires</h2>
|
||||
<div class="chef-container">
|
||||
<div class="chef">
|
||||
<h3>Philippe Etchebest</h3>
|
||||
<img src="../img/ChefCuisto/Etchebest.png" alt="Chef Philippe Etchebest">
|
||||
<p>Rencontrez notre chef étoilé, Philippe Etchebest, passionné de cuisine depuis toujours.</p>
|
||||
</div>
|
||||
|
||||
<div class="chef">
|
||||
<h3>Cyril Lignac</h3>
|
||||
<img src="../img/ChefCuisto/CyrilLignac.jpg" alt="Chef Cyril Lignac">
|
||||
<p>Découvrez les créations innovantes de notre chef renommé, Cyril Lignac.</p>
|
||||
</div>
|
||||
|
||||
<div class="chef">
|
||||
<h3>Gordon Ramsay</h3>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div class="chef">
|
||||
<h3>Thierry Marx</h3>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="voir-plus">
|
||||
<a href="#" class="voir-plus-btn">Voir plus de chefs</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="plats-populaires">
|
||||
<h2>Nos plats les plus populaires</h2>
|
||||
<div class="plat-container">
|
||||
<div class="plat">
|
||||
<h3>Filet de bar et courgette</h3>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div class="plat">
|
||||
<h3>Pâtes à la truffe</h3>
|
||||
<img src="../img/Plat/Plat2.png" alt="Plat 2">
|
||||
<p>Pâte à la truffe artisanale agrémentée de copeaux de parmesan fondants.</p>
|
||||
</div>
|
||||
|
||||
<div class="plat">
|
||||
<h3>Burger Ritz</h3>
|
||||
<img src="../img/Plat/Plat3.png" alt="Plat 3">
|
||||
<p>Burger Ritz accompagné de frites croustillantes et d'une sauce maison secrète.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="voir-plus">
|
||||
<a href="#" class="voir-plus-btn">Voir plus de plats</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Section des avis clients -->
|
||||
<section class="client-evaluations">
|
||||
<h2>Avis de nos clients</h2>
|
||||
<div class="client-evaluation-container">
|
||||
<div class="client-evaluation">
|
||||
<img src="../img/Avis_clients/client1.png" alt="Client 1">
|
||||
<h3>Marie Dubois</h3>
|
||||
<p>
|
||||
"Délicieux ! J'ai adoré chaque bouchée. Une expérience culinaire exceptionnelle."
|
||||
<br>
|
||||
<span class="evaluation">★★★★★</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="client-evaluation">
|
||||
<img src="../img/Avis_clients/client2.png" alt="Client 2">
|
||||
<h3>Lucas Martin</h3>
|
||||
<p>
|
||||
"Le service était impeccable, et les plats étaient à la hauteur de mes attentes. Bravo Neo Eat !"
|
||||
<br>
|
||||
<span class="evaluation">★★★★★</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="client-evaluation">
|
||||
<img src="../img/Avis_clients/client3.png" alt="Client 3">
|
||||
<h3>Sophie Leroux</h3>
|
||||
<p>
|
||||
"Une explosion de saveurs dans chaque plat. Certainement l'un des meilleurs restaurants de la ville."
|
||||
<br>
|
||||
<span class="evaluation">★★★★★</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="voir-plus">
|
||||
<a href="https://www.tripadvisor.com/neoeat/" class="voir-plus-btn">Voir plus d'évaluations</a>
|
||||
</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>
|
||||
<button id="scrollTopBtn" onclick="scrollToTop()">
|
||||
<span>🚀</span>
|
||||
</button>
|
||||
</body>
|
||||
</html>
|
||||
<!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/index.css">
|
||||
<title>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">
|
||||
<!-- Vidéo et message de bienvenue -->
|
||||
<section class="bienvenue-section">
|
||||
<video controls autoplay class="bienvenue-video">
|
||||
<source src="../video/VideoExplicationConcept.mp4" type="video/mp4">
|
||||
Votre navigateur ne supporte pas les vidéos.
|
||||
</video>
|
||||
</section>
|
||||
<section class="restaurant-context">
|
||||
<h2>Bienvenue chez Neo Eat !</h2>
|
||||
<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.
|
||||
<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>
|
||||
<img src="../img/Restaurant/tables.png" alt="Tables du restaurant" class="restaurant-tables">
|
||||
</section>
|
||||
|
||||
<!-- Section des chefs -->
|
||||
<section class="chef-section">
|
||||
<h2>Nos créateurs culinaires</h2>
|
||||
<div class="chef-container">
|
||||
<div class="chef">
|
||||
<h3>Philippe Etchebest</h3>
|
||||
<img src="../img/ChefCuisto/Etchebest.png" alt="Chef Philippe Etchebest">
|
||||
<p>Rencontrez notre chef étoilé, Philippe Etchebest, passionné de cuisine depuis toujours.</p>
|
||||
</div>
|
||||
|
||||
<div class="chef">
|
||||
<h3>Cyril Lignac</h3>
|
||||
<img src="../img/ChefCuisto/CyrilLignac.jpg" alt="Chef Cyril Lignac">
|
||||
<p>Découvrez les créations innovantes de notre chef renommé, Cyril Lignac.</p>
|
||||
</div>
|
||||
|
||||
<div class="chef">
|
||||
<h3>Gordon Ramsay</h3>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div class="chef">
|
||||
<h3>Thierry Marx</h3>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="voir-plus">
|
||||
<a href="nos-chefs.html" class="voir-plus-btn">Voir plus de chefs</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="plats-populaires">
|
||||
<h2>Nos plats les plus populaires</h2>
|
||||
<div class="plat-container">
|
||||
<div class="plat">
|
||||
<h3>Filet de bar et courgette</h3>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div class="plat">
|
||||
<h3>Pâtes à la truffe</h3>
|
||||
<img src="../img/Plat/Plat2.png" alt="Plat 2">
|
||||
<p>Pâte à la truffe artisanale agrémentée de copeaux de parmesan fondants.</p>
|
||||
</div>
|
||||
|
||||
<div class="plat">
|
||||
<h3>Burger Ritz</h3>
|
||||
<img src="../img/Plat/Plat3.png" alt="Plat 3">
|
||||
<p>Burger Ritz accompagné de frites croustillantes et d'une sauce maison secrète.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="voir-plus">
|
||||
<a href="#" class="voir-plus-btn">Voir plus de plats</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Section des avis clients -->
|
||||
<section class="client-evaluations">
|
||||
<h2>Avis de nos clients</h2>
|
||||
<div class="client-evaluation-container">
|
||||
<div class="client-evaluation">
|
||||
<img src="../img/Avis_clients/client1.png" alt="Client 1">
|
||||
<h3>Marie Dubois</h3>
|
||||
<p>
|
||||
"Délicieux ! J'ai adoré chaque bouchée. Une expérience culinaire exceptionnelle."
|
||||
<br>
|
||||
<span class="evaluation">★★★★★</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="client-evaluation">
|
||||
<img src="../img/Avis_clients/client2.png" alt="Client 2">
|
||||
<h3>Lucas Martin</h3>
|
||||
<p>
|
||||
"Le service était impeccable, et les plats étaient à la hauteur de mes attentes. Bravo Neo Eat !"
|
||||
<br>
|
||||
<span class="evaluation">★★★★★</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="client-evaluation">
|
||||
<img src="../img/Avis_clients/client3.png" alt="Client 3">
|
||||
<h3>Sophie Leroux</h3>
|
||||
<p>
|
||||
"Une explosion de saveurs dans chaque plat. Certainement l'un des meilleurs restaurants de la ville."
|
||||
<br>
|
||||
<span class="evaluation">★★★★★</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="voir-plus">
|
||||
<a href="https://www.tripadvisor.com/neoeat/" class="voir-plus-btn">Voir plus d'évaluations</a>
|
||||
</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>
|
||||
<button id="scrollTopBtn" onclick="scrollToTop()">
|
||||
<span>🚀</span>
|
||||
</button>
|
||||
</body>
|
||||
</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>
|
||||
<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/reservation.css">
|
||||
<title>Réserver une table - 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="reservation-section">
|
||||
<h1>Réserver une table</h1>
|
||||
<p>Choisissez une date et une heure parmi les disponibilités ci-dessous pour réserver une table.</p>
|
||||
|
||||
<!-- Formulaire de réservation avec sélecteur de plage horaire -->
|
||||
<form action="../php/send_confirmation_email.php" method="post" class="reservation-form" onsubmit="showReservationConfirmation()">
|
||||
<label for="name">Nom :</label>
|
||||
<input type="text" id="name" name="name" required>
|
||||
|
||||
<label for="email">Email :</label>
|
||||
<input type="email" id="email" name="email" required>
|
||||
|
||||
<label for="phone">Téléphone :</label>
|
||||
<input type="tel" id="phone" name="phone" required>
|
||||
|
||||
<label for="date">Date :</label>
|
||||
<input type="date" id="date" name="date" required>
|
||||
|
||||
<label for="time">Heure :</label>
|
||||
<select id="time" name="time" required>
|
||||
<option value="" disabled selected>Choisissez une heure</option>
|
||||
<option value="18:00">11:30</option>
|
||||
<option value="19:00">12:00</option>
|
||||
<option value="20:00">13:00</option>
|
||||
<option value="18:00">18:00</option>
|
||||
<option value="19:00">19:00</option>
|
||||
<option value="20:00">20:00</option>
|
||||
<option value="18:00">21:00</option>
|
||||
</select>
|
||||
|
||||
<label for="guests">Nombre de convives :</label>
|
||||
<input type="number" id="guests" name="guests" min="1" required>
|
||||
|
||||
<button type="submit">Réserver</button>
|
||||
</form>
|
||||
|
||||
</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>
|
||||
<!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/reservation.css">
|
||||
<title>Réserver une table - 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="reservation-section">
|
||||
<h1>Réserver une table</h1>
|
||||
<p>Choisissez une date et une heure parmi les disponibilités ci-dessous pour réserver une table.</p>
|
||||
|
||||
<!-- Formulaire de réservation avec sélecteur de plage horaire -->
|
||||
<form action="../php/send_confirmation_email.php" method="post" class="reservation-form" onsubmit="showReservationConfirmation()">
|
||||
<label for="name">Nom :</label>
|
||||
<input type="text" id="name" name="name" required>
|
||||
|
||||
<label for="email">Email :</label>
|
||||
<input type="email" id="email" name="email" required>
|
||||
|
||||
<label for="phone">Téléphone :</label>
|
||||
<input type="tel" id="phone" name="phone" required>
|
||||
|
||||
<label for="date">Date :</label>
|
||||
<input type="date" id="date" name="date" required>
|
||||
|
||||
<label for="time">Heure :</label>
|
||||
<select id="time" name="time" required>
|
||||
<option value="" disabled selected>Choisissez une heure</option>
|
||||
<option value="18:00">11:30</option>
|
||||
<option value="19:00">12:00</option>
|
||||
<option value="20:00">13:00</option>
|
||||
<option value="18:00">18:00</option>
|
||||
<option value="19:00">19:00</option>
|
||||
<option value="20:00">20:00</option>
|
||||
<option value="18:00">21:00</option>
|
||||
</select>
|
||||
|
||||
<label for="guests">Nombre de convives :</label>
|
||||
<input type="number" id="guests" name="guests" min="1" required>
|
||||
|
||||
<button type="submit">Réserver</button>
|
||||
</form>
|
||||
|
||||
</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,103 +1,103 @@
|
||||
<!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/ReservationSuccess.css">
|
||||
<title>Réservation réussie - 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="reservation-successful-section">
|
||||
<h1>Réservation réussie</h1>
|
||||
<p>Merci pour votre réservation ! Votre table a bien été réservée et un mail de confirmation vous as été envoyé.</p>
|
||||
<a href="index.html" class="home-button">Retourner à l'accueil</a>
|
||||
</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>
|
||||
|
||||
<button id="scrollTopBtn" onclick="scrollToTop()">
|
||||
<span>🚀</span>
|
||||
</button>
|
||||
</body>
|
||||
</html>
|
||||
<!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/ReservationSuccess.css">
|
||||
<title>Réservation réussie - 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="reservation-successful-section">
|
||||
<h1>Réservation réussie</h1>
|
||||
<p>Merci pour votre réservation ! Votre table a bien été réservée et un mail de confirmation vous as été envoyé.</p>
|
||||
<a href="index.html" class="home-button">Retourner à l'accueil</a>
|
||||
</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>
|
||||
|
||||
<button id="scrollTopBtn" onclick="scrollToTop()">
|
||||
<span>🚀</span>
|
||||
</button>
|
||||
</body>
|
||||
</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() {
|
||||
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';
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
@ -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;
|
||||
});
|
||||
56
js/script.js
56
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';
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
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
|
||||
use PHPMailer\PHPMailer\PHPMailer;
|
||||
use PHPMailer\PHPMailer\Exception;
|
||||
use PHPMailer\PHPMailer\SMTP;
|
||||
|
||||
require 'PHP/fichier/php/PHP/PHPMailer/src/Exception.php';
|
||||
require 'PHP/fichier/php/PHP/PHPMailer/src/PHPMailer.php';
|
||||
require 'PHP/fichier/php/PHP/PHPMailer/src/SMTP.php';
|
||||
|
||||
|
||||
|
||||
// Vérifier si les données du formulaire sont présentes
|
||||
if (isset($_POST['name']) && isset($_POST['email']) && isset($_POST['phone']) && isset($_POST['date']) && isset($_POST['time']) && isset($_POST['guests'])) {
|
||||
|
||||
// Créer une instance de PHPMailer
|
||||
$mail = new PHPMailer(true);
|
||||
$mail->CharSet = "UTF-8";
|
||||
$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.';
|
||||
}
|
||||
?>
|
||||
<?php
|
||||
use PHPMailer\PHPMailer\PHPMailer;
|
||||
use PHPMailer\PHPMailer\Exception;
|
||||
use PHPMailer\PHPMailer\SMTP;
|
||||
|
||||
require 'PHP/fichier/php/PHP/PHPMailer/src/Exception.php';
|
||||
require 'PHP/fichier/php/PHP/PHPMailer/src/PHPMailer.php';
|
||||
require 'PHP/fichier/php/PHP/PHPMailer/src/SMTP.php';
|
||||
|
||||
|
||||
|
||||
// Vérifier si les données du formulaire sont présentes
|
||||
if (isset($_POST['name']) && isset($_POST['email']) && isset($_POST['phone']) && isset($_POST['date']) && isset($_POST['time']) && isset($_POST['guests'])) {
|
||||
|
||||
// Créer une instance de PHPMailer
|
||||
$mail = new PHPMailer(true);
|
||||
$mail->CharSet = "UTF-8";
|
||||
$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.';
|
||||
}
|
||||
?>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user