Fitness Site

A modern, fully responsive fitness website designed for a personal trainer brand.
It features structured layouts, clean UI design, and multiple sections including Home, About, Motivation, Blog, Results Program, and Contact. Developed collaboratively by AHMED and MUNA using HTML and CSS, Focusing on teamwork and responsive design.

🌐 Live Demo

View the live demo here

🧠 About The Project

Fitness Site is a visually appealing and user-friendly website aimed at fitness enthusiasts and personal trainer clients.

It includes:

• 💪 Workout and motivation sections to help users stay active
• 🥗 Nutrition and healthy lifestyle guidance
• 📱 Fully responsive design for mobile, tablet, and desktop
• 🎨 Clean UI design using HTML, CSS, and JavaScript
• 📰 Blog section to share fitness articles and tips
• 💵 Pricing section to showcase training packages
• 📞 Contact form for inquiries and personal trainer bookings

This project showcases modern web design principles, responsive layouts, and professional collaboration.

🛠 Technologies Used

• HTML5 Semantic structure of the website
• CSS3 Styling, responsive design, and Flexbox/Grid layout

🚀 Core Features

• Clean, modern UI design
• Fully responsive layout for all devices
• Structured fitness sections including Home About, Results, Blog, Program, Contact
• Navigation menu for seamless browsing
• Footer with social links and Contact information
• SEO-friendly layout and accessibility-focused Design

👥 Team Roles

• Ahmed Abdikadir Home, Program, and Blog Sections
• Muna Abdullahi About, Results, and Contact Sections

🎨 Design Approach

• Mobile-first layout for responsive design
• Flexbox for content cards and section alignment
• CSS Grid for major sections and layout structure
• Consistent spacing, typography, and visual hierarchy

📦 Installation

1. Clone the repository:

     git clone https://github.com/dugsiiyeinc/fitness-site.git