landing page - صفحة هبوط

Landing Page Design (HTML, CSS, Hover Effects)

هذا مشروع صفحة هبوط (Landing Page) صمّمته باستخدام HTML وCSS، مع التركيز على تصميم واجهة مستخدم جذابة وبسيطة، تناسب المشاريع الشخصية أو المنتجات الرقمية.

مكونات الصفحة:

-شريط تنقل (Navigation Bar): يحتوي على روابط (Home – Blog – About – Service) وزر بارز لتسجيل الدخول (Sign In) بتأثير Hover يُغيّر اللون عند المرور عليه.

-شعار بسيط (Logo): يبرز في أعلى الصفحة بلون مميز يعكس هوية التصميم.

-عنوان لافت:

"Landing Page Design" مكتوب بخط عريض، مع تمييز كلمة "Page" بلون وردي لإضفاء لمسة جمالية.

-نص ترحيبي قصير: يحتوي على فقرة تعريفية بنص وهمي (Lorem Ipsum) لتوضيح فكرة المشروع.

-زر Call To Action (Subscribe): مزوّد بتأثير hover يضيف ظل (box-shadow) ويُغيّر اللون بشكل تفاعلي عند تمرير الماوس.

-صورة توضيحية (Illustration): تضيف حيوية للموقع وتعبر عن فكرة العمل الجماعي أو التفاعل.