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ığı WHMCSin 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:
- 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ı.
- 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.
- 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 frameworkleri 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 zipli şekilde teslim edilecek.
- Mobil görünüm ve performans (Google Lighthouse) testleri yapılmış olacak.
+90 539 314 19 74