🏕️ Animation de Fond  –  Événements Camping

📌 Sommaire

    🎨   Introduction
    🛠️   Technologies
    🎯   Fonctionnalités
    🚀   Installation

🎨 Introduction

Landing page immersive sur le thème du camping, alliant animations GSAP, éléments visuels dynamiques et design naturel. L’interface responsive s’adapte à tous les écrans pour une expérience fluide et moderne.

Idéale pour mettre en valeur des lieux ou événements liés au camping, chaque section évoque l’esprit plein air à travers des visuels forestiers et des animations subtiles.

🛠️ Technologies

• HTML5 sémantique et accessible
• CSS3 moderne avec variables, media queries et animations
• JavaScript ES6 clair et modulaire
• GSAP pour les animations fluides
• Remix Icons pour les icônes vectorielles

🎯 Fonctionnalités

• Animations GSAP sur les éléments clés
• Effet d’apparition fluide et séquentiel
• Blocs visuels superposés et positionnés dynamiquement
• Menu responsive avec bouton toggle
• Scroll header animé via une ombre dynamique
• Boutons Connexion et Inscription animés
• Design responsive 100% mobile-first
• Navigation fluide vers les sections

🚀 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-animation-camping_js
cd background-animation-camping_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.