تصميم صفحة Landing Page متكاملة مع وضع اعدادات مميزة

صفحة ويب مميزة, تم تصميمها بوسطة HTML, CSS, JavaScript

يتميز الموقع بتصميم متجاوب مع جميع الشاشات مثل الجوال و الاحهزة اللوحية و اللابتوب

يوفر الموقع تجربة مستخدم سلسة من خلال تقديم تصميم جذاب و تقنيات حديثة للتفاعل و الرسوم المتحركة

يوفر الموقع إعدادات الواجهة ويضيف بعض الوظائف التفاعلية. سأقدم شرحًا لكل جزء من الكود:

علبة الإعدادات (Settings Box):

هذا الجزء يُظهر علبة تحتوي على إعدادات مختلفة مثل الألوان وخلفية عشوائية وعرض النقاط.

زر التبديل (Toggle Setting Button):

زر يستخدم لفتح وإغلاق علبة الإعدادات.

صناديق الخيارات (Option Boxes):

تحتوي على العديد من الصناديق التي تسمح للمستخدم بتغيير الإعدادات.

الصناديق تشمل:

الألوان: يمكن للمستخدم تغيير لون الواجهة باختيار لون من القائمة.

خلفية عشوائية: يمكن للمستخدم تفعيل أو تعطيل تغيير الخلفية بشكل عشوائي.

عرض النقاط: يمكن للمستخدم تفعيل أو تعطيل عرض نقاط التنقل في الواجهة.

زر إعادة الضبط (Reset Options Button):

زر يسمح للمستخدم بإعادة تعيين الإعدادات إلى الوضع الافتراضي.

الجزء الأساسي للكود.

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

يتم تحديد القسم الحالي بناءً على تمرير المستخدم.

عنصر التحكم بعرض نقاط التنقل.

يسمح للمستخدم بإظهار أو إخفاء نقاط التنقل.

إعادة تعيين الإعدادات المحفوظة.

يسمح للمستخدم بإعادة تعيين جميع الإعدادات المحفوظة إلى الإعدادات الافتراضية.