Modern Portfolio Landing Page

تم تصميم وتطوير واجهة رئيسية (Home Page) حديثة لموقع Portfolio شخصي باستخدام HTML5 و CSS3، مع التركيز على تقديم تصميم عصري، وألوان متناسقة، وتجربة مستخدم احترافية.

تتضمن الصفحة واجهة جذابة تعرض المعلومات الشخصية، والمسمى الوظيفي، وروابط التواصل الاجتماعي، مع استخدام تأثيرات حركية (Animations) وانتقالات سلسة (Transitions) لإضفاء تفاعل وحيوية على التصميم.

تم تنفيذ التصميم ليكون Responsive ويعمل بكفاءة على أجهزة الكمبيوتر والتابلت والهواتف الذكية باستخدام Media Queries.

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

Portfolio Landing Page

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

صفحة واحدة (Home Page)

(((أقسام الصفحة)))

Fixed Header

Navigation Bar

Hero Section

Personal Introduction

Animated Job Title

Social Media Icons

Hire Me Button

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

HTML5

CSS3

Responsive Web Design

Flexbox

Media Queries

CSS Animations

CSS Transitions

CSS Keyframes

Google Fonts

Font Awesome

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

Modern UI Design

Responsive Design

Fixed Navigation Bar

Hero Section احترافية

Animated Typing Text

Blinking Cursor Animation

Hover Effects

Social Media Icons

Hire Me Button

Google Fonts

Font Awesome Icons

Text Shadow Effects

Box Shadow Effects

Smooth Hover Transitions

Clean & Organized Code

Fast Loading

(((الأنيميشن الموجودة)))

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

تغيير المسمى الوظيفي تلقائيًا باستخدام CSS Keyframes (Web Developer → Software Developer → Developer → Youtuber → Script Writer).

وميض مؤشر الكتابة (Blinking Cursor Animation).

تكبير اللوجو عند المرور عليه (Logo Scale Hover).

تكبير عناصر القائمة (Navigation Hover).

Hover Effect على زر Hire Me.

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

تأثيرات Shadow أثناء Hover.

انتقالات سلسة (CSS Transitions).

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

Desktop

Laptop

Tablet

Mobile