طلب: تحويل صفحة رئيسية من Figma إلى HTML/CSS (اختياري Bootstrap 5)

النطاق:

تحويل صفحة رئيسية واحدة فقط من Figma إلى HTML/CSS (+ JS للتفاعلات البسيطة عند الحاجة).

مسموح Bootstrap 5 بشرط الحفاظ على نظافة الهيكل والأداء والتطابق البصري العالي.

الدعم الكامل للـ RTL (العربية) و LTR والاستجابة لجميع المقاسات.

التسليمات:

ملف index.html + مجلدات /assets/css, /assets/js, /assets/img.

فصل الهيدر والفوتر في ملفات مستقلة (أو بارتيالز) ودمجهم في النسخة النهائية من الصفحة.

تعليقات عربية واضحة على العناصر/الأقسام المهمة (HTML/CSS/JS).

تصدير الأيقونات SVG قدر الإمكان، والصور بجودات مناسبة (1x/2x/WebP حيث يلزم).

README عربي مختصر يوضح: أين أعدل الألوان والخطوط والقوائم.

المتطلبات التقنية:

تطابق بصري عالي مع Figma (Pixel-Perfect بقدر ممكن).

HTML5 دلالي (header/nav/main/section/footer) وCSS منظّم (BEM أو أسلوب واضح).

تفاعلات Hover/Focus/Transitions سلسة للأزرار/الروابط/البطاقات.

Responsive بوضوح لموبايل/تابلت/ديسكتوب مع ترتيب منطقي للعناصر في الجوال.

وصولية: وسوم alt، تباين ألوان مناسب، تسلسل عناوين صحيح.

أداء: صور مضغوطة، كود مصغّر (نسخة إنتاج + نسخة مقروءة)، عدم وجود CSS/JS غير مستخدم.

توافق المتصفحات الحديثة (Chrome/Safari/Edge/Firefox) وأجهزة iOS/Android.

معايير القبول:

اجتياز فحص HTML/CSS بدون أخطاء حرجة (تحذيرات بسيطة مسموحة).

Lighthouse ≥ 90 للأداء وإمكانية الوصول على الصفحة الرئيسية.

لا اختلافات مرئية في المحاذاة/المسافات/الألوان/الخطوط عن Figma.

Header/ Footer منفصلان + نسخة نهائية تعمل مباشرة.

التعليقات العربية موجودة وواضحة في الملفات.

ما أوفّره لك:

رابط Figma بصلاحية View/Inspect + الأصول عند الحاجة.

أي ملاحظات خاصة بالتفاعلات (Sticky Header/Scroll/…).

التعديلات والوقت:

مدة تنفيذ مقترحة: (اكتب المدة المناسبة لك).

مراجعتان بعد التسليم الأول (تصحيحات طفيفة ضمن نفس النطاق).

للتقديم:

اكتب كلمة السر: «جاهز للتكويد الاحترافي» للتأكيد إنك قرأت كامل الطلب.

أرفق ٣ أمثلة حديثة لأعمال HTML/CSS متجاوبة من تنفيذك (روابط مباشرة).

اذكر إن كنت ستستخدم Bootstrap 5 أو بدونه ولماذا (بهدف أعلى دقة وأفضل أداء).

الميزانية 25 $ للصفحة الواحدة الرئيسية فقط