🏋️‍♂️ Mike's Gym

My first web development project! A modern, responsive landing page for a fitness center built with HTML, CSS, and JavaScript.

You can view the live website here: Mike's Gym

✨ Features

• 🎨 Modern Design - Clean and attractive user interface
• 📱 Fully Responsive - Works seamlessly on desktop, tablet, and mobile devices
• ⚡ Smooth Animations - Interactive elements with smooth transitions
• 🖼️ Image Gallery - Showcase gym facilities and equipment
• 📝 Contact Form - Easy way for potential clients to get in touch
• 🎯 Call-to-Action Sections - Strategically placed signup buttons

🛠️ Technologies

• HTML5 - Semantic markup
• CSS3 - Modern styling with Flexbox/Grid
• JavaScript - Interactive features and animations

🚀 Getting Started

Run Locally

1. Clone the repository

   git clone https://github.com/r1ckshot/MikesGymWeb.git
   cd MikesGymWeb

2. Open in browser

   • Simply open index.html in your web browser
   • Or use a local server:

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

3. Access the website

   • Open your browser and go to http://localhost:8000

📚 What I Learned

This was my first web development project where I learned:

• HTML5 semantic elements and structure
• CSS3 styling, animations, and responsive design
• JavaScript DOM manipulation and event handling
• Creating responsive layouts with Flexbox and Grid
• Web design principles and user experience

👨‍💻 Author

Mykhailo Kapustianyk

• GitHub: @r1ckshot
• Year: 2024