🏎️ Carrousel d’images de Voitures

📌 Sommaire

    🎨   Introduction
    🛠️   Technologies
    🎯   Fonctionnalités
    🚀   Installation

🎨 Introduction

Ce projet présente un carrousel immersif dédié aux voitures de sport, construit avec HTML, CSS et JavaScript, intégrant Swiper.js pour le carrousel et GSAP pour les animations d’entrée.

L’expérience visuelle est fluide, animée et responsive, idéale pour une landing page, un site événementiel, ou tout projet mettant en avant la vitesse, le design ou l’automobile.

🛠️ Technologies

• HTML5 sémantique et accessible
• CSS3 moderne avec variables, media queries et animations
• JavaScript ES6 clair et modulaire
• Swiper.js pour un carrousel fluide et personnalisable
• GSAP pour les animations d’entrée synchronisées
• Remix Icons pour des icônes vectorielles modernes

🎯 Fonctionnalités

• Carrousel en plein écran avec transitions douces entre slides
• Animations GSAP pour l'apparition dynamique des titres et visuels
• Navigation fluide par pagination personnalisée
• Menu responsive avec animation d’ouverture et fermeture
• Design visuel fort basé sur des blocs colorés dynamiques
• Structure modulaire qui est facile à intégrer ou adapter

🚀 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/img-slider-car_js
cd img-slider-car_js

▶️ Lancer le projet

Il suffit d’ouvrir le fichier index.html dans un navigateur, ou d’utiliser l’extension Live Server sur VS Code pour un aperçu dynamique.