🌴 Slider de Fond  –  Voyage

📌 Sommaire

    🎨   Introduction
    🛠️   Technologies
    🎯   Fonctionnalités
    🚀   Installation

🎨 Introduction

Slider immersif de destinations exotiques, conçu en HTML, CSS et JavaScript, avec Swiper.js, animations GSAP et système de vidéo popup. Chaque slide présente une île paradisiaque avec visuel plein écran, texte descriptif et transition fluide.

Parfait pour les agences de voyage, sites touristiques ou pages promotionnelles, ce slider responsive offre une expérience visuelle engageante et dépaysante.

🛠️ Technologies

• HTML5 sémantique et accessible
• CSS3 moderne avec variables, media queries et animations
• JavaScript ES6 clair et modulaire
• Swiper.js pour slider principal et vignettes
• GSAP pour animations d’entrée
• Remix Icons pour les icônes vectorielles

🎯 Fonctionnalités

• Slider avec effet fade entre les destinations
• Navigation par vignettes synchronisée
• Animation texte fluide via GSAP
• Popup vidéo pour chaque slide
• Design responsive 100% mobile
• Menu responsive avec toggle
• Slider contrôlable au clic
• Structure modulaire et scalable

🚀 Installation

✅ Prérequis

• Google Chrome — Navigateur moderne
• Visual Studio Code — Éditeur de code
• Live Server — Extension VS Code

📥 Cloner le projet

git clone https://github.com/ValentinMadiot/background-slider-travel_js
cd background-slider-travel_js

▶️ Lancer le projet

Ouvre le fichier index.html dans ton navigateur, ou utilise Live Server pour un affichage fluide local.