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

Merge branch 'master' of https://dwarves.iut-fbleau.fr/gitiut/stiti/SAE_S1.05_S1.06

Browse Source
This commit is contained in:
Marco ORFAO 2024-01-17 15:00:33 +01:00
commit 651aee8fe9
21 changed files with 1010 additions and 280 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

164
css/index.css
View File

@ -1 +1,163 @@
/*enlever les trucs supplémentaires dans styles.css de index.html et les mettre ici */
.client-evaluations {
text-align: center;
padding: 20px 0;
}
.client-evaluation-container {
display: flex;
overflow-x: auto;
justify-content: center;
margin-top: 20px;
}
.client-evaluation {
flex: 1;
max-width: 300px;
margin: 10px;
text-align: center;
background-color: #FFFFFF;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
padding: 15px;
}
.client-evaluation img {
max-width: 100%;
border-radius: 50%;
margin-bottom: 10px;
}
.client-evaluation p {
color: #333;
font-size: 16px;
line-height: 1.5;
}
.client-evaluation h3 {
margin-top: 10px;
color: #4A305A;
}
.evaluation {
color: #FFB039;
font-size: 18px;
}
.restaurant-tables {
max-width: 100%;
height: auto;
margin-top: 20px;
border-radius: 8px;
}
.container {
position: relative;
margin-bottom: 120px;
}
.bienvenue-section {
margin-top: 20px;
text-align: center;
}
.bienvenue-video {
width: 80%; /* largeur de la fenêtre de la vidéo */
max-height: 400px;
margin-bottom: 20px;
margin-top: 10px;
}
.plats-populaires {
text-align: center;
padding: 20px 0;
}
.plat-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.plat {
flex: 1;
max-width: 300px;
margin: 10px;
text-align: center;
background-color: #FFFFFF;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
padding: 15px;
}
.plat img {
max-width: 100%;
border-radius: 8px;
margin-bottom: 10px;
}
.plat h3 {
margin-top: 10px;
color: #4A305A;
}
.plat p {
color: #333;
font-size: 16px;
line-height: 1.5;
}
.chef-section {
text-align: center;
padding: 20px 0;
}
.chef-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.chef {
flex: 1;
max-width: 300px;
margin: 10px;
text-align: center;
background-color: #FFFFFF;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
padding: 15px;
}
.chef img {
max-width: 100%;
border-radius: 8px;
margin-bottom: 10px;
}
.chef h3 {
margin-top: 10px;
color: #4A305A;
}
.chef p {
color: #333;
font-size: 16px;
line-height: 1.5;
}
.voir-plus {
text-align: center;
margin-top: 20px;
}
.voir-plus a.voir-plus-btn {
display: inline-block;
background-color: #FFB039;
padding: 10px 20px;
border-radius: 10px;
color: white;
text-decoration: none;
margin-top: 10px;
}

46
css/menu.css Normal file
View File

@ -0,0 +1,46 @@
body {
font-family: 'Arial', sans-serif;
background-color: #f7f7f7;
color: #333;
}
.menu-category {
margin-bottom: 20px;
background-color: #fff;
padding: 15px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.menu-category h3 {
font-size: 24px;
border-bottom: 2px solid #ccc;
padding-bottom: 5px;
margin-bottom: 10px;
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-item img {
width: 100%;
max-width: 200px;
height: auto;
border-radius: 8px;
}
.menu-item h4 {
font-size: 20px;
color: #333;
margin-bottom: 8px;
}
.menu-item p {
color: #555;
}

29
css/plan-du-site.css Normal file
View File

@ -0,0 +1,29 @@
.plan-du-site-section {
max-width: 800px;
margin: 0 auto;
}
.plan-du-site-section h2 {
color: #1a1a1a;
font-size: 28px;
margin-bottom: 20px;
}
.plan-du-site-section ul {
list-style-type: disc;
padding: 0;
}
.plan-du-site-section li {
margin-bottom: 10px;
}
.plan-du-site-section a {
text-decoration: none;
color: #333;
font-weight: bold;
}
.plan-du-site-section a:hover {
color: #1a1a1a;
}

181
css/styles.css
View File

@ -53,6 +53,9 @@ body {
margin: 6px 0; margin: 6px 0;
} }
.nav-links.show {
top: 80px; /* Permet de baisser le menu burger pour ne pas couper le logo */
}
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.nav-links { .nav-links {
@ -80,11 +83,18 @@ body {
} }
.footer-content { .footer-content {
flex-wrap: wrap; flex-direction: column;
align-items: center;
} }
.footer-section { .footer-section {
flex: 1; margin: 10px 0;
}
.footer-signature img {
width: 3cm;
height: 1.2cm;
margin-left: 0.5cm;
} }
} }
@ -97,60 +107,6 @@ body {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
} }
.chef-section {
text-align: center;
padding: 20px 0;
}
.chef-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.chef {
flex: 1;
max-width: 300px;
margin: 10px;
text-align: center;
background-color: #FFFFFF;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
padding: 15px;
}
.chef img {
max-width: 100%;
border-radius: 8px;
margin-bottom: 10px;
}
.chef h3 {
margin-top: 10px;
color: #4A305A;
}
.chef p {
color: #333;
font-size: 16px;
line-height: 1.5;
}
.voir-plus {
text-align: center;
margin-top: 20px;
}
.voir-plus a.voir-plus-btn {
display: inline-block;
background-color: #FFB039;
padding: 10px 20px;
border-radius: 10px;
color: white;
text-decoration: none;
margin-top: 10px;
}
h2 { h2 {
color: #4A305A; color: #4A305A;
text-align: center; text-align: center;
@ -162,58 +118,6 @@ p {
line-height: 1.5; line-height: 1.5;
} }
.bienvenue-section {
margin-top: 20px;
text-align: center;
}
.bienvenue-video {
width: 80%; /* largeur de la fenêtre de la vidéo */
max-height: 400px;
margin-bottom: 20px;
margin-top: 10px;
}
.plats-populaires {
text-align: center;
padding: 20px 0;
}
.plat-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.plat {
flex: 1;
max-width: 300px;
margin: 10px;
text-align: center;
background-color: #FFFFFF;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
padding: 15px;
}
.plat img {
max-width: 100%;
border-radius: 8px;
margin-bottom: 10px;
}
.plat h3 {
margin-top: 10px;
color: #4A305A;
}
.plat p {
color: #333;
font-size: 16px;
line-height: 1.5;
}
#scrollTopBtn { #scrollTopBtn {
display: none; display: none;
position: fixed; position: fixed;
@ -227,11 +131,6 @@ p {
cursor: pointer; cursor: pointer;
} }
.container {
position: relative;
margin-bottom: 120px;
}
.footer { .footer {
background-color: #4A305A; /* Couleur de fond du pied de page */ background-color: #4A305A; /* Couleur de fond du pied de page */
color: white; color: white;
@ -273,64 +172,16 @@ p {
margin-bottom: 10px; margin-bottom: 10px;
} }
.footer-section a {
color: white;
}
.footer-section img { .footer-section img {
width: 30px; width: 30px;
height: 30px; height: 30px;
margin-right: 5px; margin-right: 5px;
} }
.client-evaluations {
text-align: center;
padding: 20px 0;
}
.client-evaluation-container {
display: flex;
overflow-x: auto;
justify-content: center;
margin-top: 20px;
}
.client-evaluation {
flex: 1;
max-width: 300px;
margin: 10px;
text-align: center;
background-color: #FFFFFF;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
padding: 15px;
}
.client-evaluation img {
max-width: 100%;
border-radius: 50%;
margin-bottom: 10px;
}
.client-evaluation p {
color: #333;
font-size: 16px;
line-height: 1.5;
}
.client-evaluation h3 {
margin-top: 10px;
color: #4A305A;
}
.evaluation {
color: #FFB039;
font-size: 18px;
}
.restaurant-tables {
max-width: 100%;
height: auto;
margin-top: 20px;
border-radius: 8px;
}
/* MENU DROPDOWN -> Pour à propos*/ /* MENU DROPDOWN -> Pour à propos*/
.dropdown { .dropdown {

152
html/CV/LouayDARDOURI.html Normal file
View File

@ -0,0 +1,152 @@
<!DOCTYPE html>
<html lang="fr-FR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
background-color: #f8f9fa;
}
.cv-container {
max-width: 800px;
margin: 20px auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
header h1 {
color: #007BFF;
text-align: center;
}
header h2 {
color: #007BFF;
text-align: center;
}
section {
margin-top: 30px;
}
.job h3 {
color: #007BFF;
}
ul {
list-style-type: none;
padding: 0;
}
.competence ul,
.education ul {
padding-left: 20px;
margin-bottom: 10px;
}
.competence p,
.education p {
margin-bottom: 10px;
}
ul, ol {
list-style-type: disc;
padding: 0;
}
@media print {
body {
width: 21cm;
height: 29.7cm;
margin: 20mm;
}
.cv-container {
max-width: 100%;
margin: 0;
padding: 0;
box-shadow: none;
border-radius: 0;
}
}
</style>
<title>CV - Moncef STITI</title>
</head>
<body>
<div class="cv-container">
<header>
<h1>Moncef STITI</h1>
</header>
<section class="education">
<h2>Formation</h2>
<p>2023 - 2024 | IUT de Fontainebleau</p>
<p>Première année de Bachelor universitaire de technologie en informatique</p>
<p>2023 | Lycée Durzy (45700 Villemandeur)</p>
<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>
</ul>
</section>
<section class="competence">
<h2>Informatique</h2>
<h3>Langages :</h3>
<ul>
<li>Python 3 (niveau avancé)</li>
<li>C 89 (niveau avancé)</li>
<li>Bash (bonne maîtrise)</li>
<li>Java (notions)</li>
<li>Assembleur (notions)</li>
</ul>
<h3>Programmation :</h3>
<ul>
<li>HTML 5 / CSS 3 / JavaScript (niveau avancé)</li>
</ul>
<p>Modélisation et base de données :</p>
<ul>
<li>UML (bonne maîtrise)</li>
<li>SQL (bonne maîtrise)</li>
</ul>
<h3>Réalisations :</h3>
<ul>
<li>Tour de Hanoï récursif (Python) - Programmation orientée objet</li>
<li>Jeu SNAKE (C 89) - Utilisation d’un Git, Réalisation d’un Makefile</li>
<li>Configuration machine virtuelle (Terminal) - Installation d’un Dual Boot (Grub),
Installation de Windows 7 / Arch Linux, Création de profils utilisateurs</li>
<li>Simulation de feux d’artifice (Python)</li>
</ul>
</section>
<section class="experience">
<h2>Expérience Professionnelle</h2>
<div class="job">
<h3>Mars 2021 - Février 2022 | Marché de Montargis les dimanches matin</h3>
<p>Poissonnier / Primeur chargé de la préparation des commandes</p>
</div>
<div class="job">
<h3>Février 2019 | ERAMET Paris 15</h3>
<p>Stage d'observation d'une semaine</p>
<ul>
<li>Observation d’un administrateur réseau</li>
<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>
</html>

152
html/CV/MarcoORFAO.html Normal file
View File

@ -0,0 +1,152 @@
<!DOCTYPE html>
<html lang="fr-FR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
background-color: #f8f9fa;
}
.cv-container {
max-width: 800px;
margin: 20px auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
header h1 {
color: #007BFF;
text-align: center;
}
header h2 {
color: #007BFF;
text-align: center;
}
section {
margin-top: 30px;
}
.job h3 {
color: #007BFF;
}
ul {
list-style-type: none;
padding: 0;
}
.competence ul,
.education ul {
padding-left: 20px;
margin-bottom: 10px;
}
.competence p,
.education p {
margin-bottom: 10px;
}
ul, ol {
list-style-type: disc;
padding: 0;
}
@media print {
body {
width: 21cm;
height: 29.7cm;
margin: 20mm;
}
.cv-container {
max-width: 100%;
margin: 0;
padding: 0;
box-shadow: none;
border-radius: 0;
}
}
</style>
<title>CV - Moncef STITI</title>
</head>
<body>
<div class="cv-container">
<header>
<h1>Moncef STITI</h1>
</header>
<section class="education">
<h2>Formation</h2>
<p>2023 - 2024 | IUT de Fontainebleau</p>
<p>Première année de Bachelor universitaire de technologie en informatique</p>
<p>2023 | Lycée Durzy (45700 Villemandeur)</p>
<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>
</ul>
</section>
<section class="competence">
<h2>Informatique</h2>
<h3>Langages :</h3>
<ul>
<li>Python 3 (niveau avancé)</li>
<li>C 89 (niveau avancé)</li>
<li>Bash (bonne maîtrise)</li>
<li>Java (notions)</li>
<li>Assembleur (notions)</li>
</ul>
<h3>Programmation :</h3>
<ul>
<li>HTML 5 / CSS 3 / JavaScript (niveau avancé)</li>
</ul>
<p>Modélisation et base de données :</p>
<ul>
<li>UML (bonne maîtrise)</li>
<li>SQL (bonne maîtrise)</li>
</ul>
<h3>Réalisations :</h3>
<ul>
<li>Tour de Hanoï récursif (Python) - Programmation orientée objet</li>
<li>Jeu SNAKE (C 89) - Utilisation d’un Git, Réalisation d’un Makefile</li>
<li>Configuration machine virtuelle (Terminal) - Installation d’un Dual Boot (Grub),
Installation de Windows 7 / Arch Linux, Création de profils utilisateurs</li>
<li>Simulation de feux d’artifice (Python)</li>
</ul>
</section>
<section class="experience">
<h2>Expérience Professionnelle</h2>
<div class="job">
<h3>Mars 2021 - Février 2022 | Marché de Montargis les dimanches matin</h3>
<p>Poissonnier / Primeur chargé de la préparation des commandes</p>
</div>
<div class="job">
<h3>Février 2019 | ERAMET Paris 15</h3>
<p>Stage d'observation d'une semaine</p>
<ul>
<li>Observation d’un administrateur réseau</li>
<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>
</html>

79
html/CV/MoncefSTITI.html
View File

@ -4,7 +4,78 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../../css/CV/MoncefSTITI.css"> <style>
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
background-color: #f8f9fa;
}
.cv-container {
max-width: 800px;
margin: 20px auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
header h1 {
color: #007BFF;
text-align: center;
}
header h2 {
color: #007BFF;
text-align: center;
}
section {
margin-top: 30px;
}
.job h3 {
color: #007BFF;
}
ul {
list-style-type: none;
padding: 0;
}
.competence ul,
.education ul {
padding-left: 20px;
margin-bottom: 10px;
}
.competence p,
.education p {
margin-bottom: 10px;
}
ul, ol {
list-style-type: disc;
padding: 0;
}
@media print {
body {
width: 21cm;
height: 29.7cm;
margin: 20mm;
}
.cv-container {
max-width: 100%;
margin: 0;
padding: 0;
box-shadow: none;
border-radius: 0;
}
}
</style>
<title>CV - Moncef STITI</title> <title>CV - Moncef STITI</title>
</head> </head>
@ -16,18 +87,18 @@
<section class="education"> <section class="education">
<h2>Formation</h2> <h2>Formation</h2>
<p>2023 - 2024 | IUT de Fontainebleau</p>
<p>Première année de Bachelor universitaire de technologie en informatique</p> <p>Première année de Bachelor universitaire de technologie en informatique</p>
<p>2023 | Lycée Durzy (45700 Villemandeur)</p>
<p>Baccalauréat général (mention assez bien) spécialités :</p> <p>Baccalauréat général (mention assez bien) spécialités :</p>
<ul> <ul>
<li>Numérique et sciences informatiques</li> <li>Numérique et sciences informatiques</li>
<li>Sciences de l'Ingénieur</li> <li>Sciences de l'Ingénieur</li>
<li>Langues, littératures et cultures étrangères (Anglais)</li> <li>Langues, littératures et cultures étrangères (Anglais)</li>
</ul> </ul>
<p>2023 - 2024 | IUT de Fontainebleau</p>
<p>2023 | Lycée Durzy (45700 Villemandeur)</p>
</section> </section>
<section class="skills"> <section class="competence">
<h2>Informatique</h2> <h2>Informatique</h2>
<h3>Langages :</h3> <h3>Langages :</h3>
<ul> <ul>

25
html/a-propos.html
View File

@ -14,7 +14,7 @@
</div> </div>
<nav class="nav-links"> <nav class="nav-links">
<a href="index.html">Accueil</a> <a href="index.html">Accueil</a>
<a href="#">Menu</a> <a href="menu.html">Menu</a>
<div class="dropdown"> <div class="dropdown">
<a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a> <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
<div class="dropdown-content"> <div class="dropdown-content">
@ -22,7 +22,7 @@
<a href="faq.html">FAQ</a> <a href="faq.html">FAQ</a>
<a href="nos-chefs.html">Nos chefs</a> <a href="nos-chefs.html">Nos chefs</a>
<a href="fournisseurs.html">Nos fournisseurs</a> <a href="fournisseurs.html">Nos fournisseurs</a>
<a href="#">Notre équipe</a> <a href="notre-equipe.html">Notre équipe</a>
</div> </div>
</div> </div>
<a href="../html/contact.html" class="nav-link">Contact</a> <a href="../html/contact.html" class="nav-link">Contact</a>
@ -37,6 +37,14 @@
</div> </div>
</header> </header>
<!-- BARRE DU MENU BURGER -->
<div class="burger-menu">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
</header>
<div class="content"> <div class="content">
<section class="about-section"> <section class="about-section">
<h2>À propos de Neo Eat</h2> <h2>À propos de Neo Eat</h2>
@ -64,15 +72,16 @@
<div class="footer-content"> <div class="footer-content">
<div class="footer-section"> <div class="footer-section">
<h3>Plan du site</h3> <h3>Plan du site</h3>
<!-- Ajoutez ici les liens vers les différentes sections du site --> <a href="plan-du-site.html">Consulter le plan du site</a>
</div> </div>
<div class="footer-section"> <div class="footer-section">
<h3>Mentions légales</h3> <h3>Mentions légales</h3>
<!-- Ajoutez ici les informations légales nécessaires --> <a href="mention-legal.html">Consulter nos mentions légales</a>
</div> </div>
<div class="footer-section"> <div class="footer-section">
<h3>Contact</h3> <h3>Contact</h3>
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p> <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
<p>
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p> <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
</div> </div>
<div class="footer-section horizontally-aligned"> <div class="footer-section horizontally-aligned">
@ -80,22 +89,22 @@
<div class="logo-reseaux"> <div class="logo-reseaux">
<p> <p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram"> <img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Facebook.png" alt="Facebook"> <img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/X.png" alt="X"> <img src="../img/RéseauxSociaux/X.png" alt="Logo X">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon"> <a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Youtube"> <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a> </a>
</p> </p>
<p> <p>

17
html/contact.html
View File

@ -14,7 +14,7 @@
</div> </div>
<nav class="nav-links"> <nav class="nav-links">
<a href="index.html">Accueil</a> <a href="index.html">Accueil</a>
<a href="#">Menu</a> <a href="menu.html">Menu</a>
<div class="dropdown"> <div class="dropdown">
<a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a> <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
<div class="dropdown-content"> <div class="dropdown-content">
@ -22,7 +22,7 @@
<a href="faq.html">FAQ</a> <a href="faq.html">FAQ</a>
<a href="nos-chefs.html">Nos chefs</a> <a href="nos-chefs.html">Nos chefs</a>
<a href="fournisseurs.html">Nos fournisseurs</a> <a href="fournisseurs.html">Nos fournisseurs</a>
<a href="#">Notre équipe</a> <a href="notre-equipe.html">Notre équipe</a>
</div> </div>
</div> </div>
<a href="../html/contact.html" class="nav-link">Contact</a> <a href="../html/contact.html" class="nav-link">Contact</a>
@ -76,15 +76,16 @@
<div class="footer-content"> <div class="footer-content">
<div class="footer-section"> <div class="footer-section">
<h3>Plan du site</h3> <h3>Plan du site</h3>
<!-- Ajoutez ici les liens vers les différentes sections du site --> <a href="plan-du-site.html">Consulter le plan du site</a>
</div> </div>
<div class="footer-section"> <div class="footer-section">
<h3>Mentions légales</h3> <h3>Mentions légales</h3>
<!-- Ajoutez ici les informations légales nécessaires --> <a href="mention-legal.html">Consulter nos mentions légales</a>
</div> </div>
<div class="footer-section"> <div class="footer-section">
<h3>Contact</h3> <h3>Contact</h3>
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p> <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
<p>
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p> <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
</div> </div>
<div class="footer-section horizontally-aligned"> <div class="footer-section horizontally-aligned">
@ -92,22 +93,22 @@
<div class="logo-reseaux"> <div class="logo-reseaux">
<p> <p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram"> <img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Facebook.png" alt="Facebook"> <img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/X.png" alt="X"> <img src="../img/RéseauxSociaux/X.png" alt="Logo X">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon"> <a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Youtube"> <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a> </a>
</p> </p>
<p> <p>

17
html/faq.html
View File

@ -14,7 +14,7 @@
</div> </div>
<nav class="nav-links"> <nav class="nav-links">
<a href="index.html">Accueil</a> <a href="index.html">Accueil</a>
<a href="#">Menu</a> <a href="menu.html">Menu</a>
<div class="dropdown"> <div class="dropdown">
<a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a> <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
<div class="dropdown-content"> <div class="dropdown-content">
@ -22,7 +22,7 @@
<a href="faq.html">FAQ</a> <a href="faq.html">FAQ</a>
<a href="nos-chefs.html">Nos chefs</a> <a href="nos-chefs.html">Nos chefs</a>
<a href="fournisseurs.html">Nos fournisseurs</a> <a href="fournisseurs.html">Nos fournisseurs</a>
<a href="#">Notre équipe</a> <a href="notre-equipe.html">Notre équipe</a>
</div> </div>
</div> </div>
<a href="../html/contact.html" class="nav-link">Contact</a> <a href="../html/contact.html" class="nav-link">Contact</a>
@ -112,15 +112,16 @@
<div class="footer-content"> <div class="footer-content">
<div class="footer-section"> <div class="footer-section">
<h3>Plan du site</h3> <h3>Plan du site</h3>
<!-- Ajoutez ici les liens vers les différentes sections du site --> <a href="plan-du-site.html">Consulter le plan du site</a>
</div> </div>
<div class="footer-section"> <div class="footer-section">
<h3>Mentions légales</h3> <h3>Mentions légales</h3>
<!-- Ajoutez ici les informations légales nécessaires --> <a href="mention-legal.html">Consulter nos mentions légales</a>
</div> </div>
<div class="footer-section"> <div class="footer-section">
<h3>Contact</h3> <h3>Contact</h3>
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p> <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
<p>
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p> <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
</div> </div>
<div class="footer-section horizontally-aligned"> <div class="footer-section horizontally-aligned">
@ -128,22 +129,22 @@
<div class="logo-reseaux"> <div class="logo-reseaux">
<p> <p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram"> <img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Facebook.png" alt="Facebook"> <img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/X.png" alt="X"> <img src="../img/RéseauxSociaux/X.png" alt="Logo X">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon"> <a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Youtube"> <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a> </a>
</p> </p>
<p> <p>

17
html/fournisseurs.html
View File

@ -14,7 +14,7 @@
</div> </div>
<nav class="nav-links"> <nav class="nav-links">
<a href="index.html">Accueil</a> <a href="index.html">Accueil</a>
<a href="#">Menu</a> <a href="menu.html">Menu</a>
<div class="dropdown"> <div class="dropdown">
<a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a> <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
<div class="dropdown-content"> <div class="dropdown-content">
@ -22,7 +22,7 @@
<a href="faq.html">FAQ</a> <a href="faq.html">FAQ</a>
<a href="nos-chefs.html">Nos chefs</a> <a href="nos-chefs.html">Nos chefs</a>
<a href="fournisseurs.html">Nos fournisseurs</a> <a href="fournisseurs.html">Nos fournisseurs</a>
<a href="#">Notre équipe</a> <a href="notre-equipe.html">Notre équipe</a>
</div> </div>
</div> </div>
<a href="../html/contact.html" class="nav-link">Contact</a> <a href="../html/contact.html" class="nav-link">Contact</a>
@ -73,15 +73,16 @@
<div class="footer-content"> <div class="footer-content">
<div class="footer-section"> <div class="footer-section">
<h3>Plan du site</h3> <h3>Plan du site</h3>
<!-- Ajoutez ici les liens vers les différentes sections du site --> <a href="plan-du-site.html">Consulter le plan du site</a>
</div> </div>
<div class="footer-section"> <div class="footer-section">
<h3>Mentions légales</h3> <h3>Mentions légales</h3>
<!-- Ajoutez ici les informations légales nécessaires --> <a href="mention-legal.html">Consulter nos mentions légales</a>
</div> </div>
<div class="footer-section"> <div class="footer-section">
<h3>Contact</h3> <h3>Contact</h3>
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p> <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
<p>
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p> <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
</div> </div>
<div class="footer-section horizontally-aligned"> <div class="footer-section horizontally-aligned">
@ -89,22 +90,22 @@
<div class="logo-reseaux"> <div class="logo-reseaux">
<p> <p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram"> <img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Facebook.png" alt="Facebook"> <img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/X.png" alt="X"> <img src="../img/RéseauxSociaux/X.png" alt="Logo X">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon"> <a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Youtube"> <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a> </a>
</p> </p>
<p> <p>

15
html/index.html
View File

@ -14,7 +14,7 @@
</div> </div>
<nav class="nav-links"> <nav class="nav-links">
<a href="index.html">Accueil</a> <a href="index.html">Accueil</a>
<a href="#">Menu</a> <a href="menu.html">Menu</a>
<div class="dropdown"> <div class="dropdown">
<a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a> <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
<div class="dropdown-content"> <div class="dropdown-content">
@ -155,15 +155,16 @@
<div class="footer-content"> <div class="footer-content">
<div class="footer-section"> <div class="footer-section">
<h3>Plan du site</h3> <h3>Plan du site</h3>
<!-- Ajoutez ici les liens vers les différentes sections du site --> <a href="plan-du-site.html">Consulter le plan du site</a>
</div> </div>
<div class="footer-section"> <div class="footer-section">
<h3>Mentions légales</h3> <h3>Mentions légales</h3>
<!-- Ajoutez ici les informations légales nécessaires --> <a href="mention-legal.html">Consulter nos mentions légales</a>
</div> </div>
<div class="footer-section"> <div class="footer-section">
<h3>Contact</h3> <h3>Contact</h3>
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p> <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
<p>
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p> <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
</div> </div>
<div class="footer-section horizontally-aligned"> <div class="footer-section horizontally-aligned">
@ -171,22 +172,22 @@
<div class="logo-reseaux"> <div class="logo-reseaux">
<p> <p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram"> <img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Facebook.png" alt="Facebook"> <img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/X.png" alt="X"> <img src="../img/RéseauxSociaux/X.png" alt="Logo X">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon"> <a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Youtube"> <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a> </a>
</p> </p>
<p> <p>

17
html/mention-legal.html
View File

@ -13,7 +13,7 @@
</div> </div>
<nav class="nav-links"> <nav class="nav-links">
<a href="index.html">Accueil</a> <a href="index.html">Accueil</a>
<a href="#">Menu</a> <a href="menu.html">Menu</a>
<div class="dropdown"> <div class="dropdown">
<a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a> <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
<div class="dropdown-content"> <div class="dropdown-content">
@ -21,7 +21,7 @@
<a href="faq.html">FAQ</a> <a href="faq.html">FAQ</a>
<a href="nos-chefs.html">Nos chefs</a> <a href="nos-chefs.html">Nos chefs</a>
<a href="fournisseurs.html">Nos fournisseurs</a> <a href="fournisseurs.html">Nos fournisseurs</a>
<a href="#">Notre équipe</a> <a href="notre-equipe.html">Notre équipe</a>
</div> </div>
</div> </div>
<a href="../html/contact.html" class="nav-link">Contact</a> <a href="../html/contact.html" class="nav-link">Contact</a>
@ -80,15 +80,16 @@
<div class="footer-content"> <div class="footer-content">
<div class="footer-section"> <div class="footer-section">
<h3>Plan du site</h3> <h3>Plan du site</h3>
<!-- Ajoutez ici les liens vers les différentes sections du site --> <a href="plan-du-site.html">Consulter le plan du site</a>
</div> </div>
<div class="footer-section"> <div class="footer-section">
<h3>Mentions légales</h3> <h3>Mentions légales</h3>
<!-- Ajoutez ici les informations légales nécessaires --> <a href="mention-legal.html">Consulter nos mentions légales</a>
</div> </div>
<div class="footer-section"> <div class="footer-section">
<h3>Contact</h3> <h3>Contact</h3>
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p> <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
<p>
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p> <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
</div> </div>
<div class="footer-section horizontally-aligned"> <div class="footer-section horizontally-aligned">
@ -96,22 +97,22 @@
<div class="logo-reseaux"> <div class="logo-reseaux">
<p> <p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram"> <img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Facebook.png" alt="Facebook"> <img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/X.png" alt="X"> <img src="../img/RéseauxSociaux/X.png" alt="Logo X">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon"> <a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Youtube"> <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a> </a>
</p> </p>
<p> <p>

136
html/menu.html Normal file
View File

@ -0,0 +1,136 @@
<!DOCTYPE html>
<html lang="fr-FR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../css/styles.css">
<link rel="stylesheet" href="../css/menu.css"> <!-- Ajoutez le fichier CSS spécifique pour le menu -->
<title>Menu - Neo Eat</title>
</head>
<body>
<header class="navbar">
<div class="logo">
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
</div>
<nav class="nav-links">
<a href="index.html">Accueil</a>
<a href="menu.html">Menu</a>
<div class="dropdown">
<a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
<div class="dropdown-content">
<a href="a-propos.html">Qui sommes-nous ?</a>
<a href="faq.html">FAQ</a>
<a href="nos-chefs.html">Nos chefs</a>
<a href="fournisseurs.html">Nos fournisseurs</a>
<a href="notre-equipe.html">Notre équipe</a>
</div>
</div>
<a href="../html/contact.html" class="nav-link">Contact</a>
<a href="../html/reservation.html" class="nav-link reserve-btn">Réserver une table</a>
</nav>
<!-- BARRE DU MENU BURGER -->
<div class="burger-menu">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
</header>
<div class="menu-category">
<h3>Plats Principaux</h3>
<div class="menu-items">
<div class="menu-item">
<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>
</div>
<!-- Ajoutez d'autres plats ici -->
</div>
</div>
<!-- Desserts Gastronomiques -->
<div class="menu-category">
<h3>Desserts Gastronomiques</h3>
<div class="menu-items">
<div class="menu-item">
<h4>Fondant au chocolat noir</h4>
<img src="../img/Plat/Plat2.png" alt="Fondant au chocolat noir">
<p>Servi avec une boule de glace à la vanille et une tuile aux amandes.</p>
</div>
<!-- Ajoutez d'autres desserts gastronomiques ici -->
</div>
</div>
<!-- Menu Éphémère -->
<div class="menu-category">
<h3>Menu Éphémère</h3>
<div class="menu-items">
<div class="menu-item">
<h4>Tartare de thon mariné</h4>
<img src="../img/Plat/Plat3.png" alt="Tartare de thon mariné">
<p>Accompagné d'avocat frais et de vinaigrette au wasabi.</p>
</div>
<!-- Ajoutez d'autres éléments du menu éphémère ici -->
</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>
<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">
<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 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()">
<span>&#x1F680;</span>
</button>
</body>
</html>

24
html/nos-chefs.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../css/styles.css"> <link rel="stylesheet" href="../css/styles.css">
<link rel="stylesheet" href="../css/nos-chefs.css"> <!-- Ajoutez le fichier CSS spécifique pour cette page --> <link rel="stylesheet" href="../css/nos-chefs.css">
<title>Nos Chefs - Neo Eat</title> <title>Nos Chefs - Neo Eat</title>
</head> </head>
<body> <body>
@ -14,7 +14,7 @@
</div> </div>
<nav class="nav-links"> <nav class="nav-links">
<a href="index.html">Accueil</a> <a href="index.html">Accueil</a>
<a href="#">Menu</a> <a href="menu.html">Menu</a>
<div class="dropdown"> <div class="dropdown">
<a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a> <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
<div class="dropdown-content"> <div class="dropdown-content">
@ -22,7 +22,7 @@
<a href="faq.html">FAQ</a> <a href="faq.html">FAQ</a>
<a href="nos-chefs.html">Nos chefs</a> <a href="nos-chefs.html">Nos chefs</a>
<a href="fournisseurs.html">Nos fournisseurs</a> <a href="fournisseurs.html">Nos fournisseurs</a>
<a href="#">Notre équipe</a> <a href="notre-equipe.html">Notre équipe</a>
</div> </div>
</div> </div>
<a href="../html/contact.html" class="nav-link">Contact</a> <a href="../html/contact.html" class="nav-link">Contact</a>
@ -49,7 +49,7 @@
</div> </div>
<div class="chef"> <div class="chef">
<img src="../img/ChefCuisto/cedricgrolet.png" alt="Cedric Grolet"> <img src="../img/ChefCuisto/CedricGrolet.png" alt="Cedric Grolet">
<h3>Cedric Grolet</h3> <h3>Cedric Grolet</h3>
<p>Pâtissier renommé, célèbre pour ses créations artistiques et innovantes.</p> <p>Pâtissier renommé, célèbre pour ses créations artistiques et innovantes.</p>
</div> </div>
@ -84,8 +84,6 @@
<p>Cheffe étoilée française, reconnue pour son expertise culinaire exceptionnelle et son influence marquante dans le monde de la gastronomie.</p> <p>Cheffe étoilée française, reconnue pour son expertise culinaire exceptionnelle et son influence marquante dans le monde de la gastronomie.</p>
</div> </div>
<!-- Ajoute d'autres chefs de la même manière -->
</div> </div>
</section> </section>
</div> </div>
@ -94,15 +92,16 @@
<div class="footer-content"> <div class="footer-content">
<div class="footer-section"> <div class="footer-section">
<h3>Plan du site</h3> <h3>Plan du site</h3>
<!-- Ajoutez ici les liens vers les différentes sections du site --> <a href="plan-du-site.html">Consulter le plan du site</a>
</div> </div>
<div class="footer-section"> <div class="footer-section">
<h3>Mentions légales</h3> <h3>Mentions légales</h3>
<!-- Ajoutez ici les informations légales nécessaires --> <a href="mention-legal.html">Consulter nos mentions légales</a>
</div> </div>
<div class="footer-section"> <div class="footer-section">
<h3>Contact</h3> <h3>Contact</h3>
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p> <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
<p>
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p> <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
</div> </div>
<div class="footer-section horizontally-aligned"> <div class="footer-section horizontally-aligned">
@ -110,22 +109,22 @@
<div class="logo-reseaux"> <div class="logo-reseaux">
<p> <p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram"> <img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Facebook.png" alt="Facebook"> <img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/X.png" alt="X"> <img src="../img/RéseauxSociaux/X.png" alt="Logo X">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon"> <a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Youtube"> <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a> </a>
</p> </p>
<p> <p>
@ -143,6 +142,5 @@
</footer> </footer>
<script src="../js/script.js"></script> <script src="../js/script.js"></script>
<!-- ... (vos autres scripts) ... -->
</body> </body>
</html> </html>

29
html/notre-equipe.html
View File

@ -16,7 +16,7 @@
</div> </div>
<nav class="nav-links"> <nav class="nav-links">
<a href="index.html">Accueil</a> <a href="index.html">Accueil</a>
<a href="#">Menu</a> <a href="menu.html">Menu</a>
<div class="dropdown"> <div class="dropdown">
<a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a> <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
<div class="dropdown-content"> <div class="dropdown-content">
@ -24,7 +24,7 @@
<a href="faq.html">FAQ</a> <a href="faq.html">FAQ</a>
<a href="nos-chefs.html">Nos chefs</a> <a href="nos-chefs.html">Nos chefs</a>
<a href="fournisseurs.html">Nos fournisseurs</a> <a href="fournisseurs.html">Nos fournisseurs</a>
<a href="#">Notre équipe</a> <a href="notre-equipe.html">Notre équipe</a>
</div> </div>
</div> </div>
<a href="../html/contact.html" class="nav-link">Contact</a> <a href="../html/contact.html" class="nav-link">Contact</a>
@ -56,7 +56,7 @@
<h4>CURRICULUM VITAE</h4> <h4>CURRICULUM VITAE</h4>
<p>Vous pouvez télécharger le CV de Moncef STITI ci-dessous :</p> <p>Vous pouvez télécharger le CV de Moncef STITI ci-dessous :</p>
<a class="cv-link" href="../html/CV/MoncefSTITI.html" download="MoncefSTITI_CV.html">Télécharger le CV</a> <a class="cv-link" href="../html/CV/MoncefSTITI.html" download="MoncefSTITI_CV.html">Télécharger le CV</a>
<a class="cv-link" href="../html/CV/MoncefSTITI.html" onclick="window.open('../html/CV/MoncefSTITI.html', '_blank'); return false;">Imprimer le CV</a> <a class="cv-link" href="javascript:void(0);" onclick="printCV('../html/CV/MoncefSTITI.html');">Imprimer le CV</a>
</div> </div>
<div class="membre-equipe"> <div class="membre-equipe">
@ -71,12 +71,12 @@
<div class="cv-container"> <div class="cv-container">
<h4>CURRICULUM VITAE</h4> <h4>CURRICULUM VITAE</h4>
<p>Vous pouvez télécharger le CV de Marco ORFAO ci-dessous :</p> <p>Vous pouvez télécharger le CV de Marco ORFAO ci-dessous :</p>
<a class="cv-link" href="../html/CV/MoncefSTITI.html" download="MoncefSTITI_CV.html">Télécharger le CV</a> <a class="cv-link" href="../html/CV/MarcoORFAO.html" download="MarcoORFAO.html">Télécharger le CV</a>
<a class="cv-link" href="../html/CV/MoncefSTITI.html" onclick="window.open('../html/CV/MoncefSTITI.html', '_blank'); return false;">Imprimer le CV</a> <a class="cv-link" href="../html/CV/MarcoORFAO.html" onclick="window.open('../html/CV/MarcoORFAO.html', '_blank'); return false;">Imprimer le CV</a>
</div> </div>
<div class="membre-equipe"> <div class="membre-equipe">
<img src="../img/NotreEquipe/MoncefSTITI.png" alt="Photo de Moncef STITI"> <img src="../img/NotreEquipe/MoncefSTITI.png" alt="Photo de Louay DARDOURI">
<div class="membre-info"> <div class="membre-info">
<h3>Louay DARDOURI</h3> <h3>Louay DARDOURI</h3>
<p>Rôle : Cofondateur et ingénieur informatique</p> <p>Rôle : Cofondateur et ingénieur informatique</p>
@ -87,8 +87,8 @@
<div class="cv-container"> <div class="cv-container">
<h4>CURRICULUM VITAE</h4> <h4>CURRICULUM VITAE</h4>
<p>Vous pouvez télécharger le CV de Louay DARDOURI ci-dessous :</p> <p>Vous pouvez télécharger le CV de Louay DARDOURI ci-dessous :</p>
<a class="cv-link" href="../html/CV/MoncefSTITI.html" download="MoncefSTITI_CV.html">Télécharger le CV</a> <a class="cv-link" href="../html/CV/LouayDARDOURI.html" download="LouayDARDOURI.html">Télécharger le CV</a>
<a class="cv-link" href="../html/CV/MoncefSTITI.html" onclick="window.open('../html/CV/MoncefSTITI.html', '_blank'); return false;">Imprimer le CV</a> <a class="cv-link" href="../html/CV/LouayDARDOURI.html" onclick="window.open('../html/CV/LouayDARDOURI.html', '_blank'); return false;">Imprimer le CV</a>
</div> </div>
</section> </section>
</div> </div>
@ -97,15 +97,16 @@
<div class="footer-content"> <div class="footer-content">
<div class="footer-section"> <div class="footer-section">
<h3>Plan du site</h3> <h3>Plan du site</h3>
<!-- Ajoutez ici les liens vers les différentes sections du site --> <a href="plan-du-site.html">Consulter le plan du site</a>
</div> </div>
<div class="footer-section"> <div class="footer-section">
<h3>Mentions légales</h3> <h3>Mentions légales</h3>
<!-- Ajoutez ici les informations légales nécessaires --> <a href="mention-legal.html">Consulter nos mentions légales</a>
</div> </div>
<div class="footer-section"> <div class="footer-section">
<h3>Contact</h3> <h3>Contact</h3>
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p> <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
<p>
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p> <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
</div> </div>
<div class="footer-section horizontally-aligned"> <div class="footer-section horizontally-aligned">
@ -113,22 +114,22 @@
<div class="logo-reseaux"> <div class="logo-reseaux">
<p> <p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram"> <img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Facebook.png" alt="Facebook"> <img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/X.png" alt="X"> <img src="../img/RéseauxSociaux/X.png" alt="Logo X">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon"> <a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Youtube"> <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a> </a>
</p> </p>
<p> <p>

125
html/plan-du-site.html Normal file
View File

@ -0,0 +1,125 @@
<!DOCTYPE html>
<html lang="fr-FR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../css/styles.css">
<link rel="stylesheet" href="../css/plan-du-site.css">
<title>Plan du site - Neo Eat</title>
</head>
<body>
<header class="navbar">
<div class="logo">
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
</div>
<nav class="nav-links">
<a href="index.html">Accueil</a>
<a href="menu.html">Menu</a>
<div class="dropdown">
<a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
<div class="dropdown-content">
<a href="a-propos.html">Qui sommes-nous ?</a>
<a href="faq.html">FAQ</a>
<a href="nos-chefs.html">Nos chefs</a>
<a href="fournisseurs.html">Nos fournisseurs</a>
<a href="notre-equipe.html">Notre équipe</a>
</div>
</div>
<a href="../html/contact.html" class="nav-link">Contact</a>
<a href="../html/reservation.html" class="nav-link reserve-btn">Réserver une table</a>
</nav>
<!-- BARRE DU MENU BURGER -->
<div class="burger-menu">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
</header>
<div class="content">
<section class="plan-du-site-section">
<h2>Plan du site</h2>
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="menu.html">Menu </a></li>
<li>
<ul>
<li><a href="a-propos.html">Qui sommes-nous ?</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="nos-chefs.html">Nos chefs</a></li>
<li><a href="fournisseurs.html">Nos fournisseurs</a></li>
<li><a href="notre-equipe.html">Notre équipe</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
<li><a href="reservation.html">Réserver une table</a></li>
<li><a href="mention-legale.html">Mentions légales</a></li>
<li><a href="plan-du-site.html">Plan du site</a></li>
</ul>
</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">
<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 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()">
<span>&#x1F680;</span>
</button>
</body>
</html>

17
html/reservation.html
View File

@ -14,7 +14,7 @@
</div> </div>
<nav class="nav-links"> <nav class="nav-links">
<a href="index.html">Accueil</a> <a href="index.html">Accueil</a>
<a href="#">Menu</a> <a href="menu.html">Menu</a>
<div class="dropdown"> <div class="dropdown">
<a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a> <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
<div class="dropdown-content"> <div class="dropdown-content">
@ -22,7 +22,7 @@
<a href="faq.html">FAQ</a> <a href="faq.html">FAQ</a>
<a href="nos-chefs.html">Nos chefs</a> <a href="nos-chefs.html">Nos chefs</a>
<a href="fournisseurs.html">Nos fournisseurs</a> <a href="fournisseurs.html">Nos fournisseurs</a>
<a href="#">Notre équipe</a> <a href="notre-equipe.html">Notre équipe</a>
</div> </div>
</div> </div>
<a href="../html/contact.html" class="nav-link">Contact</a> <a href="../html/contact.html" class="nav-link">Contact</a>
@ -81,15 +81,16 @@
<div class="footer-content"> <div class="footer-content">
<div class="footer-section"> <div class="footer-section">
<h3>Plan du site</h3> <h3>Plan du site</h3>
<!-- Ajoutez ici les liens vers les différentes sections du site --> <a href="plan-du-site.html">Consulter le plan du site</a>
</div> </div>
<div class="footer-section"> <div class="footer-section">
<h3>Mentions légales</h3> <h3>Mentions légales</h3>
<!-- Ajoutez ici les informations légales nécessaires --> <a href="mention-legal.html">Consulter nos mentions légales</a>
</div> </div>
<div class="footer-section"> <div class="footer-section">
<h3>Contact</h3> <h3>Contact</h3>
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p> <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
<p>
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p> <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
</div> </div>
<div class="footer-section horizontally-aligned"> <div class="footer-section horizontally-aligned">
@ -97,22 +98,22 @@
<div class="logo-reseaux"> <div class="logo-reseaux">
<p> <p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram"> <img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Facebook.png" alt="Facebook"> <img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/X.png" alt="X"> <img src="../img/RéseauxSociaux/X.png" alt="Logo X">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon"> <a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Youtube"> <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a> </a>
</p> </p>
<p> <p>

17
html/reservationSucces.html
View File

@ -14,7 +14,7 @@
</div> </div>
<nav class="nav-links"> <nav class="nav-links">
<a href="index.html">Accueil</a> <a href="index.html">Accueil</a>
<a href="#">Menu</a> <a href="menu.html">Menu</a>
<div class="dropdown"> <div class="dropdown">
<a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a> <a class="dropdown-btn">À propos <i class="ri-arrow-down-s-line"></i></a>
<div class="dropdown-content"> <div class="dropdown-content">
@ -22,7 +22,7 @@
<a href="faq.html">FAQ</a> <a href="faq.html">FAQ</a>
<a href="nos-chefs.html">Nos chefs</a> <a href="nos-chefs.html">Nos chefs</a>
<a href="fournisseurs.html">Nos fournisseurs</a> <a href="fournisseurs.html">Nos fournisseurs</a>
<a href="#">Notre équipe</a> <a href="notre-equipe.html">Notre équipe</a>
</div> </div>
</div> </div>
<a href="../html/contact.html" class="nav-link">Contact</a> <a href="../html/contact.html" class="nav-link">Contact</a>
@ -49,15 +49,16 @@
<div class="footer-content"> <div class="footer-content">
<div class="footer-section"> <div class="footer-section">
<h3>Plan du site</h3> <h3>Plan du site</h3>
<!-- Ajoutez ici les liens vers les différentes sections du site --> <a href="plan-du-site.html">Consulter le plan du site</a>
</div> </div>
<div class="footer-section"> <div class="footer-section">
<h3>Mentions légales</h3> <h3>Mentions légales</h3>
<!-- Ajoutez ici les informations légales nécessaires --> <a href="mention-legal.html">Consulter nos mentions légales</a>
</div> </div>
<div class="footer-section"> <div class="footer-section">
<h3>Contact</h3> <h3>Contact</h3>
<p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p> <p>Email : <a href="mailto:neoeat.sav@gmail.com">neoeat.sav@gmail.com</a></p>
<p>
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p> <p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
</div> </div>
<div class="footer-section horizontally-aligned"> <div class="footer-section horizontally-aligned">
@ -65,22 +66,22 @@
<div class="logo-reseaux"> <div class="logo-reseaux">
<p> <p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram"> <img src="../img/RéseauxSociaux/Instagram.png" alt="Logo Instagram">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.facebook.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Facebook.png" alt="Facebook"> <img src="../img/RéseauxSociaux/Facebook.png" alt="Logo Facebook">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon"> <a href="https://www.X.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/X.png" alt="X"> <img src="../img/RéseauxSociaux/X.png" alt="Logo X">
</a> </a>
</p> </p>
<p> <p>
<a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon"> <a href="https://www.youtube.com/channel/UCNSi53sTJ7LYqgonJ4CfCCQ" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Youtube"> <img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a> </a>
</p> </p>
<p> <p>

BIN
img/RéseauxSociaux/logo-telephone.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

11
js/notre-equipe.js
View File

@ -1,10 +1 @@
function printCV(cvUrl) { /*trouver comment imprimer */
var newWindow = window.open(cvUrl, '_blank');
if (newWindow) {
newWindow.onload = function () {
newWindow.print();
};
} else {
alert("Impossible d'ouvrir une nouvelle fenêtre. Veuillez autoriser les nouvelles fenêtres.");
}
}