عمل صفحة تسجيل دخول (ٍSign in) باستخدام ( html ,css)

وصف الصفحة:

الصفحة تحتوي على شريط تنقل علوي (Navigation Bar) يتضمن العناصر التالية:

شعار الموقع (Logo): يظهر النص "LOGO." في الجزء الأيسر من الشريط.

القائمة الرئيسية (Menu): تحتوي على روابط (قائمة من العناصر):

الصفحة الرئيسية (Home)

المدونة (Blog)

الخدمات (Services)

من نحن (About)

زر تسجيل الدخول (Sign In): يوجد في الجهة اليمنى من الشريط العلوي زر مكتوب عليه "Sign In" باللون الأبيض.

قائمة الهامبرغر (Hamburger Menu): في الجهة اليمنى، تظهر أيقونة ثلاث خطوط أفقية لتوفير قائمة منسدلة عند النقر عليها.

أسفل شريط التنقل، يوجد نموذج تسجيل دخول يحتوي على التالي:

رأس النموذج (Header): يوجد نص صغير في الأعلى يشير إلى أنه إذا كان لديك حساب، يمكنك النقر لتسجيل الدخول.

حقول الإدخال (Input Fields): تحتوي على:

حقل لإدخال اسم المستخدم أو البريد الإلكتروني مع أيقونة شخصية.

حقل لإدخال كلمة المرور مع أيقونة قفل.

زر إرسال (Submit Button): يوجد أسفل حقول الإدخال زر لإرسال بيانات تسجيل الدخول مكتوب عليه "Sign in".

خيارات إضافية:

تذكرني: مربع اختيار يسمح للمستخدم بتحديد خيار "تذكرني".

نسيت كلمة المرور: يوجد رابط تحت الحقول يشير إلى إمكانية استرجاع كلمة المرور في حال نسيانها.