Modern Personal Portfolio Website

تم تصميم وتطوير موقع Portfolio شخصي احترافي باستخدام HTML5 و CSS3 مع التركيز على التصميم العصري وسهولة الاستخدام وتجربة المستخدم.

يعرض الموقع المعلومات الشخصية والمهارات والخدمات السابقة بطريقة منظمة مع تصميم متجاوب (Responsive) يعمل بكفاءة على أجهزة الكمبيوتر والتابلت والهواتف الذكية.

تم الاعتماد على أحدث تقنيات CSS مثل Flexbox و Media Queries بالإضافة إلى استخدام التأثيرات الحركية (Animations & Hover Effects) لإضفاء مظهر احترافي وتفاعل أفضل مع المستخدم.

* (عدد الصفحات)

- صفحة واحدة (Single Page Website)

* (أقسام الموقع)

- Navigation Bar

- Home

- About

- Services

- Skills

- Portfolio

- Contact

* ( التقنيات المستخدمة )

- HTML5

- CSS3

- CSS Variables

- Flexbox

- CSS Grid

- Media Queries

- Font Awesome

- Google Fonts

((( المميزات)))

- تصميم حديث (Modern UI)

- Responsive بالكامل لجميع الشاشات

- Fixed Navigation Bar

- Smooth Scrolling بين الأقسام

- Mobile Navigation Menu (Hamburger Menu)

- استخدام CSS Variables لتنظيم الألوان

- تصميم سريع وخفيف

- كود منظم وسهل التعديل

- استخدام أيقونات Font Awesome

- Google Fonts

- Custom Scrollbar

- SVG Wave Sections للفصل بين الأقسام

- Progress Bars لعرض المهارات

- Contact Form

- Portfolio Cards

- Services Cards

- Hover Effects على جميع العناصر التفاعلية

( التأثيرات الحركية (Animations))

الموقع يحتوي على عدة تأثيرات حركية، منها:

- حركة عائمة (Floating Animation) للصورة الرئيسية في قسم Home.

- Hover Animation للأزرار.

- Hover Effects على بطاقات الخدمات.

- Hover Effects على بطاقات معرض الأعمال.

- تكبير الصور داخل البطاقات عند المرور عليها.

- انتقالات سلسة (CSS Transitions) لجميع العناصر.

- حركة رفع للأيقونات والأزرار عند Hover.

- فتح وإغلاق القائمة الجانبية في الهواتف بشكل انسيابي.

- Smooth Scroll عند التنقل بين الأقسام.

((( التوافق )))

الموقع متوافق مع:

- Desktop

- Laptop

- Tablet

- Mobile