Oto Tamir Sitesi

Tasarım ve Teknik Özellikler

Tasarım Unsurları:

• Gold (#F7C948) birincil renk, koyu gri/siyah (#20232A) metin
• Beyaz zemin ve açık tonlar
• Başlıklar ve metinler için Poppins yazı ailesi
• Yuvarlatılmış altın CTA düğmeleri, hover efektleriyle
• Altın dolgulu dairelerde çizgi sanat tarzı simgeler

Bölümler:

• Hero bölümü: tam genişlik arka plan görseli
• Hakkımızda bölümü: iki sütun düzeni
• Hizmetler bölümü: üç hizmet kartı
• Uzmanlık Alanları: dört uzmanlık kartı
• Yaklaşım bölümü: felsefeyi açıklayan metin
• Neden Biz bölümü: üç özellik kartı
• Referanslar bölümü: müşteri yorumları slider’ı
• CTA bölümü: randevu rezervasyonu
• İletişim formu
• Kapsamlı footer

Teknik Uygulama:

• Bootstrap 5: responsive grid ve bileşenler
• Özel CSS değişkenleriyle tema tutarlılığı
• JavaScript ile scroll-reveal (fade-in, slide-up)
• Smooth scrolling ve navbar davranışı
• Semantic HTML5

Responsive Özellikler:

• Mobilde hamburger menü
• Küçük ekranlar: tek sütun düzen
• Tablet: çift sütun düzen
• Masaüstü: 3–4 sütun düzen
• Cihazlara göre font boyutları ve boşluk ayarları