إعادة إنتاج Mock-up بالحجم الطبيعي لصفحة Contact Us لموقع lander-app بعد ذلك قمت بترجمتها إلى HTML و CSS بناءً على المواصفات المقدمة.

إعادة إنتاج النموذج باستخدام أداة Figma.

تحليل النموذج وتمييز principals blocks.

ترجم النموذج إلى كود HTML و CSS مع مراعاة الإرشادات التالية:

استخدم العلامات الدلالية لـ HTML5 (header، main، footer، nav ...) ؛

تنفيذ مكتبة Font Awesome لإدراج ال icons المختلفة للشبكات الاجتماعية ؛

تطبيق تأثير التمرير على الأزرار ؛

إنشاء قائمة تنقل من النوع "sticky on scroll" والتي تظل ثابتة في أعلى الصفحة عند التمرير لأسفل.

(بدون نسخ عناصر DOM)