Portfolio Template باستخدام HTML, CSS, SCSS مع دعم Light & Dark Mode، Navbar متعددة الأقسام، Theme Switcher، وتصميم Responsive منظم

هذا المشروع عبارة عن Template Portfolio شخصي تم تصميمه وتطويره باستخدام

HTML + CSS + SCSS مع دعم Light Mode & Dark Mode.

ما تم تنفيذه داخل المشروع:

تصميم Landing / Hero Section تحتوي على:

عنوان تعريفي واضح (Headline)

نبذة شخصية مختصرة

Call To Action buttons (Say Hi – Download CV)

إنشاء Navbar ثابت يحتوي على:

Media

Skills

My Clients

Bio

Projects

Contact

تنفيذ Theme Switcher للتبديل بين:

Light Mode

Dark Mode

استخدام SCSS لتنظيم:

الألوان (Variables)

إعادة استخدام الأكواد (Structure)

سهولة التعديل والتوسّع

تصميم متناسق للصورة الشخصية مع:

Card UI

Rounded corners

Shadow / Contrast مناسب لكل Theme

تطبيق Responsive Design ليتوافق مع مختلف الشاشات

تنظيم المشروع بطريقة Template قابلة لإعادة الاستخدام لأي Portfolio شخصي

المشروع يركّز على:

نظافة الكود

تنظيم الـ CSS باستخدام SCSS

تجربة مستخدم بسيطة وواضحة

الفصل بين التصميم والمنطق البصري