🏎️ Image Slider de Voitures

📌 Sommaire

    🎨   Introduction
    🛠️   Technologies
    🎯   Fonctionnalités
    🚀   Installation

🎨 Introduction

Slider immersif de voitures de sport réalisé en HTML, CSS et JavaScript avec Swiper.js et GSAP.
Animations d'entrée dynamiques, navigation fluide, design responsive et structure modulaire.

Parfait pour des landing pages, sites événementiels ou projets créatifs autour de l’automobile et de la vitesse.

🛠️ Technologies

• HTML5 sémantique
• CSS3 moderne avec variables, media queries et animations
• JavaScript ES6
• Swiper.js pour le carrousel
• GSAP pour les animations d'entrée
• Remix Icons

🎯 Fonctionnalités

• Slider full-screen avec transitions en fondu
• Titre animé + image avec GSAP
• Navigation fluide par pagination personnalisée
• Menu responsive avec animation d’ouverture/fermeture
• Interface entièrement responsive
• Design visuel fort basé sur des blocs colorés dynamiques

🚀 Installation

✅ Prérequis

• Un navigateur moderne (Chrome conseillé)
• Un éditeur de code (VS Code)

📥 Cloner le projet

git clone https://github.com/ValentinMadiot/img-slider-car_js.git

▶️ Lancer localement

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