diff --git a/css/styles.css b/css/styles.css index c77d4ad..2f89b46 100644 --- a/css/styles.css +++ b/css/styles.css @@ -2,6 +2,7 @@ body { margin: 0; padding: 0; font-family: 'Arial', sans-serif; + background-color: #F2F2F2; } .navbar { @@ -13,8 +14,8 @@ body { } .logo img { - width: 3cm; - height: 1.5cm; + width: 4.7cm; + height: 1.7cm; margin-left: 2cm; } @@ -27,16 +28,16 @@ body { color: white; text-decoration: none; margin: 0 15px; + transition: color 0.3s ease; } .reserve-btn { background-color: #FFB039; padding: 10px 20px; border-radius: 10px; + color: #4A305A; } -/* ... (code précédent) */ - .burger-menu { display: none; cursor: pointer; @@ -49,6 +50,10 @@ body { margin: 6px 0; } +.nav-link:hover { + color: #87CEEB; +} + @media screen and (max-width: 768px) { .nav-links { display: none; @@ -74,3 +79,88 @@ body { display: block; } } + +.content { + max-width: 1380px; + margin: 15px auto; + padding: 0 20px; + background-color: white; + border-radius: 10px; + 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 { + color: #4A305A; + text-align: center; +} + +p { + color: #333; + font-size: 16px; + line-height: 1.5; +} + +.welcome-section { + margin-top: 20px; + text-align: center; +} + +.welcome-video { + width: 90%; /* largeur de la fenêtre de la vidéo */ + max-height: 400px; + margin-bottom: 20px; +} \ No newline at end of file diff --git a/html/index.html b/html/index.html index bb358e2..6b95e6f 100644 --- a/html/index.html +++ b/html/index.html @@ -1,5 +1,5 @@ - + @@ -9,7 +9,7 @@
+ +
@@ -25,7 +27,53 @@
- +
+ +
+

Bienvenue chez Neo Eat !

+ +
+ + +
+

Nos créateurs culinaires

+
+
+

Philippe Etchebest

+ Chef Philippe Etchebest +

Rencontrez notre chef étoilé, Philippe Etchebest, passionné de cuisine depuis toujours.

+
+ +
+

Cyril Lignac

+ Chef Cyril Lignac +

Découvrez les créations innovantes de notre chef renommé, Cyril Lignac.

+
+ +
+

Gordon Ramsay

+ Chef Gordon Ramsay +

Savourez des plats exquis préparés par le célèbre chef Gordon Ramsay.

+
+ +
+

Thierry Marx

+ Chef Thierry Marx +

Explorez le monde culinaire unique conçu par le chef étoilé Thierry Marx.

+
+
+
+ Voir plus de chefs +
+
+ +
+ +
+
diff --git a/img/.DS_Store b/img/.DS_Store new file mode 100644 index 0000000..fc52e7b Binary files /dev/null and b/img/.DS_Store differ diff --git a/img/ChefCuisto/.DS_Store b/img/ChefCuisto/.DS_Store new file mode 100644 index 0000000..abd4276 Binary files /dev/null and b/img/ChefCuisto/.DS_Store differ diff --git a/img/ChefCuisto/CyrilLignac.jpg b/img/ChefCuisto/CyrilLignac.jpg new file mode 100644 index 0000000..c0a9565 Binary files /dev/null and b/img/ChefCuisto/CyrilLignac.jpg differ diff --git a/img/ChefCuisto/Etchebest.png b/img/ChefCuisto/Etchebest.png new file mode 100644 index 0000000..4d4f2ed Binary files /dev/null and b/img/ChefCuisto/Etchebest.png differ diff --git a/img/ChefCuisto/GordonRamsay.jpg b/img/ChefCuisto/GordonRamsay.jpg new file mode 100644 index 0000000..f327937 Binary files /dev/null and b/img/ChefCuisto/GordonRamsay.jpg differ diff --git a/img/ChefCuisto/ThierryMarx.jpg b/img/ChefCuisto/ThierryMarx.jpg new file mode 100644 index 0000000..1b78ce0 Binary files /dev/null and b/img/ChefCuisto/ThierryMarx.jpg differ diff --git a/img/LogoNeoEat.png b/img/Logo/LogoNeoEat.png similarity index 100% rename from img/LogoNeoEat.png rename to img/Logo/LogoNeoEat.png diff --git a/img/LogoNeoEat1.png b/img/LogoNeoEat1.png deleted file mode 100644 index 55a5fb3..0000000 Binary files a/img/LogoNeoEat1.png and /dev/null differ diff --git a/img/LogoNeoEat2.png b/img/LogoNeoEat2.png deleted file mode 100644 index 944b771..0000000 Binary files a/img/LogoNeoEat2.png and /dev/null differ diff --git a/img/LogoNeoEat5.png b/img/LogoNeoEat5.png deleted file mode 100644 index 532704f..0000000 Binary files a/img/LogoNeoEat5.png and /dev/null differ diff --git a/img/LogoNeoEat6.png b/img/LogoNeoEat6.png deleted file mode 100644 index 7fe071e..0000000 Binary files a/img/LogoNeoEat6.png and /dev/null differ diff --git a/img/LogoNeoEat7.png b/img/LogoNeoEat7.png deleted file mode 100644 index a2f23bc..0000000 Binary files a/img/LogoNeoEat7.png and /dev/null differ diff --git a/img/PhotoCuisine/CouteaurRobot.jpg b/img/PhotoCuisine/CouteaurRobot.jpg new file mode 100644 index 0000000..7f3e81d Binary files /dev/null and b/img/PhotoCuisine/CouteaurRobot.jpg differ diff --git a/img/PhotoCuisine/CuisineRobot.jpg b/img/PhotoCuisine/CuisineRobot.jpg new file mode 100644 index 0000000..0c551ab Binary files /dev/null and b/img/PhotoCuisine/CuisineRobot.jpg differ diff --git a/js/menu.js b/js/menu.js deleted file mode 100644 index 5f5fc27..0000000 --- a/js/menu.js +++ /dev/null @@ -1,15 +0,0 @@ -document.addEventListener("DOMContentLoaded", function () { - const burgerMenu = document.querySelector('.burger-menu'); - const navLinks = document.querySelector('.nav-links'); - - burgerMenu.addEventListener('click', function () { - navLinks.classList.toggle('show'); - }); - - // Ajoutez le code suivant pour masquer le menu lorsque la largeur de l'écran est supérieure à 768px - window.addEventListener('resize', function () { - if (window.innerWidth > 768) { - navLinks.classList.remove('show'); - } - }); -}); diff --git a/video/VideoExplicationConcept.mp4 b/video/VideoExplicationConcept.mp4 new file mode 100644 index 0000000..1b838d0 Binary files /dev/null and b/video/VideoExplicationConcept.mp4 differ