مشروع بورتفوليو متجاوب باستخدام html , css , bootstrap

موقع شخصي (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).