واجهه اماميه

تصميم واجهة أمامية لموقع ألعاب باستخدام HTML & CSS

في هذا التصميم، تم إنشاء واجهة أمامية لموقع Z-GAMES الذي يعرض ألعابًا متنوعة، مع التركيز على لعبة Cooking Fever. استخدمت HTML لإنشاء الهيكل الأساسي للصفحة، وCSS لتنسيق العناصر وإضافة التأثيرات البصرية.

العناصر الأساسية في التصميم:

شريط التنقل (Navbar):

يحتوي على اسم الموقع Z-GAMES بأحرف كبيرة في أقصى اليسار.

أزرار Home وLogin على اليمين بتصميم بسيط يتناسق مع الخلفية.

لون الخلفية ذهبي داكن يمنح التصميم طابعًا أنيقًا.

الخلفية (Background):

صورة تحتوي على مجموعة من الشخصيات من ألعاب مختلفة بتأثير متكرر (pattern)، مما يعطي انطباعًا ديناميكيًا.

عنوان اللعبة (Game Title & Description):

اسم اللعبة COOKING-FEVER. بخط عريض وأنيق بلون أبيض مع تأثير الظل ليكون واضحًا فوق الخلفية.

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

زر التحميل (Download Button):

زر كبير مكتوب عليه "download now" باللون الأبيض وخلفية ذهبية تتناسب مع ألوان شريط التنقل.

تصميم الزر يجعل المستخدمين يشعرون بأنه قابل للنقر بسهولة.

صورة اللعبة (Game Logo):

شعار اللعبة Cooking Fever موضوع على اليمين مع تأثيرات رسومية تجذب الانتباه.