تحويل تصميم واجهة مخصص من ملف Figma إلى موقع شخصي (Personal Portfolio) متكامل ومتجاوب بالكامل. تم التركيز في هذا المشروع على كتابة كود نظيف، مراعاة أدق التفاصيل في التصميم الأصلي (Pixel Perfect)، وتوفير تجربة تصفح سلسة على كافة مقاسات الشاشات.
أبرز الأقسام والخصائص التي تم تنفيذها:
قسم الواجهة (Hero Section): شريط تصفح عالي (Navbar)، تعريف شخصي داكن، وزر اتخاذ إجراء (CTA) بارز.
شريط الشركات والشركاء (Worked With Logos): عرض شعارات الشركات أو أدوات العمل بتنسيق منظم.
قسم دراسات الحالة/المشاريع (Case Studies): عرض المشاريع السابقة بنظام التبادل البصري (Zig-Zag Grid) مع أزرار استعراض مخصصة بألوان مختلفة لكل مشروع.
قسم آراء العملاء (Testimonials): شبكة بطاقات (Cards Grid) منسقة لعرض تقييمات وآراء العملاء بأسلوب حديث.
تجاوب تام (Responsive Grid): استغلال نظام الـ Grid والـ Flexbox في مكتبة Bootstrap لضمان ضبط العناصر تلقائياً على الشاشات المختلفة (Mobile, Tablet, Desktop).
التقنيات المستخدمة:
HTML5 / CSS3
Bootstrap Framework
JavaScript (ES6+)
Figma (Pixel Perfect Conversion)
