بروفايل شخصي

هذا المشروع هو موقعي الشخصي الذي أعرض فيه شغلي وخدماتي كمطوّر واجهات أمامية. صمّمته وبنيته من الصفر ليكون واجهة احترافية تعبّر عن أسلوبي: دقة في التنفيذ، وتجاوب مع كل الشاشات، وكود نظيف.

يبدأ الموقع بقسم رئيسي يعرّف بي ويحتوي على صورتي وزر تواصل مباشر، ثم قسم "نبذة عني"، ثم قسم يشرح ما أقدّمه للعميل مع عرض تفاعلي يوضح كيف يتغيّر التصميم حسب عرض الشاشة، ثم المهارات والمشاريع، وينتهي بنموذج لإرسال رسالة.

اعتمدت تصميمًا بصريًا مميزًا بألوان الأحمر والأزرق مع خلفيات منقّطة وزخارف شبكة العنكبوت وإطارات بأسلوب الكوميكس، مع الحفاظ على وضوح القراءة وسهولة التصفح.

أهم المميزات:

تصميم متجاوب بالكامل يعمل على الموبايل والتابلت والكمبيوتر

وضع داكن يتفعّل تلقائيًا حسب إعدادات جهاز الزائر

عرض تفاعلي يوضح فكرة الـ Responsive Design بتغيير عرض التصميم مباشرة

قسم مشاريع بتصميم كروت منظمة وروابط للمعاينة والكود

نموذج تواصل (الاسم والإيميل والرسالة) مع التحقق من البيانات

حركات خفيفة تحترم إعدادات تقليل الحركة، وألوان وخطوط واضحة لسهولة القراءة

التقنيات المستخدمة:

HTML5 · CSS3 (Flexbox وGrid وCSS Variables وContainer Queries) · JavaScript