NatFruitsMarket

قمت بتصميم وتنفيذ واجهة الصفحة الرئيسية لموقع متجر إلكتروني (NatFruits) باستخدام HTML وCSS مع التركيز على البساطة، الوضوح، وتجربة المستخدم. وشغلي في الواجهة شمل الآتي: تصميم وتنفيذ Navbar علوي يحتوي على: شعار الموقع (NATFRUITS) روابط الأقسام (Home – Categories – Products – About – Contact). تنسيق روابط الـ Navbar على شكل Buttons دائرية (Rounded links) مع تأثيرات Hover. تنفيذ قسم Hero Section مقسّم إلى عمودين (نص – صورة) باستخدام Flexbox / Grid. تصميم منطقة العرض التسويقي (Offer Section) والتي تحتوي على: عنوان ترويجي (SAVE ON ALL PRODUCTS) مربع الخصم (45% OFF) بتأثير ظل (Box shadow). نص توضيحي أسفل العرض. تصميم زر SHOP NOW بتنسيق مخصص وحواف دائرية مع تأثير تفاعل. إدراج صورة المنتجات وتنسيقها داخل الـ Layout بدون تشويه مع الحفاظ على جودة العرض. ضبط المحاذاة والمسافات (Spacing & Alignment) لتحقيق توازن بصري بين النص والصورة. الالتزام باستخدام ألوان متناسقة تعكس هوية متجر المنتجات الطبيعية. تنظيم هيكل الصفحة باستخدام عناصر HTML دلالية (Semantic HTML). كتابة كود CSS منظم وقابل لإعادة الاستخدام.