diff --git a/css/styles.css b/css/styles.css index 2f89b46..96af31c 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1,8 +1,18 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + body { margin: 0; padding: 0; + padding-top: 80px; font-family: 'Arial', sans-serif; background-color: #F2F2F2; + display: flex; + flex-direction: column; + min-height: 100vh; } .navbar { @@ -11,12 +21,18 @@ body { display: flex; justify-content: space-between; align-items: center; + position: fixed; + width: 100%; + top: 0; + z-index: 1000; /* Assure que l'en-tête reste au-dessus du contenu */ + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Ajoute une ombre légère pour le style */ } + .logo img { width: 4.7cm; height: 1.7cm; - margin-left: 2cm; + margin-left: 1cm; } .nav-links { @@ -163,4 +179,62 @@ p { width: 90%; /* largeur de la fenêtre de la vidéo */ max-height: 400px; margin-bottom: 20px; +} + +.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 { + display: none; + position: fixed; + bottom: 20px; + right: 20px; + background-color: #4A305A; + color: white; + border: none; + border-radius: 5px; + padding: 10px; + cursor: pointer; +} + +#scrollTopBtn span { + margin-right: 5px; + font-size: 18px; } \ No newline at end of file diff --git a/html/index.html b/html/index.html index 6b95e6f..83af910 100644 --- a/html/index.html +++ b/html/index.html @@ -70,11 +70,39 @@ -
- -
+
+

Nos plats les plus populaires

+
+
+

Filet de bar et courgette

+ Plat 1 +

Filet de bar et son bonbon de Pélardon au pistou sur son nid de spaghetti de courgette.

+
+ +
+

Pâtes à la truffe

+ Plat 2 +

Pâte à la truffe artisanale agrémentée de copeaux de parmesan fondants.

+
+ +
+

Burger Ritz

+ Plat 3 +

Burger Ritz accompagné de frites croustillantes et d'une sauce maison secrète.

+
+
+ Voir plus de plats +
+
+ + + diff --git a/img/.DS_Store b/img/.DS_Store index fc52e7b..60d7d54 100644 Binary files a/img/.DS_Store and b/img/.DS_Store differ diff --git a/img/Plat/.DS_Store b/img/Plat/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/img/Plat/.DS_Store differ diff --git a/img/Plat/Plat1.png b/img/Plat/Plat1.png new file mode 100644 index 0000000..2deef72 Binary files /dev/null and b/img/Plat/Plat1.png differ diff --git a/img/Plat/Plat2.png b/img/Plat/Plat2.png new file mode 100644 index 0000000..2379e57 Binary files /dev/null and b/img/Plat/Plat2.png differ diff --git a/img/Plat/Plat3.png b/img/Plat/Plat3.png new file mode 100644 index 0000000..20c5275 Binary files /dev/null and b/img/Plat/Plat3.png differ diff --git a/js/script.js b/js/script.js index 47be69d..0e9cb9b 100644 --- a/js/script.js +++ b/js/script.js @@ -6,3 +6,20 @@ document.addEventListener('DOMContentLoaded', function () { navLinks.classList.toggle('show'); }); }); + +function scrollToTop() { + window.scrollTo({ + top: 0, + behavior: 'smooth' + }); +} + +// Afficher ou masquer le bouton en fonction de la position de défilement +document.addEventListener('scroll', function () { + const scrollTopBtn = document.getElementById('scrollTopBtn'); + if (window.scrollY > 200) { + scrollTopBtn.style.display = 'block'; + } else { + scrollTopBtn.style.display = 'none'; + } +}); diff --git a/video/.DS_Store b/video/.DS_Store new file mode 100644 index 0000000..9917640 Binary files /dev/null and b/video/.DS_Store differ