تحدي "اتصل بنا" – Frontend Mentor (نموذج تفاعلي كامل)

شاركت في تحدي "Contact Us Page" من منصة Frontend Mentor، وقمت بتطوير نموذج تواصل كامل الوظائف باستخدام HTML وCSS وJavaScript. تم تصميم النموذج ليكون متجاوبًا وتفاعليًا، مع التركيز على تجربة مستخدم سهلة ومباشرة. مميزات النموذج: حقول الاسم، البريد الإلكتروني، نوع الرسالة، الرسالة نفسها التحقق من صحة البيانات (Validation) باستخدام JavaScript عرض رسائل تنبيه واضحة في حال وجود أخطاء في الإدخال تأكيد الإرسال بنجاح عند تعبئة البيانات بشكل صحيح تصميم متجاوب بالكامل يعمل على مختلف الشاشات التقنيات المستخدمة: ✅ HTML5: لبناء الهيكل العام ✅ CSS3: لتنسيق النموذج والعناصر ✅ JavaScript: للتفاعل والتحقق من صحة البيانات وإظهار الرسائل المناسبة ✅ Responsive Design باستخدام Flexbox وMedia Queries النتيجة: نموذج "اتصل بنا" ديناميكي واحترافي، يقدم تجربة استخدام متكاملة بدءًا من التصميم وحتى التفاعل، مما يجعله مناسبًا للدمج في أي موقع ويب حديث.