Al Reem Gym - Fitness Center

A premium and fully responsive website for Al Reem Gym, a ladies and gents fitness center located in Muwailih, Sharjah. This project is built using vanilla HTML, CSS, and JavaScript.

🚀 Features

• Responsive Design: Flawlessly adapts to desktop, tablet, and mobile screens.
• Modern Aesthetics: Dark theme, glowing accents, 3D cube animations, and interactive hover effects.
• Custom Particles & Preloader: Engaging initial load experience with particle backgrounds.
• Mobile Optimized Navigation: Hamburger menu and smooth scrolling for mobile devices.
• Floating WhatsApp Button: Quick access to contact the gym via WhatsApp.
• Dedicated Sections: Details on programs, memberships, gallery, and contact information.

🛠️ Technologies Used

• HTML5: Semantic and clean markup.
• CSS3: Custom variables, flexbox, CSS grid, media queries, and 3D transforms.
• JavaScript (ES6): DOM manipulation, smooth scrolling, and dynamic interactions (particles, marquees).
• Google Fonts: Inter & Outfit.

📂 Project Structure

├── index.html       # Main HTML file
├── css/
│   └── style.css    # All styling and responsive breakpoints
├── js/
│   └── script.js    # Logic for particles, mobile menu, and animations
├── images/          # Assets and gallery images
└── README.md        # Project documentation

💻 How to Run Locally

1. Clone this repository to your local machine:

   git clone https://github.com/ahmed-ali-codes/alreem-gym-site-.git

2. Navigate to the project directory:

   cd alreem-gym-site-

3. Open index.html in any modern web browser (or use a live server extension like VS Code Live Server for hot reloading).

🌍 Live Demo

You can view the live demo of the site here: https://ahmed-ali-codes.github.io/alreem-gym-site-/

📝 License

This project is open-source and available under the MIT License.