​​​​​ 
<style>
.logo span {
color:#000;
}

.boxes {
display:flex;
justify-content:center;
flex-wrap:wrap;
}

.box {
border-radius:15px;
padding:20px;
width:180px;
box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);
border:1px solid #bbb;
transition:transform 0.2s ease, box-shadow 0.2s ease;
}

.box:hover {
box-shadow:0 8px 16px rgba(0, 0, 0, 0.2);
}

.box h2 {
font-size:16px;
color:#0074a8;
margin-bottom:10px;
}

.box a {
text-decoration:none;
color:#5cbf2a;
font-weight:bold;
border-bottom:1px solid #5cbf2a;
text-align:center;
}

.box a:hover {
color:#3a9e1e;
border-color:#3a9e1e;
}
</style> 
<div class="logo" style="text-align&#58;center;">نظام نور</div><div class="boxes"><div class="box" style="text-align&#58;center;"><h2 style="text-align&#58;center;">لبدء الخدمة</h2><div> 
         <a href="https&#58;//noor.moe.gov.sa/Noor/Login.aspx?ref=noor" target="_blank">انقر هنا</a> </div></div><div class="box" style="text-align&#58;center;"><h2>الدعم الفني</h2><div> 
         <a href="https&#58;//noor.moe.gov.sa/Noor/EduWaveLanding/Support.aspx" target="_blank">انقر هنا</a> </div></div><div class="box"><h2 style="text-align&#58;center;">أداة وشروحات</h2><div style="text-align&#58;center;"> 
         <a href="https&#58;//noor.moe.gov.sa/Noor/EduWaveLanding/Home.aspx" target="_blank">انقر هنا</a> ​</div>​<br></div></div>

نظام نور

انظمة الوزارة

نظام فارس

نظام أعمالي

المنصات التعليمية

منصة مدرستي

بوابة عين

منصة روضتي

للتواصل معنا : 920003170

منصة إكس

انستقرام

سناب شات

يوتيوب

المركز الإعلامي

نظام نور

لبدء الخدمة

الدعم الفني

أداة وشروحات

من الزوار أعجبهم محتوى الصفحة من أصل مشاركة