👕 Carrousel d’images de Vêtements

📌 Sommaire

    🎨   Introduction
    🛠️   Technologies
    🎯   Fonctionnalités
    🚀   Installation

🎨 Introduction

Ce projet propose un carrousel interactif de vêtements, pensé pour offrir une navigation fluide et une présentation élégante des produits.

Chaque slide met en avant un article avec son nom, prix et visuel, au sein d’un carrousel animé avec Swiper.js, ScrollReveal, et CSS personnalisé.

Parfait pour projets e-commerce, des landing pages produits ou des galeries de collections mode.

🛠️ 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
• ScrollReveal pour des animations d’entrée synchronisées
• Remix Icons pour des icônes vectorielles modernes

🎯 Fonctionnalités

• Carrousel horizontal avec navigation par flèches
• Animation d’entrée fluides avec ScrollReveal
• Menu mobile animé avec effet affiché/caché
• Affichage optimisé sur tous les formats
• Structure modulaire pour une intégration facile
• Footer complet avec liens sociaux et sélection de langue

🚀 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-clothing_js
cd img-slider-clothing_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.