<html dir="rtl" lang="ar">
<head>
<meta charset="UTF-8">
<title>بنك الفروض والاختبارات</title>
<style>
body {
font-family: "Cairo", sans-serif;
background: #f8f9fa;
margin: 20px;
text-align: center;
}
h2 {
margin: 25px 0 15px;
color: white;
padding: 12px;
border-radius: 10px;
}
/* خلفيات ملونة للعناوين */
.primary-title { background: linear-gradient(135deg, #ff9966, #ff5e62); }
.middle-title { background: linear-gradient(135deg, #56ab2f, #a8e063); }
.secondary-title { background: linear-gradient(135deg, #667eea, #764ba2); }
.icon-box {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
max-width: 350px;
margin: 0 auto;
}
.icon {
display: flex;
align-items: center;
justify-content: center;
color: white !important; /* اللون يبقى أبيض */
font-size: 18px;
font-weight: bold;
width: 280px;
height: 60px;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.2s, box-shadow 0.2s;
cursor: pointer;
text-decoration: none;
}
.icon:hover {
transform: scale(1.05);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
/* تأكيد بقاء النص أبيض في كل الحالات */
.icon, .icon:visited, .icon:active {
color: white !important;
text-decoration: none;
}
/* ألوان مختلفة لكل مرحلة */
.primary { background: linear-gradient(135deg, #ff9966, #ff5e62); }
.middle { background: linear-gradient(135deg, #56ab2f, #a8e063); }
.secondary {
background: linear-gradient(135deg, #667eea, #764ba2);
height: 80px; /* زيادة الطول */
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 0 10px;
}
.exam {
background: linear-gradient(135deg, #f7971e, #ffd200);
color: #333;
font-weight: bold;
height: 80px; /* نفس طول الثانوي للتناسق */
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 0 10px;
}
</style>
</head>
<body>
<h2 class="primary-title">بنك الفروض والاختبارات التعليم الابتدائي</h2>
<div class="icon-box">
<a class="icon primary" href="رابط_السنة1">اختبارات السنة الأولى ابتدائي</a>
<a class="icon primary" href="رابط_السنة2">اختبارات السنة الثانية ابتدائي</a>
<a class="icon primary" href="رابط_السنة3">اختبارات السنة الثالثة ابتدائي</a>
<a class="icon primary" href="رابط_السنة4">اختبارات السنة الرابعة ابتدائي</a>
<a class="icon primary" href="رابط_السنة5">اختبارات السنة الخامسة ابتدائي</a>
<a class="icon exam" href="رابط_شهادة_الابتدائي">مواضيع شهادة التعليم الابتدائي</a>
</div>
<h2 class="middle-title">بنك الفروض والاختبارات التعليم المتوسط</h2>
<div class="icon-box">
<a class="icon middle" href="رابط_متوسط1">فروض واختبارات الأولى متوسط</a>
<a class="icon middle" href="رابط_متوسط2">فروض واختبارات الثانية متوسط</a>
<a class="icon middle" href="رابط_متوسط3">فروض واختبارات الثالثة متوسط</a>
<a class="icon middle" href="رابط_متوسط4">فروض واختبارات الرابعة متوسط</a>
<a class="icon exam" href="رابط_شهادة_المتوسط">مواضيع شهادة التعليم المتوسط</a>
</div>
<h2 class="secondary-title">بنك الفروض والاختبارات التعليم الثانوي</h2>
<div class="icon-box">
<a class="icon secondary" href="رابط_ثانوي1">فروض واختبارات السنة الأولى ثانوي</a>
<a class="icon secondary" href="رابط_ثانوي2">فروض واختبارات السنة الثانية ثانوي</a>
<a class="icon secondary" href="رابط_ثانوي3">فروض واختبارات السنة الثالثة ثانوي</a>
<a class="icon exam" href="رابط_بكالوريا">مواضيع وحلول شهادة البكالوريا</a>
</div>
</body>
</html>
