Proje Tanımı:


Figma üzerinden ilettiğim tasarım, WHMCS sistemi için geliştirilecek özel bir arayüzdür. Çıktılar HTML formatında olacak, fakat yapılandırma mantığı WHMCS’in kullandığı tpl (Smarty Template) sistemine kolayca dönüştürülebilecek şekilde 3 ana parçaya bölünerek hazırlanmalıdır:

📁 Beklenen Bölümler:

  1. Header Bölümü (header.html)
    • Menü yapısı, üst çubuk, logo ve kullanıcıya göre değişen alanlar (giriş/çıkış linki) yer almalı.
    • Gerekli <meta>, <head>, CSS bağlantıları burada bulunmalı.
  2. Ana Sayfa / İçerik Bölümü (home.html)
    • Landing page'deki tanıtım, hizmetler, kampanyalar vs. bu dosyada yer almalı.
    • Kartlar, ikonlar, çağrı butonları gibi tüm görsel içerikler dahil edilmeli.
  3. Footer Bölümü (footer.html)
    • Hakkımızda, iletişim, sosyal medya, hızlı menüler, alt linkler, telif vb.

🔧 Teknik Gereksinimler:

  • HTML yapısı Bootstrap 3.x uyumlu olacak (WHMCS 8.x uyumluluğu için).
  • Mobil uyumlu (responsive) olmalı, tüm ekranlarda düzgün çalışmalı.
  • Kodlar temiz, açıklamalı ve modüler yazılmalı.
  • Figma tasarımına %100 sadık kalınmalı (pixel-perfect).

⚠️ Uyarılar:

  • React, Vue gibi JS framework’leri kullanılmayacak.
  • Fazla kütüphane eklemekten kaçınılmalı, yalnızca gerekli olanlar.
  • Kodlar !important, inline CSS gibi yapılardan arındırılmış olacak.
  • Sadece HTML, CSS, JS içeren sade ve WHMCS'e geçirilebilir bir yapı oluşturulacak.

📦 Teslimat Şartları:

  • header.html, home.html, footer.html olarak 3 dosya halinde sunulacak.
  • CSS ve JS dosyaları ayrı klasörlerde olacak:
/assets/css/custom.css  
/assets/js/custom.js
/assets/img/logo.png
  • Tüm sayfa demo olarak index.html içinde birleştirilmiş şekilde de sunulmalı.
  • Kodlar zip’li şekilde teslim edilecek.
  • Mobil görünüm ve performans (Google Lighthouse) testleri yapılmış olacak.
Temayı incelemek ve fiyat teklifi iletmek için lütfen mesaj atınız.