تطوير معرض أعمال (Portfolio) تفاعلي باستخدام Bootstrap 5

قمت بتطوير صفحة معرض أعمال (Portfolio) عصرية وتفاعلية، مصممة خصيصاً لتقديم الهوية البصرية والمشاريع بشكل "أنيق" (Stylish). المشروع يركز على تقديم تجربة مستخدم ديناميكية تعتمد على التنقل الذكي والتأثيرات البصرية الجذابة التي تزيد من معدل بقاء الزائر في الموقع.

المميزات التقنية في الكود:

استخدام Bootstrap 5: تم بناء المشروع بالكامل باستخدام إطار العمل Bootstrap 5، مع تخصيص الـ CSS للوصول إلى تصميم فريد بعيداً عن القوالب الجاهزة التقليدية.

قائمة جانبية تفاعلية (Sidebar Offcanvas): تنفيذ قائمة تنقل جانبية سلسة تفتح وتغلق برمجياً، مما يوفر مساحة أكبر للمحتوى الأساسي ويحسن تجربة المستخدم على الموبايل.

تنسيق متقدم للصور (Portfolio Hover Effects): إضافة تأثيرات Hover احترافية (Zoom & Overlay)؛ حيث تظهر تفاصيل المشروع عند تمرير الماوس، مما يضفي لمسة من الحيوية على معرض الأعمال.

تصميم قسم الـ Hero (Masthead): استخدام خلفيات متدرجة (Linear Gradient) مع صور Full-screen لخلق انطباع بصري قوي فور دخول الموقع.

أقسام تفاعلية شاملة:

About Section: لعرض المعلومات الأساسية بتنسيق بسيط ومريح للعين.

Services Grid: عرض الخدمات باستخدام أيقونات دائرية مميزة وشبكة (Grid System) مرنة.

Callout & CTA: مناطق مخصصة لجذب انتباه المستخدم (Call to Action) بأزرار تفاعلية وألوان متناسقة.

المهارات المستخدمة:

HTML5 & CSS3: لبناء وتنسيق الهيكل وتخصيص العناصر.

Bootstrap 5 Framework: لضمان استجابة الموقع (Responsiveness) وسرعة التطوير.

JavaScript (Bootstrap Bundle): لتفعيل العناصر التفاعلية مثل القائمة الجانبية.

Google Web Fonts: دمج خط Source Sans Pro لضمان وضوح النصوص واحترافيتها.