موقع شخصي (Portfolio) يعرض معلوماتك، مهاراتك، أعمالك السابقة، ووسائل التواصل معك.
الموقع متجاوب (Responsive) ويظهر بشكل أنيق على جميع الأجهزة: كمبيوتر – تابلت – موبايل.
Navbar (شريط التنقل)
ثابت أعلى الصفحة (Sticky).
روابط سريعة للأقسام (Home – About – Skills – Portfolio – Contact).
باستخدام Bootstrap Navbar.
Hero Section (البداية / المقدمة)
صورة شخصية أو Avatar.
اسمك + وظيفتك (Front-End Developer).
زر "Hire Me" أو "Contact".
About Section (من أنا)
نبذة قصيرة عنك.
صورة شخصية صغيرة.
أزرار لتحميل CV أو LinkedIn.
Skills Section (المهارات)
قائمة المهارات (HTML – CSS – JavaScript – Bootstrap – Git…).
تمثيل المهارات بـ Progress Bars أو أيقونات.
Portfolio / Projects Section (الأعمال)
Cards لكل مشروع (صورة + عنوان + وصف قصير).
زر Demo / View Code.
Grid باستخدام Bootstrap (col-md-4 مثلاً).
Contact Section (تواصل معي)
Form (اسم – إيميل – رسالة).
أيقونات سوشيال ميديا (LinkedIn, GitHub, Twitter).
التقنيات المستخدمة
HTML5: لبناء هيكل الموقع (Semantic Tags: header, section, footer).
CSS3: لتنسيق الألوان والخطوط والحركات (Animations / Hover Effects).
Bootstrap 5:
Grid System لعمل تصميم متجاوب.
Components (Navbar – Cards – Buttons – Forms – Progress Bars).
Font Awesome / Icons: لإضافة أيقونات (GitHub, LinkedIn…).
Responsive Design: باستخدام Media Queries (لو عايزة تخصيص إضافي بجانب Bootstrap).
