Personal Portfolio Website

تصميم وتطوير موقع بورتفوليو شخصي احترافي

يسرني عرض هذا المشروع الذي يمثل موقع بورتفوليو شخصي كامل، تم بناؤه من الصفر لتقديم خبراتي ومهاراتي ومشاريعي بطريقة حديثة ومنظمة.

التقنيات الأساسية:

HTML5

CSS3

Bootstrap 5 (للتجاوب ونظام الشبكة)

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

استجابة فائقة (Fully Responsive) بفضل Bootstrap: تم الاعتماد على نظام الشبكة (Grid System) من Bootstrap لضمان التكيف التام للمحتوى والأقسام على مختلف الأجهزة، مع ترتيب أنيق للبطاقات في أقسام المهارات والمشاريع.

تنسيق متقدم باستخدام Flexbox: تم استخدام خصائص Flexbox في CSS لتنظيم العناصر داخل الأقسام (مثل محاذاة عناصر شريط التنقل وتوزيع البطاقات) بكفاءة عالية، مما يضمن محاذاة عمودية وأفقية دقيقة.

تصميم بصري جذاب (Dark Theme):

تم اختيار النمط الداكن (Dark Theme) لخلفية الموقع، مما يمنحه مظهرًا عصريًا واحترافيًا.

استخدام تباين ألوان مدروس ومريح للعين يركز الانتباه على المحتوى.

عرض المهارات بالرموز (Iconography): تم دمج أيقونات التقنيات واللغات البرمجية (مثل HTML5، CSS3، JavaScript) بشكل احترافي داخل بطاقات لتوفير تمثيل بصري فوري للمهارات.

هيكلة محتوى متكاملة: الموقع مقسم إلى أقسام دلالية واضحة (About Me, My Skills, My Projects, Education, Work Experience, Achievements, Get In Touch) يمكن الوصول إليها عبر شريط تنقل علوي ثابت.

تسهيل الوصول للمشاريع: كل مشروع مُعرض في بطاقة منظمة تتضمن لقطة شاشة، وصف، وروابط مباشرة لـ (Live Demo) و (GitHub Repo).

هذا المشروع يوضح قدرتي على بناء واجهات أمامية (Front-End) قوية، تجمع بين التصميم الحديث والاستجابة الكاملة، مع تطبيق أفضل الممارسات في HTML، CSS المخصص، واستخدام إطار عمل قوي مثل Bootstrap.