<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MK Group - قريباً</title>
<style>
/* 1. خلفية سوداء كاملة وملء الشاشة */
body, html {
margin: 0;
padding: 0;
background-color: #000; /* خلفية سوداء */
height: 100vh;
width: 100vw;
display: flex;
flex-direction: column; /* ترتيب العناصر عمودياً */
justify-content: center; /* تمركز عمودي */
align-items: center; /* تمركز أفقي */
font-family: 'Arial', sans-serif;
overflow: hidden; /* منع التمرير */
}
/* 2. تنسيق اللوجو - حجم كبير وواضح في النص */
.logo-container {
/* تعديل الحجم من هنا لو عايزه أكبر أو أصغر */
width: 90%;
max-width: 600px; /* أقصى عرض للوجو على الشاشات الكبيرة */
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px; /* مسافة بين اللوجو والكلام */
}
.logo-container img {
width: 100%;
height: auto; /* الحفاظ على أبعاد اللوجو */
display: block;
}
/* 3. تنسيق الكلام - ثابت، ذهبي، واضح */
h1 {
color: #d4af37; /* لون ذهبي فخم */
font-size: clamp(24px, 5vw, 40px); /* حجم خط متجاوب */
font-weight: bold;
text-align: center;
margin: 0;
padding: 0 20px;
/* تم إزالة الأنيميشن والشريط الماشي بناءً على طلبك */
}
</style>
</head>
<body>
<div class="logo-container">
<img src="logo.png" alt="MK Group Logo">
</div>
<h1>ترقبوا الافتتاح قريباً</h1>
</body>
</html>