https://github.com/valentinmadiot/fitness-center_ui

Landing page responsive pour salle de sport avec programmes interactifs, calculateur d’IMC, offres tarifaires, animations dynamiques et formulaire connecté à EmailJS. Design sombre et immersif.
https://github.com/valentinmadiot/fitness-center_ui

animated-footer bmi-calculator css3 dark-theme email-js fitness-page form-validation grid-layout gym-website html5 interactive-ui javascript landing-page mobile-navigation pricing-plans program-section remix-icons responsive-layout scrollreveal-js triangle-design

Last synced: about 1 month ago
JSON representation

Landing page responsive pour salle de sport avec programmes interactifs, calculateur d’IMC, offres tarifaires, animations dynamiques et formulaire connecté à EmailJS. Design sombre et immersif.

• Host: GitHub
• URL: https://github.com/valentinmadiot/fitness-center_ui
• Owner: ValentinMadiot
• Created: 2025-07-09T17:53:14.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2025-07-24T19:04:23.000Z (11 months ago)
• Last Synced: 2025-08-13T08:14:49.856Z (10 months ago)
• Topics: animated-footer, bmi-calculator, css3, dark-theme, email-js, fitness-page, form-validation, grid-layout, gym-website, html5, interactive-ui, javascript, landing-page, mobile-navigation, pricing-plans, program-section, remix-icons, responsive-layout, scrollreveal-js, triangle-design
• Language: HTML
• Homepage: https://fitness-center-vm.netlify.app/
• Size: 1.81 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
  

      

        

    

      

      

  
💪 Fit'Essence   —   Salle de Sport 
  



## 
 📌 Sommaire

    🎨   [**Introduction**](#introduction)


    🛠️   [**Technologies**](#technologies)


    🎯   [**Fonctionnalités**](#fonctionnalités)


    🚀   [**Installation**](#installation)


## 
 🎨 Introduction

Fit'Essence est une landing page immersive et sombre pour salle de sport, conçue pour promouvoir des offres de coaching, des programmes variés et un calculateur d’IMC. Le site combine esthétique, performance et interactivité pour attirer et convertir les visiteurs.

## 
 🛠️ Technologies

- HTML5 sémantique et structuration claire

- CSS3 moderne avec variables, media queries et animations

- JavaScript ES6 clair et modulaire

- [ScrollReveal](https://scrollrevealjs.org/) pour des animations au scroll

- [Remix Icons](https://remixicon.com/) pour des icônes vectorielles modernes

- Responsive Design pensé en mobile-first

## 
 🎯 Fonctionnalités

- Programmes muscu, cardio, yoga, haltéro

- Calculateur d’IMC interactif avec feedback personnalisé

- Offres tarifaires dynamiques avec forfaits différenciés

- Formulaire d’abonnement connecté à EmailJS

- Menu mobile responsive avec animation

- Animations fluides avec ScrollReveal

- Lien actif dynamique sur la navigation

- Triangles et effets visuels modernes

- Bandeau de logos partenaires

- Design full responsive pensé mobile-first

## 
 🚀 Installation

### ✅ 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 git@github.com:ValentinMadiot/fitness-center_ui

cd fitness-center_ui

```

### ▶️ 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.