https://github.com/valentinmadiot/background-animation-camping_js
Landing page animée sur le thème du camping, avec GSAP, visuels forestiers et oiseaux animés. Design responsive et immersif, idéal pour événements plein air, sites nature ou réservations.
https://github.com/valentinmadiot/background-animation-camping_js
animated-birds animated-cta animated-header background-illustration camping-landing css-forest-theme css-transitions events-promotion gsap-animation gsap-scroll html-css-js interactive-homepage javascript-vanilla mobile-first-ui modular-css nav-toggle outdoor-experience remix-icons responsive-design visual-branding
Last synced: 7 months ago
JSON representation
Landing page animée sur le thème du camping, avec GSAP, visuels forestiers et oiseaux animés. Design responsive et immersif, idéal pour événements plein air, sites nature ou réservations.
- Host: GitHub
- URL: https://github.com/valentinmadiot/background-animation-camping_js
- Owner: ValentinMadiot
- Created: 2025-06-21T11:21:44.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-06-26T20:28:33.000Z (8 months ago)
- Last Synced: 2025-06-26T21:55:21.371Z (8 months ago)
- Topics: animated-birds, animated-cta, animated-header, background-illustration, camping-landing, css-forest-theme, css-transitions, events-promotion, gsap-animation, gsap-scroll, html-css-js, interactive-homepage, javascript-vanilla, mobile-first-ui, modular-css, nav-toggle, outdoor-experience, remix-icons, responsive-design, visual-branding
- Language: CSS
- Homepage: https://background-animation-camping.netlify.app/
- Size: 794 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
🏕️ Animation de Fond – Événements Camping
##
📌 Sommaire
🎨 [**Introduction**](#introduction)
🛠️ [**Technologies**](#technologies)
🎯 [**Fonctionnalités**](#fonctionnalités)
🚀 [**Installation**](#installation)
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.
- HTML5 sémantique et accessible
- CSS3 moderne avec variables, media queries et animations
- JavaScript ES6 clair et modulaire
- [GSAP](https://greensock.com/gsap/) pour les animations fluides
- [Remix Icons](https://remixicon.com/) pour les icônes vectorielles
- 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
### ✅ Prérequis
- [Google Chrome](https://www.google.com/) — Navigateur moderne
- [Visual Studio Code](https://code.visualstudio.com/) — Éditeur de code
- [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) — Extension VS Code
### 📥 Cloner le projet
```bash
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.