diff --git a/.hintrc b/.hintrc new file mode 100644 index 0000000..5b18485 --- /dev/null +++ b/.hintrc @@ -0,0 +1,8 @@ +{ + "extends": [ + "development" + ], + "hints": { + "meta-viewport": "off" + } +} \ No newline at end of file diff --git a/shower/images/chambre2.jpg b/shower/images/chambre2.jpg new file mode 100644 index 0000000..91df1e1 Binary files /dev/null and b/shower/images/chambre2.jpg differ diff --git a/shower/images/food.jpg b/shower/images/food.jpg new file mode 100644 index 0000000..03fd971 Binary files /dev/null and b/shower/images/food.jpg differ diff --git a/shower/images/food1.jpg b/shower/images/food1.jpg new file mode 100644 index 0000000..8524248 Binary files /dev/null and b/shower/images/food1.jpg differ diff --git a/shower/images/food2.jpg b/shower/images/food2.jpg new file mode 100644 index 0000000..9701d4c Binary files /dev/null and b/shower/images/food2.jpg differ diff --git a/shower/images/food3.jpg b/shower/images/food3.jpg new file mode 100644 index 0000000..4b9c180 Binary files /dev/null and b/shower/images/food3.jpg differ diff --git a/shower/images/food4.jpg b/shower/images/food4.jpg new file mode 100644 index 0000000..6951854 Binary files /dev/null and b/shower/images/food4.jpg differ diff --git a/shower/images/image1.jpg b/shower/images/image1.jpg new file mode 100644 index 0000000..7863dfe Binary files /dev/null and b/shower/images/image1.jpg differ diff --git a/shower/images/logo.png b/shower/images/logo.png new file mode 100644 index 0000000..0b88391 Binary files /dev/null and b/shower/images/logo.png differ diff --git a/shower/images/nourriture.jpg b/shower/images/nourriture.jpg new file mode 100644 index 0000000..7f4b555 Binary files /dev/null and b/shower/images/nourriture.jpg differ diff --git a/shower/images/piscine.jpg b/shower/images/piscine.jpg new file mode 100644 index 0000000..c7cd450 Binary files /dev/null and b/shower/images/piscine.jpg differ diff --git a/shower/images/piscine1.jpeg b/shower/images/piscine1.jpeg new file mode 100644 index 0000000..be30097 Binary files /dev/null and b/shower/images/piscine1.jpeg differ diff --git a/shower/images/piscine2.jpg b/shower/images/piscine2.jpg new file mode 100644 index 0000000..4800975 Binary files /dev/null and b/shower/images/piscine2.jpg differ diff --git a/shower/images/room1.jpg b/shower/images/room1.jpg new file mode 100644 index 0000000..fcc74d1 Binary files /dev/null and b/shower/images/room1.jpg differ diff --git a/shower/images/room2.jpg b/shower/images/room2.jpg new file mode 100644 index 0000000..59c610f Binary files /dev/null and b/shower/images/room2.jpg differ diff --git a/shower/images/room3.jpg b/shower/images/room3.jpg new file mode 100644 index 0000000..0ac0a42 Binary files /dev/null and b/shower/images/room3.jpg differ diff --git a/shower/index.html b/shower/index.html new file mode 100644 index 0000000..8e7381f --- /dev/null +++ b/shower/index.html @@ -0,0 +1,83 @@ + + + + + Restaurant 5 Étoiles | Accueil + + + +
+
+

Restaurant 5 Étoiles

+ +
+
+ +
+
+
+ Chambre confortable + Délicieuse restauration + Fête au bord de la piscine +
+ +
+

Des chambres luxueuses pour votre confort absolu.

+

Savourez notre cuisine raffinée, locale et internationale.

+

Amusez-vous lors de nos soirées au bord de la piscine.

+
+
+
+ +
+
+
+

Nos Chambres

+

Des chambres modernes avec une vue imprenable et un confort absolu pour un séjour inoubliable.

+
+
+ Chambre confortable + Chambre confortable + Chambre confortable +
+
+
+ +
+
+
+

Restauration

+

Une cuisine gastronomique, locale et internationale, pour satisfaire toutes les envies.

+
+
+ food + food + food + food + food +
+
+
+ +
+
+
+

Piscine & Événements

+

Des soirées magiques autour de la piscine avec cocktails, musique et ambiance festive.

+
+
+ piscine + piscine + piscine +
+
+
+ + + + + + + diff --git a/shower/script.js b/shower/script.js new file mode 100644 index 0000000..7046108 --- /dev/null +++ b/shower/script.js @@ -0,0 +1,33 @@ +let currentIndex = 0; + +const slides = document.querySelectorAll('.slide'); +const texts = document.querySelectorAll('.description-text'); + +function showSlide(index) { + slides.forEach((slide, i) => { + slide.classList.toggle('active', i === index); + }); + + texts.forEach((text, i) => { + text.classList.toggle('active', i === index); + }); +} + +setInterval(() => { + currentIndex = (currentIndex + 1) % slides.length; + showSlide(currentIndex); +}, 3000); // toutes les 3 secondes + + +function carousel(slidesClass) { + const slides = document.querySelectorAll(`.${slidesClass}`); + let index = 0; + setInterval(() => { + slides.forEach((s, i) => s.classList.toggle('active', i === index)); + index = (index + 1) % slides.length; + }, 3000); + } + + carousel('slide-chambre'); + carousel('slide-resto'); + carousel('slide-piscine'); \ No newline at end of file diff --git a/shower/style.css b/shower/style.css new file mode 100644 index 0000000..7c58c6d --- /dev/null +++ b/shower/style.css @@ -0,0 +1,170 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + } + + body { + font-family: 'Segoe UI', sans-serif; + background-color: #fdfdfd; + color: #333; + } + + header { + background-color: white; + padding: 30px 40px; + box-shadow: 0 2px 8px rgba(0,0,0,0.1); + } + + .header-decor { + background: linear-gradient(135deg, #f8f0e3, #fbeee6); + padding: 40px; + border-bottom: 4px solid #e67e22; + border-radius: 0 0 15px 15px; + box-shadow: 0 5px 15px rgba(0,0,0,0.1); + } + + .header-content { + display: flex; + justify-content: space-between; + align-items: center; + } + + .header-logo { + width: 80px; + height: auto; + } + + + .logo { + font-size: 50px; + color: #e67e22; + font-family: 'Georgia', serif; + font-weight: bold; + } + + .logo span { + color: #2c3e50; + } + + .hero-horizontal { + display: flex; + justify-content: center; + align-items: center; + gap: 40px; + padding: 60px 40px; + flex-wrap: wrap; + } + + .slide-container, .description-container { + width: 48%; + } + + .slide-container img { + width: 100%; + height: 300px; + object-fit: cover; + border-radius: 12px; + display: none; + } + + .slide-container img.active { + display: block; + } + + .description-text { + font-size: 1.2rem; + font-style: italic; + color: #2c3e50; + display: none; + line-height: 1.6; + } + + .description-text.active { + display: block; + } + + + .description { + max-width: 400px; + font-size: 1.2rem; + font-style: italic; + font-weight: 300; /* Texte fin */ + color: #34495e; + line-height: 1.6; + } + + + .slider { + width: 500px; + max-width: 90%; + overflow: hidden; + border-radius: 12px; + box-shadow: 0 0 15px rgba(0,0,0,0.1); + } + + .slide { + width: 100%; + height: 300px; + object-fit: cover; + display: none; + border-radius: 10px; + } + + .slide.active { + display: block; + } + + .vitrine-section { + padding: 60px 40px; + background-color: #fff; + border-top: 1px solid #ddd; + } + + .vitrine-container { + display: flex; + align-items: center; + justify-content: space-between; + gap: 40px; + flex-wrap: wrap; + } + + .vitrine-text { + max-width: 400px; + } + + .vitrine-text h2 a { + font-size: 28px; + color: #e67e22; + text-decoration: none; + } + + .vitrine-slider { + width: 400px; + height: 250px; + overflow: hidden; + position: relative; + } + + .vitrine-slider img { + width: 100%; + height: 100%; + object-fit: cover; + position: absolute; + opacity: 0; + transition: opacity 1s ease-in-out; + } + + .vitrine-slider img.active { + opacity: 1; + } + + footer { + text-align: center; + padding: 20px; + background-color: #2c3e50; + color: white; + margin-top: 40px; + } + + \ No newline at end of file