Responsive HTML & CSS Portfolio

تم تصميم وتطوير موقع Portfolio شخصي حديث باستخدام HTML5 و CSS3 لعرض المهارات، والأعمال السابقة، ووسائل التواصل بطريقة احترافية وعصرية.

يعتمد الموقع على تصميم حديث (Modern UI) مع ألوان متناسقة، وتنسيق احترافي، وتجربة مستخدم سلسة، بالإضافة إلى كونه متجاوبًا بالكامل مع جميع أحجام الشاشات باستخدام Media Queries.

تم الاهتمام بتنظيم الكود وسهولة تطويره مستقبلًا، مع استخدام تأثيرات بصرية وانتقالات ناعمة لتحسين تجربة المستخدم وإظهار المحتوى بشكل جذاب.

(((نوع المشروع)))

Personal Portfolio Website

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

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

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

Header

Navigation Bar

Hero Section

About Me

Latest Works (Portfolio)

Contact Me

Social Media Links

Footer

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

HTML5

CSS3

Responsive Web Design

Flexbox

CSS Media Queries

CSS Hover Effects

CSS Transitions

Google Fonts

SVG Icons

Background Images

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

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

Responsive بالكامل لجميع الأجهزة

صفحة واحدة سهلة التصفح

Navigation Bar

Smooth Scrolling

Hero Section احترافية

زر Download CV

زر Hire Me

معرض أعمال Portfolio

قسم About Me

قسم Contact

روابط مواقع التواصل الاجتماعي

Footer احترافي

استخدام Google Fonts

استخدام SVG Icons

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

سرعة تحميل جيدة

تصميم بسيط وأنيق

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

المشروع يحتوي على التأثيرات التالية:

Smooth Scroll بين الأقسام.

Hover Effect على عناصر القائمة (Navigation).

Hover Effect على زر Hire Me.

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

تكبير صور المشاريع (Scale Animation).

Hover Effect على أيقونات التواصل الاجتماعي.

انتقالات سلسة (CSS Transitions) على العناصر التفاعلية.

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

Desktop

Laptop

Tablet

Mobile