Fit24 Gyms Website

A modern black-and-white gym website built with HTML, CSS, and JavaScript for a real-world local business proposal.

Live Project Purpose

This website was designed as a client-style solution for a local gym business. Its purpose is to help the gym:

• look more professional online
• build trust with potential customers
• show services, pricing, and schedules clearly
• make it easy for people to contact the business
• increase the chance of converting visitors into paying members

Features

• Responsive one-page website
• Mobile navigation menu
• Hero section with call-to-action buttons
• Services section
• Schedule section
• Pricing plans
• About section
• Testimonials
• Contact section
• Front-end enquiry form with validation
• Local storage demo for enquiries
• Smooth scroll navigation
• Active section highlighting in the navbar

Tech Stack

• HTML5
• CSS3
• JavaScript (Vanilla JS)

Project Structure

. ├── index.html ├── images ├── style.css ├── script.js ├── PROJECT_DESCRIPTION.md ├── PITCH.md ├── PROBLEM_SOLUTION.md └── README.md

How to Run

1. Download or clone the repository.
2. Open the project folder.
3. Double-click index.html or open it in your browser.

Form Note

The enquiry form is front-end functional. It validates input and stores demo submissions in the browser using localStorage.

Summary

This project demonstrates how a simple, fast, and mobile-friendly website can help a local gym improve its online presence and attract more customers.