Correction de bugs + ajout des fichiers html crée par marco

This commit is contained in:
Moncef STITI 2024-01-17 14:30:18 +01:00
parent 4683b04796
commit 2306a47365
15 changed files with 756 additions and 105 deletions

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 dun Git, Réalisation dun Makefile</li>
<li>Configuration machine virtuelle (Terminal) - Installation dun Dual Boot (Grub),
Installation de Windows 7 / Arch Linux, Création de profils utilisateurs</li>
<li>Simulation de feux dartifice (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 dun administrateur réseau</li>
<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>
</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 dun Git, Réalisation dun Makefile</li>
<li>Configuration machine virtuelle (Terminal) - Installation dun Dual Boot (Grub),
Installation de Windows 7 / Arch Linux, Création de profils utilisateurs</li>
<li>Simulation de feux dartifice (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 dun administrateur réseau</li>
<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>
</html>

View File

@ -4,7 +4,78 @@
<head>
<meta charset="UTF-8">
<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>
</head>
@ -16,18 +87,18 @@
<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>
<p>2023 - 2024 | IUT de Fontainebleau</p>
<p>2023 | Lycée Durzy (45700 Villemandeur)</p>
</section>
<section class="skills">
<section class="competence">
<h2>Informatique</h2>
<h3>Langages :</h3>
<ul>

View File

@ -14,7 +14,7 @@
</div>
<nav class="nav-links">
<a href="index.html">Accueil</a>
<a href="#">Menu</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">
@ -22,7 +22,7 @@
<a href="faq.html">FAQ</a>
<a href="nos-chefs.html">Nos chefs</a>
<a href="fournisseurs.html">Nos fournisseurs</a>
<a href="#">Notre équipe</a>
<a href="notre-equipe.html">Notre équipe</a>
</div>
</div>
<a href="../html/contact.html" class="nav-link">Contact</a>
@ -37,6 +37,14 @@
</div>
</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">
<section class="about-section">
<h2>À propos de Neo Eat</h2>
@ -64,15 +72,16 @@
<div class="footer-content">
<div class="footer-section">
<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 class="footer-section">
<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 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">
@ -80,22 +89,22 @@
<div class="logo-reseaux">
<p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram">
<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="Facebook">
<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="X">
<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="Youtube">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a>
</p>
<p>

View File

@ -14,7 +14,7 @@
</div>
<nav class="nav-links">
<a href="index.html">Accueil</a>
<a href="#">Menu</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">
@ -22,7 +22,7 @@
<a href="faq.html">FAQ</a>
<a href="nos-chefs.html">Nos chefs</a>
<a href="fournisseurs.html">Nos fournisseurs</a>
<a href="#">Notre équipe</a>
<a href="notre-equipe.html">Notre équipe</a>
</div>
</div>
<a href="../html/contact.html" class="nav-link">Contact</a>
@ -76,15 +76,16 @@
<div class="footer-content">
<div class="footer-section">
<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 class="footer-section">
<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 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">
@ -92,22 +93,22 @@
<div class="logo-reseaux">
<p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram">
<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="Facebook">
<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="X">
<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="Youtube">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a>
</p>
<p>

View File

@ -14,7 +14,7 @@
</div>
<nav class="nav-links">
<a href="index.html">Accueil</a>
<a href="#">Menu</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">
@ -22,7 +22,7 @@
<a href="faq.html">FAQ</a>
<a href="nos-chefs.html">Nos chefs</a>
<a href="fournisseurs.html">Nos fournisseurs</a>
<a href="#">Notre équipe</a>
<a href="notre-equipe.html">Notre équipe</a>
</div>
</div>
<a href="../html/contact.html" class="nav-link">Contact</a>
@ -112,15 +112,16 @@
<div class="footer-content">
<div class="footer-section">
<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 class="footer-section">
<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 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">
@ -128,22 +129,22 @@
<div class="logo-reseaux">
<p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram">
<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="Facebook">
<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="X">
<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="Youtube">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a>
</p>
<p>

View File

@ -14,7 +14,7 @@
</div>
<nav class="nav-links">
<a href="index.html">Accueil</a>
<a href="#">Menu</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">
@ -22,7 +22,7 @@
<a href="faq.html">FAQ</a>
<a href="nos-chefs.html">Nos chefs</a>
<a href="fournisseurs.html">Nos fournisseurs</a>
<a href="#">Notre équipe</a>
<a href="notre-equipe.html">Notre équipe</a>
</div>
</div>
<a href="../html/contact.html" class="nav-link">Contact</a>
@ -73,15 +73,16 @@
<div class="footer-content">
<div class="footer-section">
<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 class="footer-section">
<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 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">
@ -89,22 +90,22 @@
<div class="logo-reseaux">
<p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram">
<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="Facebook">
<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="X">
<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="Youtube">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a>
</p>
<p>

View File

@ -14,7 +14,7 @@
</div>
<nav class="nav-links">
<a href="index.html">Accueil</a>
<a href="#">Menu</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">
@ -22,7 +22,7 @@
<a href="faq.html">FAQ</a>
<a href="nos-chefs.html">Nos chefs</a>
<a href="fournisseurs.html">Nos fournisseurs</a>
<a href="#">Notre équipe</a>
<a href="notre-equipe.html">Notre équipe</a>
</div>
</div>
<a href="../html/contact.html" class="nav-link">Contact</a>
@ -155,15 +155,16 @@
<div class="footer-content">
<div class="footer-section">
<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 class="footer-section">
<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 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">
@ -171,22 +172,22 @@
<div class="logo-reseaux">
<p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram">
<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="Facebook">
<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="X">
<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="Youtube">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a>
</p>
<p>

View File

@ -13,7 +13,7 @@
</div>
<nav class="nav-links">
<a href="index.html">Accueil</a>
<a href="#">Menu</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">
@ -21,7 +21,7 @@
<a href="faq.html">FAQ</a>
<a href="nos-chefs.html">Nos chefs</a>
<a href="fournisseurs.html">Nos fournisseurs</a>
<a href="#">Notre équipe</a>
<a href="notre-equipe.html">Notre équipe</a>
</div>
</div>
<a href="../html/contact.html" class="nav-link">Contact</a>
@ -80,15 +80,16 @@
<div class="footer-content">
<div class="footer-section">
<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 class="footer-section">
<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 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">
@ -96,22 +97,22 @@
<div class="logo-reseaux">
<p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram">
<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="Facebook">
<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="X">
<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="Youtube">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a>
</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>

View File

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../css/styles.css">
<link rel="stylesheet" href="../css/nos-chefs.css"> <!-- Ajoutez le fichier CSS spécifique pour cette page -->
<link rel="stylesheet" href="../css/nos-chefs.css">
<title>Nos Chefs - Neo Eat</title>
</head>
<body>
@ -14,7 +14,7 @@
</div>
<nav class="nav-links">
<a href="index.html">Accueil</a>
<a href="#">Menu</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">
@ -22,7 +22,7 @@
<a href="faq.html">FAQ</a>
<a href="nos-chefs.html">Nos chefs</a>
<a href="fournisseurs.html">Nos fournisseurs</a>
<a href="#">Notre équipe</a>
<a href="notre-equipe.html">Notre équipe</a>
</div>
</div>
<a href="../html/contact.html" class="nav-link">Contact</a>
@ -49,7 +49,7 @@
</div>
<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>
<p>Pâtissier renommé, célèbre pour ses créations artistiques et innovantes.</p>
</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>
</div>
<!-- Ajoute d'autres chefs de la même manière -->
</div>
</section>
</div>
@ -94,15 +92,16 @@
<div class="footer-content">
<div class="footer-section">
<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 class="footer-section">
<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 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">
@ -110,22 +109,22 @@
<div class="logo-reseaux">
<p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram">
<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="Facebook">
<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="X">
<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="Youtube">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a>
</p>
<p>
@ -143,6 +142,5 @@
</footer>
<script src="../js/script.js"></script>
<!-- ... (vos autres scripts) ... -->
</body>
</html>

View File

@ -16,7 +16,7 @@
</div>
<nav class="nav-links">
<a href="index.html">Accueil</a>
<a href="#">Menu</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">
@ -24,7 +24,7 @@
<a href="faq.html">FAQ</a>
<a href="nos-chefs.html">Nos chefs</a>
<a href="fournisseurs.html">Nos fournisseurs</a>
<a href="#">Notre équipe</a>
<a href="notre-equipe.html">Notre équipe</a>
</div>
</div>
<a href="../html/contact.html" class="nav-link">Contact</a>
@ -56,7 +56,7 @@
<h4>CURRICULUM VITAE</h4>
<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" 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 class="membre-equipe">
@ -71,12 +71,12 @@
<div class="cv-container">
<h4>CURRICULUM VITAE</h4>
<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/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" download="MarcoORFAO.html">Télécharger 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 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">
<h3>Louay DARDOURI</h3>
<p>Rôle : Cofondateur et ingénieur informatique</p>
@ -87,8 +87,8 @@
<div class="cv-container">
<h4>CURRICULUM VITAE</h4>
<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/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" download="LouayDARDOURI.html">Télécharger 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>
</section>
</div>
@ -97,15 +97,16 @@
<div class="footer-content">
<div class="footer-section">
<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 class="footer-section">
<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 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">
@ -113,22 +114,22 @@
<div class="logo-reseaux">
<p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram">
<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="Facebook">
<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="X">
<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="Youtube">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a>
</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>

View File

@ -14,7 +14,7 @@
</div>
<nav class="nav-links">
<a href="index.html">Accueil</a>
<a href="#">Menu</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">
@ -22,7 +22,7 @@
<a href="faq.html">FAQ</a>
<a href="nos-chefs.html">Nos chefs</a>
<a href="fournisseurs.html">Nos fournisseurs</a>
<a href="#">Notre équipe</a>
<a href="notre-equipe.html">Notre équipe</a>
</div>
</div>
<a href="../html/contact.html" class="nav-link">Contact</a>
@ -81,15 +81,16 @@
<div class="footer-content">
<div class="footer-section">
<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 class="footer-section">
<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 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">
@ -97,22 +98,22 @@
<div class="logo-reseaux">
<p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram">
<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="Facebook">
<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="X">
<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="Youtube">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a>
</p>
<p>

View File

@ -14,7 +14,7 @@
</div>
<nav class="nav-links">
<a href="index.html">Accueil</a>
<a href="#">Menu</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">
@ -22,7 +22,7 @@
<a href="faq.html">FAQ</a>
<a href="nos-chefs.html">Nos chefs</a>
<a href="fournisseurs.html">Nos fournisseurs</a>
<a href="#">Notre équipe</a>
<a href="notre-equipe.html">Notre équipe</a>
</div>
</div>
<a href="../html/contact.html" class="nav-link">Contact</a>
@ -49,15 +49,16 @@
<div class="footer-content">
<div class="footer-section">
<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 class="footer-section">
<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 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">
@ -65,22 +66,22 @@
<div class="logo-reseaux">
<p>
<a href="https://www.instagram.com/neoeat75/" target="_blank" class="social-icon">
<img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram">
<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="Facebook">
<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="X">
<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="Youtube">
<img src="../img/RéseauxSociaux/Youtube.png" alt="Logo Youtube">
</a>
</p>
<p>