<!DOCTYPE html>
<html lang="id">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Eramuslim</title>
	<link rel="canonical" href="https://www.eramuslim.com" />
    <meta name="description" content="Media Islam Rujukan. Menyajikan berita dunia Islam dan informasi umat yang akurat dan terpercaya.">
    <meta name="keywords" content="berita islam, dunia islam, palestina, informasi umat, eramuslim">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Eramuslim">
    <meta property="og:description" content="Media Islam Rujukan. Menyajikan berita dunia Islam dan informasi umat yang akurat dan terpercaya.">
    <meta property="og:url" content="https://www.eramuslim.com/">
    <meta property="og:site_name" content="Eramuslim">
    <meta property="og:image" content="img/logo-eramuslim-2022.svg">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Eramuslim">
    <meta name="twitter:description" content="Media Islam Rujukan. Menyajikan berita dunia Islam dan informasi umat yang akurat dan terpercaya.">
    <meta name="twitter:site" content="@eramuslim">
    <meta name="twitter:image" content="img/logo-eramuslim-2022.svg">    <link rel="icon" href="favicon.ico">
    <script src="script_file.js"></script>
    <style>
        .prose img { max-width: 100%; height: auto; }
        .prose p { margin-bottom: 1em; }
    </style>
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-1VCYRTPM4M"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-1VCYRTPM4M');
    </script>
            <script>
        (function(c,l,a,r,i,t,y){
            c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
            t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
            y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
        })(window, document, "clarity", "script", "uzz7ys576w");
    </script>
    </head>
<body class="bg-gray-100">
    <header class="bg-[#ededed] py-4">
        <div class="mx-auto flex max-w-7xl justify-center px-4 md:justify-start">
            <a href="/">
                <img src="img/logo-eramuslim-2022.svg" alt="eramuslim" class="h-12 md:h-16">
            </a>
        </div>
    </header>
    <nav class="sticky top-0 z-50 bg-[#1e73be] text-white shadow-md">
        <div class="mx-auto max-w-7xl">
<div class="relative flex w-full items-center justify-between">
    <!-- Mobile Menu Toggle -->
    <div class="flex w-full items-center justify-between px-4 py-2 md:hidden">
        <span class="text-sm font-bold tracking-wider uppercase">Menu</span>
        <button id="menu-toggle" class="text-white hover:text-orange-200 focus:outline-none" aria-label="Toggle menu">
            <svg id="menu-icon-open" class="h-6 w-6 hidden" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
            </svg>
            <svg id="menu-icon-closed" class="h-6 w-6" fill="none" stroke="currentColor" viewbox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
            </svg>
        </button>
    </div>
    <!-- Desktop Menu -->
    <ul id="primary-menu" class="hidden w-full items-center whitespace-nowrap md:flex">
                    <li class="group relative border-b-4 border-transparent transition-colors hover:border-orange-500">
                <a href="category/berita" class="inline-flex items-center px-3 py-4 text-sm font-bold tracking-wider uppercase">
                    Berita                                            <svg class="ml-1 h-4 w-4" fill="currentColor" viewbox="0 0 20 20">
                            <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                        </svg>
                                    </a>
                                    <ul class="absolute top-full left-0 mt-1 hidden min-w-[220px] bg-white py-2 text-gray-800 shadow-2xl group-hover:block z-50">
                                                    <li>
                                <a href="category/berita/nasional" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                    Nasional                                </a>
                            </li>
                                                    <li>
                                <a href="category/berita/palestina" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                    Palestina                                </a>
                            </li>
                                                    <li>
                                <a href="category/berita/dunia-islam" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                    Dunia Islam                                </a>
                            </li>
                                                    <li>
                                <a href="category/editorial" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                    Editorial                                </a>
                            </li>
                                                    <li>
                                <a href="category/berita/opini" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                    Opini                                </a>
                            </li>
                                                    <li>
                                <a href="category/berita/silaturrahim" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                    Silaturrahim                                </a>
                            </li>
                                                    <li>
                                <a href="category/berita/info-umat" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                    Info Umat                                </a>
                            </li>
                                                    <li>
                                <a href="category/berita/nwo-untold" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                    History                                </a>
                            </li>
                                                    <li>
                                <a href="category/berita/catatan-redaksi" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                    Catatan Redaksi                                </a>
                            </li>
                                                    <li>
                                <a href="category/berita/bincang" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                    Bincang-Bincang                                </a>
                            </li>
                                            </ul>
                            </li>
                    <li class="group relative border-b-4 border-transparent transition-colors hover:border-orange-500">
                <a href="category/oase-iman" class="inline-flex items-center px-3 py-4 text-sm font-bold tracking-wider uppercase">
                    Oase Iman                                            <svg class="ml-1 h-4 w-4" fill="currentColor" viewbox="0 0 20 20">
                            <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                        </svg>
                                    </a>
                                    <ul class="absolute top-full left-0 mt-1 hidden min-w-[220px] bg-white py-2 text-gray-800 shadow-2xl group-hover:block z-50">
                                                    <li>
                                <a href="category/kisah" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                    Kisah                                </a>
                            </li>
                                                    <li>
                                <a href="category/dakwah-mancanegara" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                    Dakwah Mancanegara                                </a>
                            </li>
                                            </ul>
                            </li>
                    <li class="group relative border-b-4 border-transparent transition-colors hover:border-orange-500">
                <a href="category/peradaban" class="inline-flex items-center px-3 py-4 text-sm font-bold tracking-wider uppercase">
                    Peradaban                                            <svg class="ml-1 h-4 w-4" fill="currentColor" viewbox="0 0 20 20">
                            <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                        </svg>
                                    </a>
                                    <ul class="absolute top-full left-0 mt-1 hidden min-w-[220px] bg-white py-2 text-gray-800 shadow-2xl group-hover:block z-50">
                                                    <li>
                                <a href="category/peradaban/ekonomi-syariah" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                    Ekonomi Syariah                                </a>
                            </li>
                                                    <li>
                                <a href="category/peradaban/pemikiran-islam" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                    Pemikiran Islam                                </a>
                            </li>
                                                    <li>
                                <a href="category/peradaban/bercermin-salaf" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                    Bercermin Pada Salaf                                </a>
                            </li>
                                                    <li>
                                <a href="category/peradaban/sirah-tematik" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                    Sirah Tematik                                </a>
                            </li>
                                                    <li>
                                <a href="category/peradaban/quran-sunnah" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                    Mukjizat Quran & Sunnah                                </a>
                            </li>
                                                    <li>
                                <a href="category/peradaban/tafsir-zhilal" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                    Tafsir Fi Zhilalil Qur'an                                </a>
                            </li>
                                            </ul>
                            </li>
                    <li class="group relative border-b-4 border-transparent transition-colors hover:border-orange-500">
                <a href="category/berita/laporan-khusus" class="inline-flex items-center px-3 py-4 text-sm font-bold tracking-wider uppercase">
                    Laporan Khusus                                    </a>
                            </li>
                    <li class="group relative border-b-4 border-transparent transition-colors hover:border-orange-500">
                <a href="category/tahukah-anda" class="inline-flex items-center px-3 py-4 text-sm font-bold tracking-wider uppercase">
                    Tahukah Anda                                    </a>
                            </li>
                    <li class="group relative border-b-4 border-transparent transition-colors hover:border-orange-500">
                <a href="category/akhwat/muslimah" class="inline-flex items-center px-3 py-4 text-sm font-bold tracking-wider uppercase">
                    Muslimah                                            <svg class="ml-1 h-4 w-4" fill="currentColor" viewbox="0 0 20 20">
                            <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                        </svg>
                                    </a>
                                    <ul class="absolute top-full left-0 mt-1 hidden min-w-[220px] bg-white py-2 text-gray-800 shadow-2xl group-hover:block z-50">
                                                    <li>
                                <a href="category/akhwat/wanita-bicara" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                    Wanita Bicara                                </a>
                            </li>
                                                    <li>
                                <a href="category/akhwat/inspirasi-wanita" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                    Inspirasi Wanita                                </a>
                            </li>
                                                    <li>
                                <a href="category/akhwat/quranic-parenting" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                    Qur'anic Parenting                                </a>
                            </li>
                                                    <li>
                                <a href="category/akhwat/lifestyle-muslimah" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                    Lifestyle Muslimah                                </a>
                            </li>
                                                    <li>
                                <a href="category/akhwat/kuliner" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                    Kuliner                                </a>
                            </li>
                                            </ul>
                            </li>
                    <li class="group relative border-b-4 border-transparent transition-colors hover:border-orange-500">
                <button class="inline-flex cursor-pointer items-center px-3 py-4 text-sm font-bold tracking-wider uppercase">
                    Lainnya
                    <svg class="ml-1 h-4 w-4" fill="currentColor" viewbox="0 0 20 20">
                        <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                    </svg>
                </button>
                <ul class="absolute top-full right-0 mt-1 hidden min-w-[220px] bg-white py-2 text-gray-800 shadow-2xl group-hover:block z-50">
                                            <li class="group/nested relative">
                            <a href="category/hikmah" class="flex items-center justify-between px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                Hikmah                                                                    <svg class="ml-1 h-4 w-4 -rotate-90" fill="currentColor" viewbox="0 0 20 20">
                                        <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                                    </svg>
                                                            </a>
                                                            <ul class="absolute top-0 right-full hidden min-w-[200px] border border-gray-100 bg-white py-2 text-gray-800 shadow-xl group-hover/nested:block z-50">
                                                                            <li>
                                            <a href="category/hikmah/tafakur" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                                Tafakur                                            </a>
                                        </li>
                                                                            <li>
                                            <a href="category/hikmah/bisnis-jihad" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                                Bisnis itu Jihad                                            </a>
                                        </li>
                                                                    </ul>
                                                    </li>
                                            <li class="group/nested relative">
                            <a href="category/resensi-buku" class="flex items-center justify-between px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                Resensi Buku                                                            </a>
                                                    </li>
                                            <li class="group/nested relative">
                            <a href="category/ustadz" class="flex items-center justify-between px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                Ustadz                                                                    <svg class="ml-1 h-4 w-4 -rotate-90" fill="currentColor" viewbox="0 0 20 20">
                                        <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                                    </svg>
                                                            </a>
                                                            <ul class="absolute top-0 right-full hidden min-w-[200px] border border-gray-100 bg-white py-2 text-gray-800 shadow-xl group-hover/nested:block z-50">
                                                                            <li>
                                            <a href="category/ustadz-menjawab" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                                Ustadz Menjawab                                            </a>
                                        </li>
                                                                            <li>
                                            <a href="category/nasehat-ulama" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                                Nasehat Ulama                                            </a>
                                        </li>
                                                                            <li>
                                            <a href="category/khutbah-jumat" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                                Khutbah Jumat                                            </a>
                                        </li>
                                                                    </ul>
                                                    </li>
                                            <li class="group/nested relative">
                            <a href="category/suara-langit" class="flex items-center justify-between px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                Suara Langit                                                                    <svg class="ml-1 h-4 w-4 -rotate-90" fill="currentColor" viewbox="0 0 20 20">
                                        <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                                    </svg>
                                                            </a>
                                                            <ul class="absolute top-0 right-full hidden min-w-[200px] border border-gray-100 bg-white py-2 text-gray-800 shadow-xl group-hover/nested:block z-50">
                                                                            <li>
                                            <a href="category/suara-langit/penetrasi-ideologi" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                                Penetrasi Ideologi                                            </a>
                                        </li>
                                                                            <li>
                                            <a href="category/suara-langit/ringan-berbobot" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                                Ringan Berbobot                                            </a>
                                        </li>
                                                                            <li>
                                            <a href="category/suara-langit/kehidupan-sejati" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                                Kehidupan Sejati                                            </a>
                                        </li>
                                                                            <li>
                                            <a href="category/suara-langit/undangan-surga" class="block px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                                Undangan ke Surga                                            </a>
                                        </li>
                                                                    </ul>
                                                    </li>
                                            <li class="group/nested relative">
                            <a href="category/sehat" class="flex items-center justify-between px-4 py-2 text-sm font-medium hover:bg-gray-100 hover:text-[#1e73be]">
                                Klinik Sehat                                                            </a>
                                                    </li>
                                    </ul>
            </li>
            </ul>
    <!-- Mobile Menu -->
    <div id="mobile-menu" class="absolute top-full left-0 z-50 max-h-[80vh] w-full overflow-y-auto border-t border-blue-600 bg-[#1e73be] shadow-xl md:hidden hidden">
        <ul class="flex flex-col py-2">
                            <li>
                                            <button data-submenu-toggle="0" class="flex w-full items-center justify-between border-b border-blue-700/50 px-6 py-3 text-left text-sm font-bold tracking-wider text-white uppercase hover:bg-blue-600">
                            Berita                            <svg class="submenu-arrow h-4 w-4 transition-transform duration-200" fill="currentColor" viewbox="0 0 20 20">
                                <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                            </svg>
                        </button>
                        <ul id="submenu-0" class="bg-blue-800/50 hidden">
                                                            <li>
                                    <a href="category/berita/nasional" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Nasional                                    </a>
                                </li>
                                                            <li>
                                    <a href="category/berita/palestina" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Palestina                                    </a>
                                </li>
                                                            <li>
                                    <a href="category/berita/dunia-islam" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Dunia Islam                                    </a>
                                </li>
                                                            <li>
                                    <a href="category/editorial" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Editorial                                    </a>
                                </li>
                                                            <li>
                                    <a href="category/berita/opini" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Opini                                    </a>
                                </li>
                                                            <li>
                                    <a href="category/berita/silaturrahim" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Silaturrahim                                    </a>
                                </li>
                                                            <li>
                                    <a href="category/berita/info-umat" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Info Umat                                    </a>
                                </li>
                                                            <li>
                                    <a href="category/berita/nwo-untold" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        History                                    </a>
                                </li>
                                                            <li>
                                    <a href="category/berita/catatan-redaksi" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Catatan Redaksi                                    </a>
                                </li>
                                                            <li>
                                    <a href="category/berita/bincang" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Bincang-Bincang                                    </a>
                                </li>
                                                    </ul>
                                    </li>
                            <li>
                                            <button data-submenu-toggle="1" class="flex w-full items-center justify-between border-b border-blue-700/50 px-6 py-3 text-left text-sm font-bold tracking-wider text-white uppercase hover:bg-blue-600">
                            Oase Iman                            <svg class="submenu-arrow h-4 w-4 transition-transform duration-200" fill="currentColor" viewbox="0 0 20 20">
                                <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                            </svg>
                        </button>
                        <ul id="submenu-1" class="bg-blue-800/50 hidden">
                                                            <li>
                                    <a href="category/kisah" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Kisah                                    </a>
                                </li>
                                                            <li>
                                    <a href="category/dakwah-mancanegara" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Dakwah Mancanegara                                    </a>
                                </li>
                                                    </ul>
                                    </li>
                            <li>
                                            <button data-submenu-toggle="2" class="flex w-full items-center justify-between border-b border-blue-700/50 px-6 py-3 text-left text-sm font-bold tracking-wider text-white uppercase hover:bg-blue-600">
                            Peradaban                            <svg class="submenu-arrow h-4 w-4 transition-transform duration-200" fill="currentColor" viewbox="0 0 20 20">
                                <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                            </svg>
                        </button>
                        <ul id="submenu-2" class="bg-blue-800/50 hidden">
                                                            <li>
                                    <a href="category/peradaban/ekonomi-syariah" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Ekonomi Syariah                                    </a>
                                </li>
                                                            <li>
                                    <a href="category/peradaban/pemikiran-islam" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Pemikiran Islam                                    </a>
                                </li>
                                                            <li>
                                    <a href="category/peradaban/bercermin-salaf" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Bercermin Pada Salaf                                    </a>
                                </li>
                                                            <li>
                                    <a href="category/peradaban/sirah-tematik" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Sirah Tematik                                    </a>
                                </li>
                                                            <li>
                                    <a href="category/peradaban/quran-sunnah" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Mukjizat Quran & Sunnah                                    </a>
                                </li>
                                                            <li>
                                    <a href="category/peradaban/tafsir-zhilal" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Tafsir Fi Zhilalil Qur'an                                    </a>
                                </li>
                                                    </ul>
                                    </li>
                            <li>
                                            <a href="category/berita/laporan-khusus" class="block border-b border-blue-700/50 px-6 py-3 text-sm font-bold tracking-wider text-white uppercase hover:bg-blue-600">
                            Laporan Khusus                        </a>
                                    </li>
                            <li>
                                            <a href="category/tahukah-anda" class="block border-b border-blue-700/50 px-6 py-3 text-sm font-bold tracking-wider text-white uppercase hover:bg-blue-600">
                            Tahukah Anda                        </a>
                                    </li>
                            <li>
                                            <button data-submenu-toggle="5" class="flex w-full items-center justify-between border-b border-blue-700/50 px-6 py-3 text-left text-sm font-bold tracking-wider text-white uppercase hover:bg-blue-600">
                            Muslimah                            <svg class="submenu-arrow h-4 w-4 transition-transform duration-200" fill="currentColor" viewbox="0 0 20 20">
                                <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                            </svg>
                        </button>
                        <ul id="submenu-5" class="bg-blue-800/50 hidden">
                                                            <li>
                                    <a href="category/akhwat/wanita-bicara" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Wanita Bicara                                    </a>
                                </li>
                                                            <li>
                                    <a href="category/akhwat/inspirasi-wanita" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Inspirasi Wanita                                    </a>
                                </li>
                                                            <li>
                                    <a href="category/akhwat/quranic-parenting" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Qur'anic Parenting                                    </a>
                                </li>
                                                            <li>
                                    <a href="category/akhwat/lifestyle-muslimah" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Lifestyle Muslimah                                    </a>
                                </li>
                                                            <li>
                                    <a href="category/akhwat/kuliner" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Kuliner                                    </a>
                                </li>
                                                    </ul>
                                    </li>
                            <li>
                                            <button data-submenu-toggle="6" class="flex w-full items-center justify-between border-b border-blue-700/50 px-6 py-3 text-left text-sm font-bold tracking-wider text-white uppercase hover:bg-blue-600">
                            Hikmah                            <svg class="submenu-arrow h-4 w-4 transition-transform duration-200" fill="currentColor" viewbox="0 0 20 20">
                                <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                            </svg>
                        </button>
                        <ul id="submenu-6" class="bg-blue-800/50 hidden">
                                                            <li>
                                    <a href="category/hikmah/tafakur" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Tafakur                                    </a>
                                </li>
                                                            <li>
                                    <a href="category/hikmah/bisnis-jihad" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Bisnis itu Jihad                                    </a>
                                </li>
                                                    </ul>
                                    </li>
                            <li>
                                            <a href="category/resensi-buku" class="block border-b border-blue-700/50 px-6 py-3 text-sm font-bold tracking-wider text-white uppercase hover:bg-blue-600">
                            Resensi Buku                        </a>
                                    </li>
                            <li>
                                            <button data-submenu-toggle="8" class="flex w-full items-center justify-between border-b border-blue-700/50 px-6 py-3 text-left text-sm font-bold tracking-wider text-white uppercase hover:bg-blue-600">
                            Ustadz                            <svg class="submenu-arrow h-4 w-4 transition-transform duration-200" fill="currentColor" viewbox="0 0 20 20">
                                <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                            </svg>
                        </button>
                        <ul id="submenu-8" class="bg-blue-800/50 hidden">
                                                            <li>
                                    <a href="category/ustadz-menjawab" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Ustadz Menjawab                                    </a>
                                </li>
                                                            <li>
                                    <a href="category/nasehat-ulama" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Nasehat Ulama                                    </a>
                                </li>
                                                            <li>
                                    <a href="category/khutbah-jumat" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Khutbah Jumat                                    </a>
                                </li>
                                                    </ul>
                                    </li>
                            <li>
                                            <button data-submenu-toggle="9" class="flex w-full items-center justify-between border-b border-blue-700/50 px-6 py-3 text-left text-sm font-bold tracking-wider text-white uppercase hover:bg-blue-600">
                            Suara Langit                            <svg class="submenu-arrow h-4 w-4 transition-transform duration-200" fill="currentColor" viewbox="0 0 20 20">
                                <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                            </svg>
                        </button>
                        <ul id="submenu-9" class="bg-blue-800/50 hidden">
                                                            <li>
                                    <a href="category/suara-langit/penetrasi-ideologi" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Penetrasi Ideologi                                    </a>
                                </li>
                                                            <li>
                                    <a href="category/suara-langit/ringan-berbobot" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Ringan Berbobot                                    </a>
                                </li>
                                                            <li>
                                    <a href="category/suara-langit/kehidupan-sejati" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Kehidupan Sejati                                    </a>
                                </li>
                                                            <li>
                                    <a href="category/suara-langit/undangan-surga" class="block border-b border-blue-700/30 px-8 py-3 text-sm font-medium text-blue-100 hover:bg-blue-700 hover:text-white">
                                        Undangan ke Surga                                    </a>
                                </li>
                                                    </ul>
                                    </li>
                            <li>
                                            <a href="category/sehat" class="block border-b border-blue-700/50 px-6 py-3 text-sm font-bold tracking-wider text-white uppercase hover:bg-blue-600">
                            Klinik Sehat                        </a>
                                    </li>
                    </ul>
    </div>
</div>
<script>
(function() {
    const menuToggle = document.getElementById('menu-toggle');
    const mobileMenu = document.getElementById('mobile-menu');
    const menuIconOpen = document.getElementById('menu-icon-open');
    const menuIconClosed = document.getElementById('menu-icon-closed');
    // Mobile menu toggle
    menuToggle?.addEventListener('click', function() {
        const isOpen = !mobileMenu.classList.contains('hidden');
        if (isOpen) {
            mobileMenu.classList.add('hidden');
            menuIconOpen.classList.add('hidden');
            menuIconClosed.classList.remove('hidden');
        } else {
            mobileMenu.classList.remove('hidden');
            menuIconOpen.classList.remove('hidden');
            menuIconClosed.classList.add('hidden');
        }
    });
    // Mobile submenu toggles
    document.querySelectorAll('[data-submenu-toggle]').forEach(function(button) {
        button.addEventListener('click', function() {
            const idx = this.getAttribute('data-submenu-toggle');
            const submenu = document.getElementById('submenu-' + idx);
            const arrow = this.querySelector('.submenu-arrow');
            if (submenu) {
                const isOpen = !submenu.classList.contains('hidden');
                if (isOpen) {
                    submenu.classList.add('hidden');
                    arrow?.classList.remove('rotate-180');
                } else {
                    submenu.classList.remove('hidden');
                    arrow?.classList.add('rotate-180');
                }
            }
        });
    });
})();
</script>
        </div>
    </nav>
    <main class="relative mx-auto min-h-screen max-w-7xl bg-white px-4 py-10">
<div class="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
<article class="mb-8 overflow-hidden rounded-lg border border-gray-200 bg-white shadow-sm transition-shadow hover:shadow-md">
        <a href="respons-tekanan-global-israel-umumkan-gencatan-senjata-tiga-hari-di-gaza">
        <img src="static-sub/2025/07/urlhttp3A2F2Fnpr-brightspot.s3.amazonaws.com2Faf2F9a2F619e808b4a10be7eaed4d38173c12Fap25019330173728.jpg" alt="Respons Tekanan Global, Israel Umumkan Gencatan Senjata Tiga Hari di Gaza" class="h-48 w-full object-cover" loading="lazy">
    </a>
    <div class="p-4">
        <h2 class="mb-2 text-xl font-bold">
            <a href="respons-tekanan-global-israel-umumkan-gencatan-senjata-tiga-hari-di-gaza" class="text-gray-900 hover:text-blue-600">
                Respons Tekanan Global, Israel Umumkan Gencatan Senjata Tiga Hari di Gaza            </a>
        </h2>
        <time datetime="2025-07-28 09:23:06" class="mb-2 block text-sm text-gray-500">
            28 Juli 2025        </time>
        <p class="text-gray-600">
            Eramuslim.com - Militer Israel mengumumkan akan menghentikan pertempuran di tiga wilayah padat penduduk di Jalur Gaza selama 10 jam setiap hari,...        </p>
        <a href="respons-tekanan-global-israel-umumkan-gencatan-senjata-tiga-hari-di-gaza" class="mt-3 inline-block text-blue-600 hover:underline">
            Baca selengkapnya →
        </a>
    </div>
</article>
<article class="mb-8 overflow-hidden rounded-lg border border-gray-200 bg-white shadow-sm transition-shadow hover:shadow-md">
        <a href="bantuan-kuota-belajar-online-diduga-disalahgunakan-pada-masa-pandemi-tepat-di-era-nadiem">
        <img src="static-sub/2025/07/1305436_720.jpg" alt="Bantuan Kuota Belajar Online Diduga Disalahgunakan pada Masa Pandemi, Tepat di Era Nadiem" class="h-48 w-full object-cover" loading="lazy">
    </a>
    <div class="p-4">
        <h2 class="mb-2 text-xl font-bold">
            <a href="bantuan-kuota-belajar-online-diduga-disalahgunakan-pada-masa-pandemi-tepat-di-era-nadiem" class="text-gray-900 hover:text-blue-600">
                Bantuan Kuota Belajar Online Diduga Disalahgunakan pada Masa Pandemi, Tepat di Era Nadiem            </a>
        </h2>
        <time datetime="2025-07-28 09:17:52" class="mb-2 block text-sm text-gray-500">
            28 Juli 2025        </time>
        <p class="text-gray-600">
            Eramuslim.com - Di masa pademi COVID-19, Kemendikbudristek memberikan bantuan kuota internet untuk membantu pembelajaran jarak jauh secara daring....        </p>
        <a href="bantuan-kuota-belajar-online-diduga-disalahgunakan-pada-masa-pandemi-tepat-di-era-nadiem" class="mt-3 inline-block text-blue-600 hover:underline">
            Baca selengkapnya →
        </a>
    </div>
</article>
<article class="mb-8 overflow-hidden rounded-lg border border-gray-200 bg-white shadow-sm transition-shadow hover:shadow-md">
        <a href="kapal-handala-dicegat-serdadu-zionis-israel-21-aktivis-bantuan-gaza-terancam-dideportasi">
        <img src="images/berita/normal/2025/07/257905_11523327072025_images_(6)_(1)_(1)_(1).jpeg" alt="Kapal Handala Dicegat Serdadu Zionis Israel, 21 Aktivis Bantuan Gaza Terancam Dideportasi" class="h-48 w-full object-cover" loading="lazy">
    </a>
    <div class="p-4">
        <h2 class="mb-2 text-xl font-bold">
            <a href="kapal-handala-dicegat-serdadu-zionis-israel-21-aktivis-bantuan-gaza-terancam-dideportasi" class="text-gray-900 hover:text-blue-600">
                Kapal Handala Dicegat Serdadu Zionis Israel, 21 Aktivis Bantuan Gaza Terancam Dideportasi            </a>
        </h2>
        <time datetime="2025-07-28 09:13:15" class="mb-2 block text-sm text-gray-500">
            28 Juli 2025        </time>
        <p class="text-gray-600">
            Eramuslim.com - Pasukan Israel menyerbu kapal bantuan Handala pada Sabtu malam, 26 Juli 2025, saat kapal tersebut sedang dalam perjalanan menuju...        </p>
        <a href="kapal-handala-dicegat-serdadu-zionis-israel-21-aktivis-bantuan-gaza-terancam-dideportasi" class="mt-3 inline-block text-blue-600 hover:underline">
            Baca selengkapnya →
        </a>
    </div>
</article>
<article class="mb-8 overflow-hidden rounded-lg border border-gray-200 bg-white shadow-sm transition-shadow hover:shadow-md">
        <a href="ikut-reuni-jokowi-pria-ini-diduga-wakidi-calo-terminal-tirtonadi">
        <img src="static-sub/2025/07/da5Bpda5Bpda5B.webp" alt="Ikut Reuni Jokowi, Pria Ini Diduga Wakidi Calo Terminal Tirtonadi" class="h-48 w-full object-cover" loading="lazy">
    </a>
    <div class="p-4">
        <h2 class="mb-2 text-xl font-bold">
            <a href="ikut-reuni-jokowi-pria-ini-diduga-wakidi-calo-terminal-tirtonadi" class="text-gray-900 hover:text-blue-600">
                Ikut Reuni Jokowi, Pria Ini Diduga Wakidi Calo Terminal Tirtonadi            </a>
        </h2>
        <time datetime="2025-07-28 09:09:28" class="mb-2 block text-sm text-gray-500">
            28 Juli 2025        </time>
        <p class="text-gray-600">
            Eramuslim.com - Pegiat Media Sosial Tifauzia Tyassuma alias Dokter Tifa membongkar sosok Mulyono yang diklaim sebagai rekan Mantan Presiden Joko...        </p>
        <a href="ikut-reuni-jokowi-pria-ini-diduga-wakidi-calo-terminal-tirtonadi" class="mt-3 inline-block text-blue-600 hover:underline">
            Baca selengkapnya →
        </a>
    </div>
</article>
<article class="mb-8 overflow-hidden rounded-lg border border-gray-200 bg-white shadow-sm transition-shadow hover:shadow-md">
        <a href="prabowo-harus-mundur-jika-ijazah-jokowi-palsu">
        <img src="static-sub/2025/05/rizal-fadillah.jpeg" alt="PRABOWO HARUS MUNDUR JIKA IJAZAH JOKOWI PALSU" class="h-48 w-full object-cover" loading="lazy">
    </a>
    <div class="p-4">
        <h2 class="mb-2 text-xl font-bold">
            <a href="prabowo-harus-mundur-jika-ijazah-jokowi-palsu" class="text-gray-900 hover:text-blue-600">
                PRABOWO HARUS MUNDUR JIKA IJAZAH JOKOWI PALSU            </a>
        </h2>
        <time datetime="2025-07-28 09:01:43" class="mb-2 block text-sm text-gray-500">
            28 Juli 2025        </time>
        <p class="text-gray-600">
            by M Rizal Fadillah Sentilan pada Prabowo itu penting mengingat puja puji berlebihan kepada Jokowi. Kaitan ijazah Jokowi yang gencar dipersoalkan,...        </p>
        <a href="prabowo-harus-mundur-jika-ijazah-jokowi-palsu" class="mt-3 inline-block text-blue-600 hover:underline">
            Baca selengkapnya →
        </a>
    </div>
</article>
<article class="mb-8 overflow-hidden rounded-lg border border-gray-200 bg-white shadow-sm transition-shadow hover:shadow-md">
        <a href="mahfud-md-vonis-tom-lembong-dalam-kasus-gula-salah-harus-dikoreksi">
        <img src="static-sub/2025/07/IMG_3797.jpeg" alt="Mahfud MD: Vonis Tom Lembong dalam Kasus Gula Salah, Harus Dikoreksi!" class="h-48 w-full object-cover" loading="lazy">
    </a>
    <div class="p-4">
        <h2 class="mb-2 text-xl font-bold">
            <a href="mahfud-md-vonis-tom-lembong-dalam-kasus-gula-salah-harus-dikoreksi" class="text-gray-900 hover:text-blue-600">
                Mahfud MD: Vonis Tom Lembong dalam Kasus Gula Salah, Harus Dikoreksi!            </a>
        </h2>
        <time datetime="2025-07-25 20:26:24" class="mb-2 block text-sm text-gray-500">
            25 Juli 2025        </time>
        <p class="text-gray-600">
            Eramuslim.com - Pakar hukum tata negara Mahfud MD menilai vonis terhadap mantan Menteri Perdagangan Tom Lembong dalam kasus korupsi impor gula...        </p>
        <a href="mahfud-md-vonis-tom-lembong-dalam-kasus-gula-salah-harus-dikoreksi" class="mt-3 inline-block text-blue-600 hover:underline">
            Baca selengkapnya →
        </a>
    </div>
</article>
<article class="mb-8 overflow-hidden rounded-lg border border-gray-200 bg-white shadow-sm transition-shadow hover:shadow-md">
        <a href="polisi-selidiki-pelaku-dan-korban-ceramah-rizieq-shihab-di-pemalang">
        <img src="static-sub/2025/07/IMG_3796.jpeg" alt="Polisi Selidiki Pelaku dan Korban Ceramah Habib Rizieq Shihab di Pemalang" class="h-48 w-full object-cover" loading="lazy">
    </a>
    <div class="p-4">
        <h2 class="mb-2 text-xl font-bold">
            <a href="polisi-selidiki-pelaku-dan-korban-ceramah-rizieq-shihab-di-pemalang" class="text-gray-900 hover:text-blue-600">
                Polisi Selidiki Pelaku dan Korban Ceramah Habib Rizieq Shihab di Pemalang            </a>
        </h2>
        <time datetime="2025-07-25 20:23:11" class="mb-2 block text-sm text-gray-500">
            25 Juli 2025        </time>
        <p class="text-gray-600">
            Eramuslim.com - Polres Pemalang masih terus menyelidiki bentrokan yang terjadi dalam acara ceramah Rizieq Shihab di Desa Pegundan, Pemalang, Jawa...        </p>
        <a href="polisi-selidiki-pelaku-dan-korban-ceramah-rizieq-shihab-di-pemalang" class="mt-3 inline-block text-blue-600 hover:underline">
            Baca selengkapnya →
        </a>
    </div>
</article>
<article class="mb-8 overflow-hidden rounded-lg border border-gray-200 bg-white shadow-sm transition-shadow hover:shadow-md">
        <a href="vonis-35-tahun-untuk-hasto-terbukti-suap-tak-terbukti-halangi-kasus-harun-masiku">
        <img src="static-sub/2025/07/IMG_3795.jpeg" alt="Vonis 3,5 Tahun untuk Hasto: Terbukti Suap, Tak Terbukti Halangi Kasus Harun Masiku" class="h-48 w-full object-cover" loading="lazy">
    </a>
    <div class="p-4">
        <h2 class="mb-2 text-xl font-bold">
            <a href="vonis-35-tahun-untuk-hasto-terbukti-suap-tak-terbukti-halangi-kasus-harun-masiku" class="text-gray-900 hover:text-blue-600">
                Vonis 3,5 Tahun untuk Hasto: Terbukti Suap, Tak Terbukti Halangi Kasus Harun Masiku            </a>
        </h2>
        <time datetime="2025-07-25 20:19:24" class="mb-2 block text-sm text-gray-500">
            25 Juli 2025        </time>
        <p class="text-gray-600">
            Eramuslim.com - Majelis Hakim Pengadilan Tindak Pidana Korupsi Jakarta resmi menjatuhkan vonis 3,5 tahun penjara kepada Sekretaris Jenderal PDI...        </p>
        <a href="vonis-35-tahun-untuk-hasto-terbukti-suap-tak-terbukti-halangi-kasus-harun-masiku" class="mt-3 inline-block text-blue-600 hover:underline">
            Baca selengkapnya →
        </a>
    </div>
</article>
<article class="mb-8 overflow-hidden rounded-lg border border-gray-200 bg-white shadow-sm transition-shadow hover:shadow-md">
        <a href="ugm-pelopor-hilirisasi-ijazah-palsu">
        <img src="static-sub/2018/01/asyari-usman.jpg" alt="UGM Pelopor Hilirisasi Ijazah Palsu?" class="h-48 w-full object-cover" loading="lazy">
    </a>
    <div class="p-4">
        <h2 class="mb-2 text-xl font-bold">
            <a href="ugm-pelopor-hilirisasi-ijazah-palsu" class="text-gray-900 hover:text-blue-600">
                UGM Pelopor Hilirisasi Ijazah Palsu?            </a>
        </h2>
        <time datetime="2025-07-25 15:24:28" class="mb-2 block text-sm text-gray-500">
            25 Juli 2025        </time>
        <p class="text-gray-600">
            Oleh Asyari Usman Gibran terus bicara tentang hilirisasi. Dia memang sangat ‘passionate’. Sangat menjiwai hilirisasi. Di mana-mana dia angkat isu...        </p>
        <a href="ugm-pelopor-hilirisasi-ijazah-palsu" class="mt-3 inline-block text-blue-600 hover:underline">
            Baca selengkapnya →
        </a>
    </div>
</article>
<article class="mb-8 overflow-hidden rounded-lg border border-gray-200 bg-white shadow-sm transition-shadow hover:shadow-md">
        <a href="pindah-ibu-kota-belum-tuntas-upacara-17-agustus-tetap-di-jakarta-demi-efisiensi">
        <img src="static-sub/2025/07/IMG_3792.jpeg" alt="Pindah Ibu Kota Belum Tuntas, Upacara 17 Agustus Tetap di Jakarta Demi Efisiensi" class="h-48 w-full object-cover" loading="lazy">
    </a>
    <div class="p-4">
        <h2 class="mb-2 text-xl font-bold">
            <a href="pindah-ibu-kota-belum-tuntas-upacara-17-agustus-tetap-di-jakarta-demi-efisiensi" class="text-gray-900 hover:text-blue-600">
                Pindah Ibu Kota Belum Tuntas, Upacara 17 Agustus Tetap di Jakarta Demi Efisiensi            </a>
        </h2>
        <time datetime="2025-07-25 10:22:16" class="mb-2 block text-sm text-gray-500">
            25 Juli 2025        </time>
        <p class="text-gray-600">
            Eramuslim.com - Pemerintah memutuskan untuk tidak menggelar perayaan HUT ke-80 Republik Indonesia di Ibu Kota Nusantara (IKN), Kalimantan Timur, dan...        </p>
        <a href="pindah-ibu-kota-belum-tuntas-upacara-17-agustus-tetap-di-jakarta-demi-efisiensi" class="mt-3 inline-block text-blue-600 hover:underline">
            Baca selengkapnya →
        </a>
    </div>
</article>
    </div>
<nav class="mt-8 flex justify-center" aria-label="Pagination">
    <ul class="flex items-center space-x-1">
                <li>
                        <span class="rounded-lg bg-blue-600 px-3 py-2 text-white">1</span>
                    </li>
                <li>
                        <a href="page-2" class="rounded-lg border border-gray-300 bg-white px-3 py-2 text-gray-700 hover:bg-gray-50">2</a>
                    </li>
                <li>
                        <a href="page-3" class="rounded-lg border border-gray-300 bg-white px-3 py-2 text-gray-700 hover:bg-gray-50">3</a>
                    </li>
                        <li><span class="px-2 text-gray-500">...</span></li>
                <li>
            <a href="page-14379" class="rounded-lg border border-gray-300 bg-white px-3 py-2 text-gray-700 hover:bg-gray-50">14379</a>
        </li>
                <li>
            <a href="page-2" class="rounded-lg border border-gray-300 bg-white px-3 py-2 text-gray-500 hover:bg-gray-50">
                Next &raquo;
            </a>
        </li>
            </ul>
</nav>
    </main>
    <footer class="mt-10 bg-gray-900 py-12 text-white">
        <div class="mx-auto grid max-w-7xl grid-cols-1 gap-8 px-4 md:grid-cols-3">
            <div>
                <img src="img/logo-eramuslim-2022.svg" alt="eramuslim" class="mb-4 h-12 brightness-0 invert">
                <p class="text-sm text-gray-400">
                    Media Islam Rujukan. Menyajikan berita dunia Islam dan informasi umat yang akurat dan terpercaya.
                </p>
            </div>
            <div>
                <h3 class="mb-4 border-b border-gray-700 pb-2 text-lg font-bold">Kategori Populer</h3>
                <ul class="space-y-2 text-sm text-gray-400">
                    <li><a href="category/berita/nasional" class="transition-colors hover:text-white">Nasional</a></li>
                    <li><a href="category/berita/palestina" class="transition-colors hover:text-white">Palestina</a></li>
                    <li><a href="category/berita/dunia-islam" class="transition-colors hover:text-white">Dunia Islam</a></li>
                </ul>
            </div>
            <div>
                <h3 class="mb-4 border-b border-gray-700 pb-2 text-lg font-bold">Hubungi Kami</h3>
                <p class="text-sm text-gray-400">Redaksi eramuslim</p>
            </div>
        </div>
        <div class="mx-auto mt-8 max-w-7xl border-t border-gray-800 px-4 pt-8 text-center">
            <p class="text-sm text-gray-500">
                &copy; 2026 eramuslim. All rights reserved.
            </p>
        </div>
    </footer>
<script type="module" src="beacon.min.js" data-cf-beacon="{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;40c82734f2a54a50a203036a65ac6ff5&quot;,&quot;r&quot;:1}" ></script>
<center><font size="2">This is a website recovered by the free version of the <a href="https://www.waybackmachinedownloads.com">Wayback Downloader.</a></font></center></body>
</html>