قمت بتطوير صفحة هبوط تفاعلية كجزء من تحديات Frontend Mentor بهدف تحسين مهاراتي في تطوير واجهات المستخدم وبناء مواقع واقعية.
تم تصميم الصفحة بحيث تكون متجاوبة مع جميع أحجام الشاشات (Responsive Design)، مما يسمح بعرض الموقع بشكل مثالي على الهواتف المحمولة والأجهزة اللوحية وأجهزة الكمبيوتر.
تحتوي الصفحة على عناصر تفاعلية مثل تأثيرات عند مرور المؤشر (Hover Effects)، بالإضافة إلى سلايدر لعرض آراء المستخدمين (Testimonials) بشكل أفقي. كما تم إضافة نموذج اشتراك في النشرة البريدية مع التحقق من صحة البريد الإلكتروني وإظهار رسالة خطأ في حالة إدخال بريد غير صحيح أو ترك الحقل فارغًا.
التقنيات المستخدمة
HTML5
CSS3
مميزات المشروع
تصميم متجاوب مع مختلف الأجهزة
عناصر تفاعلية لتحسين تجربة المستخدم