Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

⚡ ELITE FIT GYM

Build Your Body. Transform Your Life.

Live Site HTML5 CSS3 JavaScript

Welcome to the Elite Fit Gym official repository! This project is a premium, high-energy landing page designed for world-class fitness centers.

🔗 Live Demo: https://elite-fit-gym-nine.vercel.app


✨ Features

  • 🎨 High-Energy Dark Theme: Built with a stark palette (Near-Black, Electric Red, Hot Orange, Off-White).
  • 🚀 Smooth 3D Tilt Cards: Interactive and engaging hover effects for services and trainers.
  • 📱 Fully Responsive: Flawless experience across all device sizes.
  • Form Validation: Client-side validation for the trial booking system to ensure data integrity.
  • 🏋️‍♂️ Dynamic Counters: Scrolling triggers animated statistics.

🛠 Tech Stack

  • HTML5: Semantic and accessible structure.
  • CSS3: Custom properties, Flexbox, Grid, keyframe animations, and 3D transforms.
  • JavaScript (ES6): Intersection Observers, DOM manipulation, custom cursor, and event handling.
  • Fonts: Oswald (Display) & Inter (Body).

📂 Folder Structure

Elite-Fit-Gym/
├── assets/
│   └── images/
│       ├── hero/
│       ├── services/
│       └── trainers/
├── docs/
├── src/
│   └── components/
├── AUDIT_REPORT.md
├── index.html
├── style.css
└── script.js

🚀 Setup & Installation

  1. Clone the repository:
    git clone https://github.com/your-username/Elite-Fit-Gym.git
  2. Open the project: Open index.html in your favorite modern browser, or use an extension like Live Server in VS Code for hot reloading.

📜 License

This project is licensed under the MIT License. See the LICENSE file for details.

About

Dark-themed gym landing page with 3D tilt effects, trainer profiles, and booking forms

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages