تفاصيل العمل

تتميز صفحة الويب هذه بتصميم عصري وجذاب، مع واجهة مستخدم مبنية باستخدام Bootstrap. تتكون الصفحة من عدة أقسام رئيسية:

شريط التنقل (Navigation Bar): يقع في الجزء العلوي ويحتوي على شعار المتجر "logo.png". يتضمن روابط رئيسية مثل "الرئيسية"، "منتجاتنا"، "العروض"، و "تواصل معنا"، بالإضافة إلى زر "تسوق الآن". يدعم شريط التنقل اللغة العربية (dir="rtl").

قسم الترويسة (Header): يعرض رسالة ترحيبية ومقدمة عن العطور، مثل "عطور تُلهم الحواس، تُعبّر عن شخصيتك، وتُخلّد أجمل اللحظات في حياتك". يتضمن هذا القسم وصفًا بأن العطور "فاخرة" و "تترك أثرًا لا يُنسى". كما يحتوي على صورة توضيحية "header-1.png" وزر "تسوق الآن".

قسم المنتجات (Products): يعرض ثلاث بطاقات لمنتجات العطور بأسعارها الأصلية والمخفضة (على سبيل المثال، "لمسة الفخامة" بسعر 1000 جنيه بدلاً من 1250 جنيهًا). كل بطاقة تحتوي على صورة للمنتج (مثل "product-1.png")، وعنوان المنتج، وزر "أضف إلى السلة". الخلفية لهذا القسم باللون #eaddce.

قسم المعرض (Gallery): يعرض أربعة أنواع من العطور في شكل بطاقات، مثل "عطور فاخرة"، "عطور شرقية"، "عطور نسائية"، و "عطور رجالية". كل بطاقة تحتوي على صورة وزر "اكتشف الآن".

قسم الشرائح (Slider): يستخدم Owl Carousel لعرض مجموعة من صور المنتجات بشكل متسلسل.

صفحة الهبوط (Landing Page): تحتوي على خلفية "landing-page.peg.jpeg" وتظهر رسالة "عطورنا مصنوعة من عناصر الطبيعة النقية". يتضمن هذا القسم ثلاث بطاقات تصف مكونات العطور، مع أيقونات توضيحية وصور مثل "Group.png" و "ph_flower-lotus-thin.png" و "Vector.png".

التذييل (Footer): يحتوي على شعار المتجر ووصف موجز. يتضمن أيضًا روابط لأقسام مثل "خدمة العملاء"، "روابط هامة"، و "الفئات". تظهر أيقونات لوسائل التواصل الاجتماعي (TikTok، Facebook، Instagram) وحقوق الطبع والنشر لعام 2025.

بطاقة العمل

اسم المستقل
عدد الإعجابات
0
عدد المشاهدات
4
تاريخ الإضافة
تاريخ الإنجاز
المهارات