stiti/SAE_S1.05_S1.06
stiti/SAE_S1.05_S1.06
1
6
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Commit de Marco ORFAO : Modification du menu

Browse Source
This commit is contained in:
Moncef STITI 2024-01-18 15:19:34 +01:00
parent 4917369779
commit 893caad0b9
45 changed files with 701 additions and 557 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
css/CV.css
View File

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

2
css/ReservationSuccess.css
View File

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

6
css/a-propos.css
View File

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

8
css/faq.css
View File

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

135
css/menu.css
View File

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

2
css/nos-chefs.css
View File

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

2
css/reservation.css
View File

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

12
html/CV/MarcoORFAO.html
View File

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

100
html/a-propos.html
View File

@ -47,7 +47,7 @@
</header>
<div class="content">
<section class="about-section">
<section class="a-propos-section">
<h2>À propos de Neo Eat</h2>
<p>
Neo Eat, fondé en 2023 par Moncef STITI, Marco ORFAO et Louay DARDOURI, est une révolution dans le monde de la gastronomie. L'idée a germé pendant leurs premières années de BUT informatique, avec la vision de rendre la nourriture gastronomique accessible à tous, sans compromis sur la qualité.
@ -69,58 +69,58 @@
</section>
</div>
<footer class="footer">
<div class="footer-content">
<div class="footer-section">
<h3>Plan du site</h3>
<a href="plan-du-site.html">Consulter le plan du site</a>
</div>
<div class="footer-section">
<h3>Mentions légales</h3>
<a href="mention-legal.html">Consulter nos mentions légales</a>
</div>
<div class="footer-section">
<h3>Contact</h3>
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
<p>
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
</div>
<div class="footer-section horizontally-aligned">
<h3>Réseaux sociaux</h3>
<div class="logo-reseaux">
<footer class="footer">
<div class="footer-content">
<div class="footer-section">
<h3>Plan du site</h3>
<a href="html/plan-du-site.html">Consulter le plan du site</a>
</div>
<div class="footer-section">
<h3>Mentions légales</h3>
<a href="html/mention-legal.html">Consulter nos mentions légales</a>
</div>
<div class="footer-section">
<h3>Contact</h3>
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
<p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
</a>
</p>
<p>
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
</a>
</p>
<p>
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/X.png" alt="Logo X">
</a>
</p>
<p>
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a>
</p>
<p>
<a href="https://www.TripAdvisor.com/neoeat/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Tripadvisor.png" alt="TripAdvisor">
</a>
</p>
<p>Téléphone : <a href="tel:+33175489632">+33 1 75 48 96 32</a></p>
</div>
<div class="footer-section aligner">
<h3>Réseaux sociaux</h3>
<div class="logo-reseaux">
<p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
</a>
</p>
<p>
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
</a>
</p>
<p>
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/X.png" alt="Logo X">
</a>
</p>
<p>
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a>
</p>
<p>
<a href="https://www.TripAdvisor.com/neoeat/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Tripadvisor.png" alt="TripAdvisor">
</a>
</p>
</div>
</div>
</div>
</div>
<div class="footer-signature">
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
<p>&copy; 2024 Neo Eat. Tous droits réservés.</p>
</div>
</footer>
<div class="footer-signature">
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
<p>&copy; 2024 Neo Eat. Tous droits réservés.</p>
</div>
</footer>
<script src="../js/script.js"></script>
<button id="scrollTopBtn" onclick="scrollToTop()">

98
html/contact.html
View File

@ -73,58 +73,58 @@
</section>
</div>
<footer class="footer">
<div class="footer-content">
<div class="footer-section">
<h3>Plan du site</h3>
<a href="plan-du-site.html">Consulter le plan du site</a>
</div>
<div class="footer-section">
<h3>Mentions légales</h3>
<a href="mention-legal.html">Consulter nos mentions légales</a>
</div>
<div class="footer-section">
<h3>Contact</h3>
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
<p>
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
</div>
<div class="footer-section horizontally-aligned">
<h3>Réseaux sociaux</h3>
<div class="logo-reseaux">
<footer class="footer">
<div class="footer-content">
<div class="footer-section">
<h3>Plan du site</h3>
<a href="html/plan-du-site.html">Consulter le plan du site</a>
</div>
<div class="footer-section">
<h3>Mentions légales</h3>
<a href="html/mention-legal.html">Consulter nos mentions légales</a>
</div>
<div class="footer-section">
<h3>Contact</h3>
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
<p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
</a>
</p>
<p>
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
</a>
</p>
<p>
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/X.png" alt="Logo X">
</a>
</p>
<p>
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a>
</p>
<p>
<a href="https://www.TripAdvisor.com/neoeat/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Tripadvisor.png" alt="TripAdvisor">
</a>
</p>
<p>Téléphone : <a href="tel:+33175489632">+33 1 75 48 96 32</a></p>
</div>
<div class="footer-section aligner">
<h3>Réseaux sociaux</h3>
<div class="logo-reseaux">
<p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
</a>
</p>
<p>
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
</a>
</p>
<p>
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/X.png" alt="Logo X">
</a>
</p>
<p>
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a>
</p>
<p>
<a href="https://www.TripAdvisor.com/neoeat/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Tripadvisor.png" alt="TripAdvisor">
</a>
</p>
</div>
</div>
</div>
</div>
<div class="footer-signature">
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
<p>&copy; 2024 Neo Eat. Tous droits réservés.</p>
</div>
</footer>
<div class="footer-signature">
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
<p>&copy; 2024 Neo Eat. Tous droits réservés.</p>
</div>
</footer>
<script src="../js/script.js"></script>
<button id="scrollTopBtn" onclick="scrollToTop()">

136
html/faq.html
View File

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

98
html/fournisseurs.html
View File

@ -70,58 +70,58 @@
</div>
<footer class="footer">
<div class="footer-content">
<div class="footer-section">
<h3>Plan du site</h3>
<a href="plan-du-site.html">Consulter le plan du site</a>
</div>
<div class="footer-section">
<h3>Mentions légales</h3>
<a href="mention-legal.html">Consulter nos mentions légales</a>
</div>
<div class="footer-section">
<h3>Contact</h3>
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
<p>
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
</div>
<div class="footer-section horizontally-aligned">
<h3>Réseaux sociaux</h3>
<div class="logo-reseaux">
<footer class="footer">
<div class="footer-content">
<div class="footer-section">
<h3>Plan du site</h3>
<a href="html/plan-du-site.html">Consulter le plan du site</a>
</div>
<div class="footer-section">
<h3>Mentions légales</h3>
<a href="html/mention-legal.html">Consulter nos mentions légales</a>
</div>
<div class="footer-section">
<h3>Contact</h3>
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
<p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
</a>
</p>
<p>
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
</a>
</p>
<p>
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/X.png" alt="Logo X">
</a>
</p>
<p>
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a>
</p>
<p>
<a href="https://www.TripAdvisor.com/neoeat/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Tripadvisor.png" alt="TripAdvisor">
</a>
</p>
<p>Téléphone : <a href="tel:+33175489632">+33 1 75 48 96 32</a></p>
</div>
<div class="footer-section aligner">
<h3>Réseaux sociaux</h3>
<div class="logo-reseaux">
<p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
</a>
</p>
<p>
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
</a>
</p>
<p>
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/X.png" alt="Logo X">
</a>
</p>
<p>
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a>
</p>
<p>
<a href="https://www.TripAdvisor.com/neoeat/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Tripadvisor.png" alt="TripAdvisor">
</a>
</p>
</div>
</div>
</div>
</div>
<div class="footer-signature">
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
<p>&copy; 2024 Neo Eat. Tous droits réservés.</p>
</div>
</footer>
<div class="footer-signature">
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
<p>&copy; 2024 Neo Eat. Tous droits réservés.</p>
</div>
</footer>
<script src="../js/script.js"></script>
<button id="scrollTopBtn" onclick="scrollToTop()">

98
html/mention-legal.html
View File

@ -77,58 +77,58 @@
</section>
</div>
<footer class="footer">
<div class="footer-content">
<div class="footer-section">
<h3>Plan du site</h3>
<a href="plan-du-site.html">Consulter le plan du site</a>
</div>
<div class="footer-section">
<h3>Mentions légales</h3>
<a href="mention-legal.html">Consulter nos mentions légales</a>
</div>
<div class="footer-section">
<h3>Contact</h3>
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
<p>
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
</div>
<div class="footer-section horizontally-aligned">
<h3>Réseaux sociaux</h3>
<div class="logo-reseaux">
<footer class="footer">
<div class="footer-content">
<div class="footer-section">
<h3>Plan du site</h3>
<a href="html/plan-du-site.html">Consulter le plan du site</a>
</div>
<div class="footer-section">
<h3>Mentions légales</h3>
<a href="html/mention-legal.html">Consulter nos mentions légales</a>
</div>
<div class="footer-section">
<h3>Contact</h3>
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
<p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
</a>
</p>
<p>
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
</a>
</p>
<p>
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/X.png" alt="Logo X">
</a>
</p>
<p>
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a>
</p>
<p>
<a href="https://www.TripAdvisor.com/neoeat/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Tripadvisor.png" alt="TripAdvisor">
</a>
</p>
<p>Téléphone : <a href="tel:+33175489632">+33 1 75 48 96 32</a></p>
</div>
<div class="footer-section aligner">
<h3>Réseaux sociaux</h3>
<div class="logo-reseaux">
<p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
</a>
</p>
<p>
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
</a>
</p>
<p>
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/X.png" alt="Logo X">
</a>
</p>
<p>
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a>
</p>
<p>
<a href="https://www.TripAdvisor.com/neoeat/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Tripadvisor.png" alt="TripAdvisor">
</a>
</p>
</div>
</div>
</div>
</div>
<div class="footer-signature">
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
<p>&copy; 2024 Neo Eat. Tous droits réservés.</p>
</div>
</footer>
<div class="footer-signature">
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
<p>&copy; 2024 Neo Eat. Tous droits réservés.</p>
</div>
</footer>
<script src="../js/script.js"></script>
<button id="scrollTopBtn" onclick="scrollToTop()">

270
html/menu.html
View File

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

4
html/nos-chefs.html
View File

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

98
html/notre-equipe.html
View File

@ -91,58 +91,58 @@
</section>
</div>
<footer class="footer">
<div class="footer-content">
<div class="footer-section">
<h3>Plan du site</h3>
<a href="plan-du-site.html">Consulter le plan du site</a>
</div>
<div class="footer-section">
<h3>Mentions légales</h3>
<a href="mention-legal.html">Consulter nos mentions légales</a>
</div>
<div class="footer-section">
<h3>Contact</h3>
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
<p>
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
</div>
<div class="footer-section horizontally-aligned">
<h3>Réseaux sociaux</h3>
<div class="logo-reseaux">
<footer class="footer">
<div class="footer-content">
<div class="footer-section">
<h3>Plan du site</h3>
<a href="html/plan-du-site.html">Consulter le plan du site</a>
</div>
<div class="footer-section">
<h3>Mentions légales</h3>
<a href="html/mention-legal.html">Consulter nos mentions légales</a>
</div>
<div class="footer-section">
<h3>Contact</h3>
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
<p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
</a>
</p>
<p>
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
</a>
</p>
<p>
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/X.png" alt="Logo X">
</a>
</p>
<p>
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a>
</p>
<p>
<a href="https://www.TripAdvisor.com/neoeat/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Tripadvisor.png" alt="TripAdvisor">
</a>
</p>
<p>Téléphone : <a href="tel:+33175489632">+33 1 75 48 96 32</a></p>
</div>
<div class="footer-section aligner">
<h3>Réseaux sociaux</h3>
<div class="logo-reseaux">
<p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
</a>
</p>
<p>
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
</a>
</p>
<p>
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/X.png" alt="Logo X">
</a>
</p>
<p>
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a>
</p>
<p>
<a href="https://www.TripAdvisor.com/neoeat/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Tripadvisor.png" alt="TripAdvisor">
</a>
</p>
</div>
</div>
</div>
</div>
<div class="footer-signature">
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
<p>&copy; 2024 Neo Eat. Tous droits réservés.</p>
</div>
</footer>
<div class="footer-signature">
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
<p>&copy; 2024 Neo Eat. Tous droits réservés.</p>
</div>
</footer>
<script src="../js/script.js"></script>
<button id="scrollTopBtn" onclick="scrollToTop()">

4
html/plan-du-site.html
View File

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

12
html/reservation.html
View File

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

10
html/reservationSucces.html
View File

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

BIN
img/Plat/Boisson1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 810 KiB

BIN
img/Plat/Boisson2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 897 KiB

BIN
img/Plat/Boisson3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 792 KiB

BIN
img/Plat/Boisson4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 852 KiB

BIN
img/Plat/Boisson5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 691 KiB

BIN
img/Plat/Boisson6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 737 KiB

BIN
img/Plat/Dessert1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 496 KiB

BIN
img/Plat/Dessert2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 850 KiB

BIN
img/Plat/Dessert3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 849 KiB

BIN
img/Plat/Entree1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
img/Plat/Entree2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 975 KiB

BIN
img/Plat/Entree3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 767 KiB

BIN
img/Plat/Entree4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
img/Plat/Entree5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
img/Plat/Entree6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 849 KiB

BIN
img/Plat/Plat1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 599 KiB

After

Width:  |  Height:  |  Size: 738 KiB

BIN
img/Plat/Plat2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 852 KiB

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
img/Plat/Plat3.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 MiB

After

Width:  |  Height:  |  Size: 1011 KiB

BIN
img/Plat/plat4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

BIN
img/Plat/plat5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
img/Plat/plat6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 885 KiB

BIN
img/Plat/plat7.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 599 KiB

BIN
img/Plat/plat8.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 MiB

104
index.html
View File

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

20
js/faq.js
View File

@ -1,22 +1,22 @@
document.addEventListener("DOMContentLoaded", function() {
const faqItems = document.querySelectorAll('.faq-item');
const faqelements = document.querySelectorAll('.faq-element');
faqItems.forEach(item => {
const questionBtn = item.querySelector('.faq-question-btn');
faqelements.forEach(element => {
const questionBtn = element.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';
faqelements.forEach(otherelement => {
if (otherelement !== element) {
otherelement.classList.remove('active');
otherelement.querySelector('.faq-reponse').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';
element.classList.toggle('active');
const reponse = element.querySelector('.faq-reponse');
reponse.style.display = element.classList.contains('active') ? 'block' : 'none';
});
});
});

19
php/send_confirmation_email.php
View File

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