https://github.com/stephenombuya/gym-website
Fitness Champion is a dynamic, user-friendly website created to promote a gym's facilities, classes, trainers, and membership plans. This responsive website allows users to learn about the gym's offerings, explore the classes, meet the trainers, view membership options, and contact the gym directly.
https://github.com/stephenombuya/gym-website
css3 html5 intuitive-user-interface javascript mobile-responsiveness
Last synced: 8 months ago
JSON representation
Fitness Champion is a dynamic, user-friendly website created to promote a gym's facilities, classes, trainers, and membership plans. This responsive website allows users to learn about the gym's offerings, explore the classes, meet the trainers, view membership options, and contact the gym directly.
- Host: GitHub
- URL: https://github.com/stephenombuya/gym-website
- Owner: stephenombuya
- License: gpl-3.0
- Created: 2024-11-02T12:09:22.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-11-03T05:54:34.000Z (12 months ago)
- Last Synced: 2025-01-13T14:28:39.533Z (9 months ago)
- Topics: css3, html5, intuitive-user-interface, javascript, mobile-responsiveness
- Language: HTML
- Homepage: https://fitnesschampion.netlify.app/
- Size: 19.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# **Gym Website**
Fitness Champion is a dynamic, user-friendly website created to promote a gym's facilities, classes, trainers, and membership plans. This responsive website allows users to learn about the gym's offerings, explore the classes, meet the trainers, view membership options, and contact the gym directly.
### **Table of Contents**
- Project Overview
- Demo
- Features
- Installation
- Usage
- File Structure
- Contributing
- License
### **Project Overview**
This project aims to provide a seamless experience for users looking to join a gym, stay informed about class schedules, and book personal training sessions. The website is built with HTML, CSS, and JavaScript and can be further expanded to include backend functionalities if required.
### **Demo**
To view the website live, visit: [FitnessChampion](https://fitnesschampion.netlify.app/)
### **Features**
- **Responsive Design**: The website is mobile-friendly and adapts to various screen sizes.
- **Modal Functionality**: Membership plans and personal training sessions can be viewed in detail through modals.
- **Image Gallery**: A gallery section showcases the gym facilities and community.
- **Interactive Class Schedule**: A structured table displays available classes, schedules, and trainers.
- **Membership Plans**: Information on Basic, Standard, and Premium plans is available with a "Join Now" call-to-action.
- **Personal Training Booking**: Users can book sessions with trainers via a modal.
- **Contact Form**: Visitors can reach out using a contact form.
- **Move to Top Button**: A button that appears on scroll to quickly move back to the top of the page.
### **Installation**
To run this project locally, follow these steps:
1. Clone the repository:
```
git clone https://github.com/stephenombuya/gym-website
```
2. Navigate to the project directory:
```
cd gym-website
```
3. Open index.html in your browser:
```
open index.html
```
### **Usage**
After opening index.html, you can interact with the different sections of the website:
- **Home**: The hero section introduces users to the gym and includes a call-to-action to join.
- **About Us**: Learn more about the gym’s mission, story, and team.
- **Classes**: Explore various fitness classes, complete with a schedule and descriptions.
- **Membership**: Check available membership plans and pricing.
- **Personal Training**: Book sessions with qualified personal trainers.
- **Gallery**: Browse images of the gym’s interior, classes, and community.
- **Contact Us**: Submit inquiries directly through a contact form.
### **File Structure**
```
gym-website/
├── index.html # Main HTML file
├── styles.css # Main CSS file
├── app.js # Main JavaScript file
├── assets/
│ ├── logo.png # Gym logo
│ ├── gallery/ # Gallery images
│ ├── trainers/ # Images of trainers
│ └── classes/ # Class images
```
### **Contributing**
Contributions are welcome! Please follow these steps:
1. Fork the repository.
2. Create a new branch (git checkout -b feature/new-feature).
3. Commit your changes (git commit -m "Add new feature").
4. Push to the branch (git push origin feature/new-feature).
5. Open a pull request.
### **License**
This project is licensed under the GNU License. See the [LICENSE](https://github.com/stephenombuya/gym-website/blob/main/LICENSE) file for more details.