header.html

<div id="header_content">

    <div id="header_content_right">

        <!-- الشعار  -->
        
        <img src="/icon/islamiaat.png" alt="اسلاميات" id="logo">
    </div>

    <!-- قائمة الروابط -->

    <div id="header_content_center">
        <a href="/pages/quran/index.html">الفهرس</a>
        <a href="/pages/tafseer/index.html">التفاسير</a>
        <a href="/pages/albitaqat/index.html">البطاقات</a>
        <a href="/pages/hisnmuslim/index.html">حصن المسلم</a>
        <a href="/pages/readers/index.html">المكتبة الصوتية</a>
    </div>

    <!-- زر عرص قائمة الهاتف -->

    <img id="header_content_left" src="/icon/menu.webp" alt="menu" width="30">

</div>

<!-- قائمة الهاتف -->

<div id="header_list_mobile">
    <a href="/pages/quran/index.html">الفهرس</a>
    <a href="/pages/tafseer/index.html">التفاسير</a>
    <a href="/pages/albitaqat/index.html">البطاقات</a>
    <a href="/pages/hisnmuslim/index.html">حصن المسلم</a>
    <a href="/pages/readers/index.html">المكتبة الصوتية</a>
</div>


<!-- زر الذهاب الى الأعلى -->


<div id="top_page">
    <img src="/icon/top.webp" alt="top page" id="top_page_icon" width="20" height="20">
</div>

<!--  ضع الكود الذي تريده داخل الـ div > code_header -->


<div id="code_header">
    
    <!-- code -->

</div>