161 lines
6.5 KiB
HTML
161 lines
6.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr-FR">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="../css/styles.css">
|
|
<title>Neo Eat</title>
|
|
</head>
|
|
<body>
|
|
<header class="navbar">
|
|
<div class="logo">
|
|
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
|
|
</div>
|
|
<nav class="nav-links">
|
|
<a href="#" class="nav-link">Accueil</a>
|
|
<a href="#" class="nav-link">Menu</a>
|
|
<a href="#" class="nav-link">À propos</a>
|
|
<a href="#" class="nav-link">Contact</a>
|
|
<a href="#" class="nav-link reserve-btn">Réserver une table</a>
|
|
</nav>
|
|
|
|
<!-- BARRE DU MENU BURGER -->
|
|
<div class="burger-menu">
|
|
<div class="bar"></div>
|
|
<div class="bar"></div>
|
|
<div class="bar"></div>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="content">
|
|
<!-- Vidéo et message de bienvenue -->
|
|
<section class="welcome-section">
|
|
<h1>Bienvenue chez Neo Eat !</h1>
|
|
<video controls autoplay class="welcome-video">
|
|
<source src="../video/VideoExplicationConcept.mp4" type="video/mp4">
|
|
Votre navigateur ne supporte pas les vidéos.
|
|
</video>
|
|
</section>
|
|
|
|
<!-- Section des chefs -->
|
|
<section class="chef-section">
|
|
<h2>Nos créateurs culinaires</h2>
|
|
<div class="chef-container">
|
|
<div class="chef">
|
|
<h3>Philippe Etchebest</h3>
|
|
<img src="../img/ChefCuisto/Etchebest.png" alt="Chef Philippe Etchebest">
|
|
<p>Rencontrez notre chef étoilé, Philippe Etchebest, passionné de cuisine depuis toujours.</p>
|
|
</div>
|
|
|
|
<div class="chef">
|
|
<h3>Cyril Lignac</h3>
|
|
<img src="../img/ChefCuisto/CyrilLignac.jpg" alt="Chef Cyril Lignac">
|
|
<p>Découvrez les créations innovantes de notre chef renommé, Cyril Lignac.</p>
|
|
</div>
|
|
|
|
<div class="chef">
|
|
<h3>Gordon Ramsay</h3>
|
|
<img src="../img/ChefCuisto/GordonRamsay.jpg" alt="Chef Gordon Ramsay">
|
|
<p>Savourez des plats exquis préparés par le célèbre chef Gordon Ramsay.</p>
|
|
</div>
|
|
|
|
<div class="chef">
|
|
<h3>Thierry Marx</h3>
|
|
<img src="../img/ChefCuisto/ThierryMarx.jpg" alt="Chef Thierry Marx">
|
|
<p>Explorez le monde culinaire unique conçu par le chef étoilé Thierry Marx.</p>
|
|
</div>
|
|
</div>
|
|
<div class="voir-plus">
|
|
<a href="#" class="voir-plus-btn">Voir plus de chefs</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="plats-populaires">
|
|
<h2>Nos plats les plus populaires</h2>
|
|
<div class="plat-container">
|
|
<div class="plat">
|
|
<h3>Filet de bar et courgette</h3>
|
|
<img src="../img/Plat/Plat1.png" alt="Plat 1">
|
|
<p>Filet de bar et son bonbon de Pélardon au pistou sur son nid de spaghetti de courgette.</p>
|
|
</div>
|
|
|
|
<div class="plat">
|
|
<h3>Pâtes à la truffe</h3>
|
|
<img src="../img/Plat/Plat2.png" alt="Plat 2">
|
|
<p>Pâte à la truffe artisanale agrémentée de copeaux de parmesan fondants.</p>
|
|
</div>
|
|
|
|
<div class="plat">
|
|
<h3>Burger Ritz</h3>
|
|
<img src="../img/Plat/Plat3.png" alt="Plat 3">
|
|
<p>Burger Ritz accompagné de frites croustillantes et d'une sauce maison secrète.</p>
|
|
</div>
|
|
</div>
|
|
<div class="voir-plus">
|
|
<a href="#" class="voir-plus-btn">Voir plus de plats</a>
|
|
</div>
|
|
</section>
|
|
<footer class="footer">
|
|
<div class="footer-content">
|
|
<div class="footer-section">
|
|
<h3>Plan du site</h3>
|
|
<!-- Ajoutez ici les liens vers les différentes sections du site -->
|
|
</div>
|
|
<div class="footer-section">
|
|
<h3>Mentions légales</h3>
|
|
<!-- Ajoutez ici les informations légales nécessaires -->
|
|
</div>
|
|
<div class="footer-section">
|
|
<h3>Contact</h3>
|
|
<p>Email : <a href="mailto:info@neo-eat.com">info@neo-eat.com</a></p>
|
|
<p>Téléphone : <a href="tel:+33175489632">+33 01 75 48 96 32</a></p>
|
|
</div>
|
|
<div class="footer-section horizontally-aligned">
|
|
<h3>Réseaux sociaux</h3>
|
|
<div class="social-icons">
|
|
<p>
|
|
<a href="https://www.instagram.com/neoeat/" target="_blank" class="social-icon">
|
|
<img src="../img/RéseauxSociaux/Instagram.png" alt="Instagram">
|
|
</a>
|
|
</p>
|
|
<p>
|
|
<a href="https://www.facebook.com/neoeat/" target="_blank" class="social-icon">
|
|
<img src="../img/RéseauxSociaux/Facebook.png" alt="Facebook">
|
|
</a>
|
|
</p>
|
|
<p>
|
|
<a href="https://www.X.com/neoeat/" target="_blank" class="social-icon">
|
|
<img src="../img/RéseauxSociaux/X.png" alt="X">
|
|
</a>
|
|
</p>
|
|
<p>
|
|
<a href="https://www.Youtube.com/neoeat/" target="_blank" class="social-icon">
|
|
<img src="../img/RéseauxSociaux/Youtube.png" alt="Youtube">
|
|
</a>
|
|
</p>
|
|
<p>
|
|
<a href="https://www.TripAdvisor.com/neoeat/" target="_blank" class="social-icon">
|
|
<img src="../img/RéseauxSociaux/Tripadvisor.png" alt="TripAdvisor">
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<div class="footer-signature">
|
|
<img src="../img/Logo/LogoNeoEat.png" alt="Neo Eat Logo">
|
|
<p>© 2024 Neo Eat. Tous droits réservés.</p>
|
|
<p>Une bouchée dans le futur.</p>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
<script src="../js/script.js"></script>
|
|
<button id="scrollTopBtn" onclick="scrollToTop()">
|
|
<span>↑</span>
|
|
</button>
|
|
|
|
</body>
|
|
</html>
|