Fitness Website

Bu proje, bir fitness/egzersiz web sitesi için hazırlanmış ön yüz (frontend) kodlarını içerir. React kullanılarak geliştirilmiştir. Site kullanıcı dostu, responsive ve etkileşimli bir tasarıma sahiptir.

---

Canlı Uygulama

Canlı uygulama için tıklayın

---

İçindekiler

• Özellikler
• Teknolojiler

---

Özellikler

1. Navbar

   • Sayfa scroll olduğunda arka plan rengi değişir.
   • Menü öğeleri ve Toggle butonu ile kullanıcı dostu navigasyon.

2. Hero Alanı

   • Ana sayfada büyük ve dikkat çekici başlık, alt başlık ve butonlar.
   • Responsive tasarım ile mobil uyumlu.

3. Our Classes

   • Dört farklı kurs seçeneği: Yoga, Group, Solo, Stretching.
   • Kurs seçildiğinde ilgili başlık, açıklama, saatler ve görsel değişir.
   • Aktif kurs butonu vurgulanır.

4. BMI Hesaplayıcı

   • Kullanıcı boy ve kilo bilgilerini girerek vücut kitle indeksini hesaplayabilir.
   • Sonuca göre alt kısımda bulunan eşit parçalardan ilgili bölüm vurgulanır.
   • Dinamik ve interaktif hesaplama.

5. Our Best Trainers

   • Eğitmenleri gösteren kartlar.
   • Hover efekti ile eğitmen bilgileri ve dekoratif çizgiler görünür hale gelir.

6. Purchase, Review ve Contact

   • Ürün veya kurs satın alma kartları.
   • Müşteri yorumları ve iletişim formu.
   • Google Maps iframe ile lokasyon gösterimi.

7. Responsive Tasarım

   • Mobil cihazlar için özel CSS.
   • Flexbox ve grid yapıları ile uyumlu layout.
   • 576px altındaki ekranlar için menü, hero ve kurs alanları mobil uyumlu.

---

Teknolojiler

• HTML5
• CSS3 (Flexbox, Grid, Variables)
• JavaScript (ES6+)
• Responsive Web Design
• React