تم تصميم واجهة Front-End لموقع كافيه باستخدام HTML و CSS، مع التركيز على تقديم تجربة مستخدم بسيطة وجذابة. يحتوي الموقع على عرض للمنتجات مثل المشروبات والحلويات بطريقة منظمة باستخدام تصميم كروت (Cards) مع صور وأسعار لكل منتج.
تم استخدام تقنيات CSS مثل Flexbox و Grid لإنشاء Layout متناسق ومتجاوب يعمل بشكل جيد على مختلف أحجام الشاشات. كما تم الاهتمام بتناسق الألوان والخطوط لإعطاء طابع مريح يعكس هوية الكافيه.
يشمل التصميم:
شريط تنقل (Navbar) بسيط وسهل الاستخدام
قسم رئيسي (Hero Section) يحتوي على رسالة ترحيبية
عرض المنتجات (Coffee & Desserts) بطريقة جذابة
أزرار تفاعلية مثل (Order Now)
تصميم متجاوب (Responsive Design)
