Gym

Flex Fitness Gym 🏋️‍♂️

Hi there! This is a landing page I designed for a local gym called Flex Fitness Gym.

My goal was to build a site that looks professional but stays lightweight. I decided not to use any heavy frameworks (like Bootstrap) because I wanted to practice writing clean, semantic HTML and custom CSS from scratch. It loads instantly and works perfectly on mobile phones.

🚀 Live Demo

You can see the website running live here:
👉 View Live Site

(Note: If the link doesn’t work yet, make sure you’ve enabled GitHub Pages in your settings!)

💡 Why I Built This

I wanted to create a user experience that gets straight to the point. Most gym websites are too cluttered. For this project, I focused on:

1. Readability: Making the “Gym Timings” and “About” sections easy to scan.
2. Speed: Using standard system fonts (Arial/Helvetica) so there is zero loading lag.
3. Simplicity: A single-page layout where users can find everything by scrolling.

🛠️ Tech Stack

• HTML5: Used semantic tags (header, section, footer) for better structure.
• CSS3: * Used Flexbox for the navigation bar and trainer cards.
  • Used CSS Grid for the “About & Timings” section layout.
  • Used CSS Variables (:root) to easily manage the color theme (Steel Blue & Grey).

📂 How It’s Organized

• index.html - The main structure of the page.
• style.css - All the styling rules kept in a separate file for cleanliness.
• monty.jpg - Image asset for the head trainer.

👤 Author

[Himesh Gupta] * Connect with me on LinkedIn (Optional)

• Check out my [GitHub Profil]

---

Thanks for checking out my project! Feedback is always welcome.