Request a Service form using html only

قمت بتطوير نموذج طلب خدمة متكامل يجمع بين بساطة الكود وجمال التصميم (UI/UX)، مخصص للشركات التقنية والمستقلين لجمع بيانات المشاريع من العملاء بشكل منظم واحترافي.

أبرز المميزات التقنية في المشروع:

بناء هيكلي نظيف (Semantic HTML): تم استخدام وسوم HTML5 الصحيحة مثل <fieldset> و <legend> لضمان تنظيم البيانات وسهولة القراءة لمحركات البحث وتقنيات المساعدة.

تجربة مستخدم عصرية (Modern UI): صممت الواجهة باستخدام CSS3 مع التركيز على الـ "Card Layout" والظلال الناعمة (Soft Shadows) ليعطي إحساساً بالعمق والاحترافية.

تفاعلية المدخلات (Form Interaction): أضفت تأثيرات حركية عند التركيز (Focus States) على الحقول وتغيير الألوان عند تمرير الماوس (Hover Effects) لزيادة تفاعل المستخدم.

تنسيق ذكي للحقول: قمت بتنظيم أنواع مختلفة من المدخلات تشمل القوائم المنسدلة (Dropdowns)، اختيار التاريخ (Date Picker)، والحقول الرقمية لضمان دقة البيانات المطلوبة (الميزانية، الموعد النهائي، نوع الخدمة).

دقة التفاصيل: الاهتمام بالهوامش (Padding & Margins) وتناسق الخطوط لضمان راحة العين أثناء التصفح.

الأدوات المستخدمة:

HTML5

CSS3 (Custom Styling)