قمت بتطوير موقع ويب متكامل باستخدام HTML5 وCSS3 وBootstrap، مع التركيز على إنشاء تصميم متجاوب (Responsive) يوفر تجربة مستخدم مريحة وسلسة على مختلف الأجهزة.
المشروع يهدف إلى تطبيق أساسيات تطوير الواجهات الأمامية بشكل عملي، مع الاهتمام بتنظيم الكود، وسهولة الاستخدام، وسرعة الأداء.
🛠️ التقنيات المستخدمة
HTML5:
استخدمت HTML لبناء هيكل الموقع بشكل منظم باستخدام عناصر semantic مثل:
header, nav, section, footer
وده ساعد في تحسين قابلية القراءة وSEO.
CSS3:
قمت بتنسيق الموقع باستخدام:
Flexbox لتنظيم العناصر
Grid في بعض الأجزاء المعقدة
Media Queries لعمل Responsive Design
تحسين الألوان والخطوط لخلق تجربة بصرية مريحة
Bootstrap:
اعتمدت على Bootstrap لتسريع عملية التطوير، واستخدمت:
Grid System لتقسيم الصفحة بشكل مرن
Navbar جاهز ومتجاوب
Cards لعرض المحتوى بشكل منظم
Buttons & Forms بتصميم احترافي
Classes جاهزة لتقليل كتابة CSS مع الحفاظ على شكل نظيف
