portfolio

نوع العمل

هذا المشروع هو موقع شخصي متكامل (Portfolio) باسم "Abdo" يحتوي على أقسام متعددة لعرض المهارات، المشاريع، الخدمات، والسيرة الذاتية.

الميزات الرئيسية

تصميم عصري متجاوب:

يعمل على جميع أحجام الشاشات (Mobile, Tablet, Desktop)

استخدام CSS Grid و Flexbox لتنظيم المحتوى

أقسام متعددة:

صفحة هبوط رئيسية

معرض أعمال (Gallery)

مقالات (Articles)

ميزات (Features)

آراء العملاء (Testimonials)

فريق العمل (Team)

المهارات (Skills)

أحداث (Events)

تسعير الخدمات (Pricing)

فيديوهات (Videos)

إحصائيات (Stats)

خصومات (Discount)

تذييل الصفحة (Footer)

تفاعلات وتأثيرات:

قوائم متدلية (Mega Menu)

عدادات متحركة (Animated Counters)

مؤقت تنازلي (Countdown Timer)

أشرطة تقدم للمهارات (Skills Progress Bars)

تأثيرات حركية عند التمرير (Scroll Animations)

تأثيرات hover على العناصر

وظائف JavaScript:

عدادات رقمية متدرجة

مؤقت تنازلي لحدث قادم

تحريك أشرطة المهارات عند التمرير

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

طريقة التنفيذ

1. الهيكل الأساسي

HTML5: بناء هيكل الصفحة مع عناصر معنوية

CSS3: تنسيقات متقدمة مع متغيرات CSS

JavaScript: لإضافة التفاعلات الديناميكية

2. التصميم والتخطيط

استخدام نظام Grid لعرض العناصر بشكل منظم

تطبيق مبدأ Mobile First للتصميم المتجاوب

استخدام Flexbox لترتيب العناصر داخلياً

3. التأثيرات والحركات

تطبيق تأثيرات CSS Animation

استخدام JavaScript لتحريك العناصر عند التمرير

إنشاء عدادات متحركة للقيم الرقمية