PowerFit Gym Website

A modern, responsive gym website built with HTML, CSS, and JavaScript.

Features

• Responsive Design - Works on all devices (desktop, tablet, mobile)
• Modern UI - Clean and professional design with smooth animations
• Interactive Elements - Mobile navigation, scroll effects, form validation

Sections

1. Header - Fixed navigation with smooth scroll
2. Hero - Eye-catching banner with stats
3. About - Company introduction and features
4. Services - 6 service cards showcasing gym offerings
5. Trainers - Team member profiles
6. Pricing - 3-tier membership plans
7. Contact - Contact info and inquiry form
8. Footer - Links, social media, newsletter signup

Project Structure

.dist/
├── index.html          # Main HTML file
├── css/
│   └── style.css       # Stylesheet
├── js/
│   └── main.js         # JavaScript functionality
├── images/             # Image assets folder
└── README.md           # Documentation

Technologies Used

• HTML5
• CSS3 (Flexbox, Grid, CSS Variables)
• Vanilla JavaScript (ES6+)
• Font Awesome Icons
• Google Fonts (Poppins)

Getting Started

1. Open index.html in a web browser
2. Or use a local development server:

   # Using Python
   python -m http.server 8000
   
   # Using Node.js (npx)
   npx serve

Customization

• Colors can be modified in the CSS variables at the top of style.css
• Replace placeholder images in the images/ folder
• Update content in index.html as needed

Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

License

© 2026 PowerFit Gym. All rights reserved.