قائمة روابط مدعومة بأيقونات متجاوبة وسهلة الإستخدام

<style>

#cnmu-blocks{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:20px;}

#cnmu-blocks a{text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background-color:#f8f8f8;padding:10px!important;color:#444;transition:all .4s ease;font-size:14px;}

#cnmu-blocks a:hover{background-color:#446EAC;color:#fff;}

#cnmu-blocks i{font-size:32px;}

#cnmu-blocks i::before,#cnmu-blocks i::after{transition:none;}

</style>

<div id="cnmu-blocks">

<!--URL Start-->

<a href="#" target="_blank">

<i class="fa fa-home"></i>

<span>الصفحة الرئيسية</span>

</a>

<!--URL End-->

</div>

• 💢
• معاينة