تصميم صفحة ويب رئيسية متجاوبة باستخدام Flexbox و Media Queries.
قمت بتصميم صفحة رئيسية تحتوي على شريط تنقل (Navbar) متجاوب باستخدام Flexbox، يضم شعار الموقع وروابط (Home - About - Services - Contact) بشكل مرتب وألوان جذابة.
تحتوي الصفحة أيضًا على قسم ترحيبي (Hero Section) مع عنوان واضح، وصف قصير، وزر تفاعلي لتشجيع الزائر على اتخاذ إجراء.
الصفحة متجاوبة بالكامل مع جميع الأجهزة باستخدام Media Queries، حيث تظهر بشكل أفقي في الشاشات الكبيرة، وتتحول إلى عرض عمودي مرتب في الشاشات الصغيرة والهواتف.
استخدمت في هذا المشروع:
HTML5 لهيكلة الصفحة بشكل نظيف.
CSS3 لتصميم حديث وجذاب.
Flexbox لترتيب العناصر بشكل مرن.
Media Queries لضمان تجاوب الموقع مع جميع الشاشات.
الكود منظم وسهل القراءة، ويمكن تعديله بسهولة لاحقًا حسب طلب العميل، مع إمكانية رفع المشروع على Netlify لمراجعته أونلاين. كما يمكن إضافة صفحة About أو صفحة تواصل مستقبلًا بسهولة لتوسيع الموقع حسب الحاجة.
التقنيات المطلوبة
HTML5- CSS3
المطلوب استلامه
يوجد ملف HTML ايضا ملف CSS ويوجد صفحات اخرى حسب عدد الايقونات التي تنقل الى الصفحات الفرعية انطلاقا من الصفحة الرئيسية