Commit de Marco ORFAO : Modification du menu

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

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 {

View File

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

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;

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;
}

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 */
}

View File

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

View File

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

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 dune équipe de développeurs web</li>
<li>Observation dune équipe dexperts 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>

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()">

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()">

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>

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()">

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()">

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()">

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>

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>