ويب سايت تفاعلي

هذا الموقع هو صفحة ويب تفاعلية تم تطويرها باستخدام HTML وCSS فقط، دون الحاجة إلى JavaScript. يتميز التصميم بالبساطة والجاذبية، مع استخدام ألوان متناسقة وخطوط واضحة تعزز تجربة المستخدم. يتكون الموقع من: رأس الصفحة (Header): يحتوي على شعار الموقع وشريط تنقل يسمح بالوصول السريع إلى أقسام الموقع المختلفة. القسم الرئيسي (Main Section): يتضمن محتوى تفاعلي مثل أزرار تتغير عند تمرير الماوس (hover effects)، وصور يتم تكبيرها بسلاسة عند التفاعل معها. قسم حولنا (About Us): يعرض نبذة عن الهدف من الموقع بطريقة منظمة باستخدام تخطيط شبكي (Grid Layout). نموذج تواصل (Contact Form): نموذج بسيط لجمع بيانات المستخدم باستخدام عناصر الـHTML مع تنسيقات CSS مخصصة لتحسين المظهر. تذييل الصفحة (Footer): يحتوي على روابط لوسائل التواصل الاجتماعي وحقوق النشر. تم استخدام تقنيات CSS الحديثة مثل: Flexbox وGrid لترتيب العناصر بشكل متجاوب. Media Queries لجعل التصميم متوافقًا مع الشاشات الصغيرة مثل الهواتف. تحولات (Transitions) وتأثيرات (Hover Effects) لإضافة لمسة تفاعلية دون استخدام JavaScript.