It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://www.juragannews.com

  1. <!DOCTYPE html>
  2. <html lang="id">
  3. <head>
  4.    <meta charset="UTF-8">
  5.    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.    <title>Juragan News - Portal Berita Terpercaya</title>
  7.    <link rel="canonical" href="https://juragannews.com" />
  8.    <meta name="description" content="Juragan News adalah portal berita terpercaya yang menyajikan informasi terkini, akurat, dan berimbang dari berbagai bidang. Mulai dari peristiwa nasional, internasional, ekonomi, teknologi, gaya hidup, hingga olahraga - semua dikemas dengan gaya bahasa yang mudah dipahami dan sesuai fakta."/>
  9.    <meta name="author" content="Juragan News">
  10.    <meta name="keywords" content="Juragan News, Berita Terkini, Berita Terbaru, Berita Hari Ini, Trending Topik" />
  11.    <meta name="robots" content="index, follow" />
  12.    <meta name="categories" content="website" />
  13.    <meta name="language" content="id-ID" />
  14.    <meta name="geo.country" content="ID" />
  15.    <meta name="distribution" content="global" />
  16.    <meta name="page-locale" content="id">
  17.    <meta name="locale" content="id_ID">
  18.    <meta name="og:url" content="https://juragannews.com/" />
  19.    <base href="https://juragannews.com/">
  20.    <meta property="og:title" content="Juragan News - Portal Berita Terpercaya">
  21.    <meta property="og:description" content="Juragan News adalah portal berita terpercaya yang menyajikan informasi terkini, akurat, dan berimbang dari berbagai bidang. Mulai dari peristiwa nasional, internasional, ekonomi, teknologi, gaya hidup, hingga olahraga - semua dikemas dengan gaya bahasa yang mudah dipahami dan sesuai fakta.">
  22.    <link rel="shortcut icon" href="assets/favicon-juragannews.png" />
  23.        <meta property="og:type" content="product">
  24.    <meta property="og:locale" content="id_ID">
  25.    <script src="https://cdn.tailwindcss.com"></script>
  26.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  27.    <style>
  28.        .news-card:hover {
  29.            transform: translateY(-5px);
  30.            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  31.        }
  32.        .trending-badge {
  33.            position: absolute;
  34.            top: 10px;
  35.            right: 10px;
  36.            z-index: 10;
  37.        }
  38.        .breaking-news-ticker {
  39.            background-color: #e53e3e;
  40.            color: white;
  41.            overflow: hidden;
  42.            white-space: nowrap;
  43.        }
  44.        .breaking-news-content {
  45.            display: inline-block;
  46.            padding-left: 100%;
  47.            animation: ticker 20s linear infinite;
  48.        }
  49.        @keyframes ticker {
  50.            0% { transform: translateX(0); }
  51.            100% { transform: translateX(-100%); }
  52.        }
  53.        .sidebar-sticky {
  54.            position: sticky;
  55.            top: 20px;
  56.        }
  57.    </style>
  58. </head>
  59. <body class="bg-gray-100 font-sans">
  60.    <!-- Header -->
  61.    <header class="bg-white shadow-md">
  62.        <div class="container mx-auto px-4 py-3">
  63.            <div class="flex flex-col md:flex-row justify-between items-center">
  64.                <div class="flex items-center mb-4 md:mb-0">
  65.                    <div class="bg-red-600 text-white p-2 rounded mr-3">
  66.                        <i class="fas fa-newspaper text-2xl"></i>
  67.                    </div>
  68.                    <div>
  69.                        <h1 class="text-2xl font-bold text-gray-800">JURAGAN NEWS</h1>
  70.                        <p class="text-xs text-gray-600">Portal Berita Terpercaya</p>
  71.                    </div>
  72.                </div>
  73.                
  74.                <div class="w-full md:w-auto">
  75.                    <div class="relative">
  76.                        <input type="text" placeholder="Cari berita..." class="w-full md:w-64 px-4 py-2 border border-gray-300 rounded-full focus:outline-none focus:ring-2 focus:ring-red-500">
  77.                        <button class="absolute right-3 top-2 text-gray-500 hover:text-red-500">
  78.                            <i class="fas fa-search"></i>
  79.                        </button>
  80.                    </div>
  81.                </div>
  82.            </div>
  83.        </div>
  84.        
  85.        <!-- Navigation -->
  86.        <nav class="bg-red-600 text-white">
  87.            <div class="container mx-auto px-4">
  88.                <div class="flex flex-col md:flex-row">
  89.                    <a href="#" class="px-4 py-3 hover:bg-red-700 font-medium"><i class="fas fa-home mr-2"></i>Home</a>
  90.                    <a href="#" class="px-4 py-3 hover:bg-red-700 font-medium"><i class="fas fa-fire mr-2"></i>Trending</a>
  91.                    <a href="#" class="px-4 py-3 hover:bg-red-700 font-medium"><i class="fas fa-newspaper mr-2"></i>Politik</a>
  92.                    <a href="#" class="px-4 py-3 hover:bg-red-700 font-medium"><i class="fas fa-chart-line mr-2"></i>Ekonomi</a>
  93.                    <a href="#" class="px-4 py-3 hover:bg-red-700 font-medium"><i class="fas fa-futbol mr-2"></i>Olahraga</a>
  94.                    <a href="#" class="px-4 py-3 hover:bg-red-700 font-medium"><i class="fas fa-film mr-2"></i>Hiburan</a>
  95.                    <a href="#" class="px-4 py-3 hover:bg-red-700 font-medium"><i class="fas fa-stethoscope mr-2"></i>Kesehatan</a>
  96.                    <a href="#" class="px-4 py-3 hover:bg-red-700 font-medium"><i class="fas fa-microchip mr-2"></i>Teknologi</a>
  97.                </div>
  98.            </div>
  99.        </nav>
  100.        
  101.        <!-- Breaking News Ticker -->
  102.        <div class="breaking-news-ticker py-2">
  103.            <div class="container mx-auto px-4">
  104.                <div class="flex items-center">
  105.                    <span class="font-bold mr-4 bg-black px-3 py-1 rounded">BREAKING NEWS</span>
  106.                    <div class="breaking-news-content">
  107.                        <span class="mr-8">Pemerintah umumkan kenaikan harga BBM mulai besok pagi</span>
  108.                        <span class="mr-8">Timnas Indonesia menang 3-0 atas Vietnam di babak penyisihan</span>
  109.                        <span class="mr-8">Gempa 6.2 SR mengguncang Jawa Barat, belum ada laporan korban</span>
  110.                        <span class="mr-8">Harga saham BCA turun 5% setelah laporan kuartalan</span>
  111.                    </div>
  112.                </div>
  113.            </div>
  114.        </div>
  115.    </header>
  116.  
  117.    <!-- Main Content -->
  118.    <main class="container mx-auto px-4 py-6">
  119.        <div class="flex flex-col lg:flex-row gap-6">
  120.            <!-- Main Content Area -->
  121.            <div class="w-full lg:w-2/3">
  122.                <!-- Featured News -->
  123.                <section class="mb-8">
  124.                    <h2 class="text-2xl font-bold border-b-2 border-red-600 pb-2 mb-4 text-gray-800">BERITA UTAMA</h2>
  125.                    <div class="bg-white rounded-lg shadow-md overflow-hidden">
  126.                        <div class="relative">
  127.                            <img src="assets/ump-65persen.jpg" alt="Featured News" class="w-full h-64 md:h-96 object-cover">
  128.                            <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4">
  129.                                <span class="bg-red-600 text-white text-xs px-2 py-1 rounded">TERKINI</span>
  130.                                <h3 class="text-xl md:text-2xl font-bold text-white mt-2">Pemerintah Tetapkan Kenaikan UMP 2025 Sebesar 6,5%</h3>
  131.                                <p class="text-gray-200 text-sm mt-1">Presiden Prabowo Subianto memberikan keterangan pers seusai pertemuannya dengan Perdana Menteri Singapura Lawrence Wong di Istana Kepresidenan Jakarta pada 6 November 2024</p>
  132.                                <div class="flex items-center mt-3 text-white text-sm">
  133.                                    <span><i class="fas fa-user mr-1"></i> Admin</span>
  134.                                    <span class="mx-2">|</span>
  135.                                    <span><i class="fas fa-calendar-alt mr-1"></i> 15 Oktober 2023</span>
  136.                                    <span class="mx-2">|</span>
  137.                                    <span><i class="fas fa-eye mr-1"></i> 5.2k</span>
  138.                                </div>
  139.                            </div>
  140.                        </div>
  141.                        <div class="p-4">
  142.                            <p class="text-gray-700">“Menteri Tenaga Kerja, mengusulkan kenaikan upah minimum sebesar 6 persen, namun setelah membahas juga dan melaksanakan pertemuan dengan pimpinan buruh kita ambil keputusan untuk menaikan rata-rata upah minimum nasional pada 2025 sebesar 6,5 persen," kata Presiden.
  143.  
  144. </p>
  145.                            <a href="https://www.voaindonesia.com/a/prabowo-naikkan-ump-tahun-depan-6-5-persen/7883138.html" class="inline-block mt-4 text-red-600 font-medium hover:underline">Baca Selengkapnya <i class="fas fa-arrow-right ml-1"></i></a>
  146.                        </div>
  147.                    </div>
  148.                </section>
  149.  
  150.                <!-- Latest News -->
  151.                <section class="mb-8">
  152.                    <h2 class="text-2xl font-bold border-b-2 border-red-600 pb-2 mb-4 text-gray-800">BERITA TERBARU</h2>
  153.                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
  154.                        <!-- News Card 1 -->
  155.                        <div class="bg-white rounded-lg shadow-md overflow-hidden news-card transition duration-300">
  156.                            <div class="relative">
  157.                                <img src="assets/pro-kontra-kpk.jpg" alt="News" class="w-full h-48 object-cover">
  158.                                <div class="trending-badge">
  159.                                    <span class="bg-red-600 text-white text-xs px-2 py-1 rounded">TRENDING</span>
  160.                                </div>
  161.                            </div>
  162.                            <div class="p-4">
  163.                                <span class="text-xs text-gray-500">POLITIK</span>
  164.                                <h3 class="text-lg font-bold text-gray-800 mt-1">Polemik Revisi UU KPK: Pro dan Kontra di Kalangan DPR</h3>
  165.                                <p class="text-sm text-gray-600 mt-2">Rencana revisi UU KPK kembali memanas setelah muncul draf baru yang dianggap melemahkan lembaga antirasuah ini...</p>
  166.                                <div class="flex items-center mt-3 text-gray-500 text-xs">
  167.                                    <span><i class="fas fa-calendar-alt mr-1"></i> 14 Okt 2023</span>
  168.                                    <span class="mx-2">|</span>
  169.                                    <span><i class="fas fa-eye mr-1"></i> 3.7k</span>
  170.                                </div>
  171.                            </div>
  172.                        </div>
  173.  
  174.                        <!-- News Card 2 -->
  175.                        <div class="bg-white rounded-lg shadow-md overflow-hidden news-card transition duration-300">
  176.                            <div class="relative">
  177.                                <img src="assets/BI-tahan.jpg" alt="News" class="w-full h-48 object-cover">
  178.                            </div>
  179.                            <div class="p-4">
  180.                                <span class="text-xs text-gray-500">EKONOMI</span>
  181.                                <h3 class="text-lg font-bold text-gray-800 mt-1">BI Pertahankan Suku Bunga Acuan di Level 5,75%</h3>
  182.                                <p class="text-sm text-gray-600 mt-2">Bank Indonesia memutuskan untuk mempertahankan suku bunga acuan (BI 7-Day Reverse Repo Rate) sebesar 5,75%...</p>
  183.                                <div class="flex items-center mt-3 text-gray-500 text-xs">
  184.                                    <span><i class="fas fa-calendar-alt mr-1"></i> 14 Okt 2023</span>
  185.                                    <span class="mx-2">|</span>
  186.                                    <span><i class="fas fa-eye mr-1"></i> 2.9k</span>
  187.                                </div>
  188.                            </div>
  189.                        </div>
  190.  
  191.                        <!-- News Card 3 -->
  192.                        <div class="bg-white rounded-lg shadow-md overflow-hidden news-card transition duration-300">
  193.                            <div class="relative">
  194.                                <img src="assets/persib-vs-persija.webp" alt="News" class="w-full h-48 object-cover">
  195.                            </div>
  196.                            <div class="p-4">
  197.                                <span class="text-xs text-gray-500">OLAHRAGA</span>
  198.                                <h3 class="text-lg font-bold text-gray-800 mt-1">Persib Kalahkan Persija 2-1 di Derbi Jakarta-Bandung</h3>
  199.                                <p class="text-sm text-gray-600 mt-2">Persib Bandung berhasil mengalahkan Persija Jakarta dengan skor 2-1 dalam laga seru di Stadion GBK...</p>
  200.                                <div class="flex items-center mt-3 text-gray-500 text-xs">
  201.                                    <span><i class="fas fa-calendar-alt mr-1"></i> 13 Okt 2023</span>
  202.                                    <span class="mx-2">|</span>
  203.                                    <span><i class="fas fa-eye mr-1"></i> 4.5k</span>
  204.                                </div>
  205.                            </div>
  206.                        </div>
  207.  
  208.                        <!-- News Card 4 -->
  209.                        <div class="bg-white rounded-lg shadow-md overflow-hidden news-card transition duration-300">
  210.                            <div class="relative">
  211.                                <img src="assets/apple.jpg" alt="News" class="w-full h-48 object-cover">
  212.                                <div class="trending-badge">
  213.                                    <span class="bg-red-600 text-white text-xs px-2 py-1 rounded">POPULER</span>
  214.                                </div>
  215.                            </div>
  216.                            <div class="p-4">
  217.                                <span class="text-xs text-gray-500">TEKNOLOGI</span>
  218.                                <h3 class="text-lg font-bold text-gray-800 mt-1">Apple Rilis iOS 17 dengan Fitur StandBy Mode</h3>
  219.                                <p class="text-sm text-gray-600 mt-2">Apple secara resmi merilis iOS 17 untuk perangkat iPhone yang mendukung. Salah satu fitur unggulan adalah StandBy Mode...</p>
  220.                                <div class="flex items-center mt-3 text-gray-500 text-xs">
  221.                                    <span><i class="fas fa-calendar-alt mr-1"></i> 13 Okt 2023</span>
  222.                                    <span class="mx-2">|</span>
  223.                                    <span><i class="fas fa-eye mr-1"></i> 6.1k</span>
  224.                                </div>
  225.                            </div>
  226.                        </div>
  227.                    </div>
  228.                    
  229.                    <div class="mt-6 text-center">
  230.                        <button class="bg-red-600 hover:bg-red-700 text-white font-medium py-2 px-6 rounded-full transition duration-300">
  231.                            Lihat Lebih Banyak <i class="fas fa-chevron-down ml-1"></i>
  232.                        </button>
  233.                    </div>
  234.                </section>
  235.  
  236.                <!-- Category News -->
  237.                <section class="mb-8">
  238.                    <h2 class="text-2xl font-bold border-b-2 border-red-600 pb-2 mb-4 text-gray-800">BERITA EKONOMI</h2>
  239.                    <div class="bg-white rounded-lg shadow-md overflow-hidden">
  240.                        <div class="flex flex-col md:flex-row">
  241.                            <div class="w-full md:w-1/3">
  242.                                <img src="assets/Perlambatan-Pertumbuhan-Ekonomi-Indonesia-di-Kuartal-III.jpg" alt="Economy News" class="w-full h-full object-cover">
  243.                            </div>
  244.                            <div class="w-full md:w-2/3 p-4">
  245.                                <span class="text-xs text-gray-500">EKONOMI</span>
  246.                                <h3 class="text-xl font-bold text-gray-800 mt-1">Pertumbuhan Ekonomi Kuartal III Capai 5,17%</h3>
  247.                                <p class="text-gray-700 mt-2">Badan Pusat Statistik (BPS) mencatat pertumbuhan ekonomi Indonesia pada kuartal III-2023 mencapai 5,17% year on year (yoy). Angka ini lebih tinggi dibandingkan kuartal sebelumnya yang sebesar 5,04%...</p>
  248.                                <div class="flex items-center mt-3 text-gray-500 text-sm">
  249.                                    <span><i class="fas fa-user mr-1"></i> Reporter Ekonomi</span>
  250.                                    <span class="mx-2">|</span>
  251.                                    <span><i class="fas fa-calendar-alt mr-1"></i> 12 Okt 2023</span>
  252.                                    <span class="mx-2">|</span>
  253.                                    <span><i class="fas fa-eye mr-1"></i> 3.2k</span>
  254.                                </div>
  255.                                <a href="https://biz.kompas.com/read/2023/08/08/195904828/pertumbuhan-ekonomi-indonesia-triwulan-ii-2023-berhasil-capai-517-persen" class="inline-block mt-4 text-red-600 font-medium hover:underline">Baca Selengkapnya <i class="fas fa-arrow-right ml-1"></i></a>
  256.                            </div>
  257.                        </div>
  258.                    </div>
  259.                </section>
  260.            </div>
  261.  
  262.            <!-- Sidebar -->
  263.            <div class="w-full lg:w-1/3">
  264.                <div class="sidebar-sticky">
  265.                    <!-- Trending News -->
  266.                    <div class="bg-white rounded-lg shadow-md overflow-hidden mb-6">
  267.                        <div class="bg-red-600 text-white px-4 py-3">
  268.                            <h2 class="font-bold text-lg"><i class="fas fa-fire mr-2"></i> TRENDING TOPIK</h2>
  269.                        </div>
  270.                        <div class="p-4">
  271.                            <!-- Trending Item 1 -->
  272.                            <div class="flex items-start mb-4 pb-4 border-b border-gray-200">
  273.                                <div class="bg-red-100 text-red-600 rounded-full w-8 h-8 flex items-center justify-center mr-3 mt-1">
  274.                                    <span class="font-bold">1</span>
  275.                                </div>
  276.                                <div>
  277.                                    <h3><a href="https://hot.detik.com/celeb/d-7930211/luna-maya-belum-rencanakan-honeymoon-dengan-maxime-masih-ada-pekerjaan" class="font-medium text-gray-800 hover:text-red-600 cursor-pointer">Luna Maya Belum Rencanakan Honeymoon...</a></h3>
  278.                                    <p class="text-xs text-gray-500 mt-1">Dibicarakan oleh 45.2k orang</p>
  279.                                </div>
  280.                            </div>
  281.                            
  282.                            <!-- Trending Item 2 -->
  283.                            <div class="flex items-start mb-4 pb-4 border-b border-gray-200">
  284.                                <div class="bg-red-100 text-red-600 rounded-full w-8 h-8 flex items-center justify-center mr-3 mt-1">
  285.                                    <span class="font-bold">2</span>
  286.                                </div>
  287.                                <div>
  288.                                    <h3><a href="https://hot.detik.com/celeb/d-7930137/ini-4-sapi-jumbo-raffi-ahmad-ada-jenis-bule-albino-hingga-limosin" class="font-medium text-gray-800 hover:text-red-600 cursor-pointer">Ini 4 Sapi Jumbo Raffi Ahmad, Ada Jenis Bule</a></h3>
  289.                                    <p class="text-xs text-gray-500 mt-1">Dibicarakan oleh 38.7k orang</p>
  290.                                </div>
  291.                            </div>
  292.                            
  293.                            <!-- Trending Item 3 -->
  294.                            <div class="flex items-start mb-4 pb-4 border-b border-gray-200">
  295.                                <div class="bg-red-100 text-red-600 rounded-full w-8 h-8 flex items-center justify-center mr-3 mt-1">
  296.                                    <span class="font-bold">3</span>
  297.                                </div>
  298.                                <div>
  299.                                    <h3><a href="https://www.cnbcindonesia.com/tech/20210522070259-37-247516/soal-dugaan-data-bocor-ini-tindakan-bpjs-kesehatan" class="font-medium text-gray-800 hover:text-red-600 cursor-pointer">Kebocoran Data BPJS Kesehatan</a></h3>
  300.                                    <p class="text-xs text-gray-500 mt-1">Dibicarakan oleh 32.1k orang</p>
  301.                                </div>
  302.                            </div>
  303.                            
  304.                            <!-- Trending Item 4 -->
  305.                            <div class="flex items-start mb-4 pb-4 border-b border-gray-200">
  306.                                <div class="bg-red-100 text-red-600 rounded-full w-8 h-8 flex items-center justify-center mr-3 mt-1">
  307.                                    <span class="font-bold">4</span>
  308.                                </div>
  309.                                <div>
  310.                                    <h3><a href="https://www.liputan6.com/tekno/read/5422278/iphone-15-bakal-rilis-di-indonesia-pre-order-mulai-20-oktober-2023" class="font-medium text-gray-800 hover:text-red-600 cursor-pointer">Rilis iPhone 15 di Indonesia</a></h3>
  311.                                    <p class="text-xs text-gray-500 mt-1">Dibicarakan oleh 28.5k orang</p>
  312.                                </div>
  313.                            </div>
  314.                            
  315.                            <!-- Trending Item 5 -->
  316.                            <div class="flex items-start">
  317.                                <div class="bg-red-100 text-red-600 rounded-full w-8 h-8 flex items-center justify-center mr-3 mt-1">
  318.                                    <span class="font-bold">5</span>
  319.                                </div>
  320.                                <div>
  321.                                    <h3><a href="https://news.detik.com/berita/d-7315568/kpk-sita-rp-48-5-miliar-dari-kasus-suap-bupati-labuhanbatu-nonaktif        " class="font-medium text-gray-800 hover:text-red-600 cursor-pointer">Kasus Korupsi Bupati Nonaktif</a></h3>
  322.                                    <p class="text-xs text-gray-500 mt-1">Dibicarakan oleh 25.9k orang</p>
  323.                                </div>
  324.                            </div>
  325.                        </div>
  326.                    </div>
  327.  
  328.                    <!-- Most Viewed -->
  329.                    <div class="bg-white rounded-lg shadow-md overflow-hidden mb-6">
  330.                        <div class="bg-gray-800 text-white px-4 py-3">
  331.                            <h2 class="font-bold text-lg"><i class="fas fa-chart-line mr-2"></i> PALING BANYAK DIBACA</h2>
  332.                        </div>
  333.                        <div class="p-4">
  334.                            <!-- Viewed Item 1 -->
  335.                            <div class="flex mb-4 pb-4 border-b border-gray-200">
  336.                                <div class="w-16 h-16 flex-shrink-0 mr-3">
  337.                                    <img src="assets/gempa.jpg" alt="News" class="w-full h-full object-cover rounded">
  338.                                </div>
  339.                                <div>
  340.                                    <h3><a href="https://manado.tribunnews.com/2023/02/26/gempa-guncang-cianjur-jabar-minggu-26-februari-2023-guncang-di-darat-info-bmkg-magnitudonya" class="text-sm font-medium text-gray-800 hover:text-red-600 cursor-pointer">Gempa 6.2 SR Guncang Jawa Barat</a></h3>
  341.                                    <div class="flex items-center mt-1 text-gray-500 text-xs">
  342.                                        <span><i class="fas fa-eye mr-1"></i> 8.7k</span>
  343.                                    </div>
  344.                                </div>
  345.                            </div>
  346.                            
  347.                            <!-- Viewed Item 2 -->
  348.                            <div class="flex mb-4 pb-4 border-b border-gray-200">
  349.                                <div class="w-16 h-16 flex-shrink-0 mr-3">
  350.                                    <img src="assets/pidato-presiden.jpg" alt="News" class="w-full h-full object-cover rounded">
  351.                                </div>
  352.                                <div>
  353.                                    <h3> <a href="https://nasional.kompas.com/read/2022/08/16/08393741/link-siaran-langsung-pidato-presiden-jokowi-di-sidang-tahunan-2022" class="text-sm font-medium text-gray-800 hover:text-red-600 cursor-pointer">Pidato Presiden di Sidang Tahunan MPR</a></h3>
  354.                                    <div class="flex items-center mt-1 text-gray-500 text-xs">
  355.                                        <span><i class="fas fa-eye mr-1"></i> 7.9k</span>
  356.                                    </div>
  357.                                </div>
  358.                            </div>
  359.                            
  360.                            <!-- Viewed Item 3 -->
  361.                            <div class="flex mb-4 pb-4 border-b border-gray-200">
  362.                                <div class="w-16 h-16 flex-shrink-0 mr-3">
  363.                                    <img src="assets/jadwal-timnas-indonesia.webp" alt="News" class="w-full h-full object-cover rounded">
  364.                                </div>
  365.                                <div>
  366.                                    <h3><a href="https://www.suarasurabaya.net/info-grafis/2025/jadwal-lengkap-semua-timnas-indonesia-di-2025/" class="text-sm font-medium text-gray-800 hover:text-red-600 cursor-pointer">Jadwal Lengkap Timnas Indonesia 2025</a></h3>
  367.                                    <div class="flex items-center mt-1 text-gray-500 text-xs">
  368.                                        <span><i class="fas fa-eye mr-1"></i> 7.2k</span>
  369.                                    </div>
  370.                                </div>
  371.                            </div>
  372.                            
  373.                            <!-- Viewed Item 4 -->
  374.                            <div class="flex">
  375.                                <div class="w-16 h-16 flex-shrink-0 mr-3">
  376.                                    <img src="assets/SPESIFIKASI-SAMSUNG-GALAXY-S25-ULTRA.webp" alt="News" class="w-full h-full object-cover rounded">
  377.                                </div>
  378.                                <div>
  379.                                    <h3><a href="https://dorangadget.com/samsung-galaxy-s25-ultra/" class="text-sm font-medium text-gray-800 hover:text-red-600 cursor-pointer">Review Samsung Galaxy S25 Ultra</a></h3>
  380.                                    <div class="flex items-center mt-1 text-gray-500 text-xs">
  381.                                        <span><i class="fas fa-eye mr-1"></i> 6.8k</span>
  382.                                    </div>
  383.                                </div>
  384.                            </div>
  385.                        </div>
  386.                    </div>
  387.  
  388.                    <!-- Newsletter -->
  389.                    <div class="bg-white rounded-lg shadow-md overflow-hidden mb-6">
  390.                        <div class="bg-blue-600 text-white px-4 py-3">
  391.                            <h2 class="font-bold text-lg"><i class="fas fa-envelope mr-2"></i> NEWSLETTER</h2>
  392.                        </div>
  393.                        <div class="p-4">
  394.                            <p class="text-sm text-gray-700 mb-3">Dapatkan berita terbaru langsung ke email Anda. Gratis!</p>
  395.                            <div class="mb-3">
  396.                                <input type="text" placeholder="Nama Anda" class="w-full px-3 py-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500">
  397.                            </div>
  398.                            <div class="mb-3">
  399.                                <input type="email" placeholder="Alamat Email" class="w-full px-3 py-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500">
  400.                            </div>
  401.                            <button class="w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded transition duration-300">
  402.                                Berlangganan Sekarang
  403.                            </button>
  404.                        </div>
  405.                    </div>
  406.  
  407.                    <!-- Advertisement -->
  408.                    <div class="bg-white rounded-lg shadow-md overflow-hidden">
  409.                        <div class="bg-yellow-500 text-white px-4 py-2">
  410.                          <h2><a href="https://relaywallet.com/" class="font-bold text-sm"><i class="fas fa-ad mr-2"></i> Beli Akun Dana Terpercaya</a></h2>
  411.                        </div>
  412.                        <div class="p-4 text-center">
  413.                            <div class="bg-gray-300 h-250 flex items-center justify-center">
  414.                                    <img src="assets/dana.jpg" alt="dana" class="w-full h-full object-cover rounded">
  415.                            </div>
  416.                        </div>
  417.                    </div>
  418.                </div>
  419.            </div>
  420.        </div>
  421.    </main>
  422.  
  423.    <!-- Footer -->
  424.    <footer class="bg-gray-800 text-white pt-8 pb-6">
  425.        <div class="container mx-auto px-4">
  426.            <div class="flex flex-col md:flex-row justify-between mb-8">
  427.                <!-- Footer Column 1 -->
  428.                <div class="mb-6 md:mb-0 md:w-1/4">
  429.                    <h3 class="text-xl font-bold mb-4">JURAGAN NEWS</h3>
  430.                    <p class="text-gray-400 text-sm mb-4">Portal berita terpercaya yang menyajikan informasi aktual dan akurat dari berbagai bidang.</p>
  431.                    <div class="flex space-x-4">
  432.                        <a href="https://juragannews.com/" class="text-gray-400 hover:text-white"><i class="fab fa-facebook-f text-lg"></i></a>
  433.                        <a href="https://juragannews.com/" class="text-gray-400 hover:text-white"><i class="fab fa-twitter text-lg"></i></a>
  434.                        <a href="https://juragannews.com/" class="text-gray-400 hover:text-white"><i class="fab fa-instagram text-lg"></i></a>
  435.                        <a href="https://juragannews.com/" class="text-gray-400 hover:text-white"><i class="fab fa-youtube text-lg"></i></a>
  436.                    </div>
  437.                </div>
  438.                
  439.                <!-- Footer Column 2 -->
  440.                <div class="mb-6 md:mb-0 md:w-1/4">
  441.                    <h3 class="text-lg font-bold mb-4">KATEGORI</h3>
  442.                    <ul class="space-y-2">
  443.                        <li><a href="#" class="text-gray-400 hover:text-white text-sm">Politik</a></li>
  444.                        <li><a href="#" class="text-gray-400 hover:text-white text-sm">Ekonomi</a></li>
  445.                        <li><a href="#" class="text-gray-400 hover:text-white text-sm">Olahraga</a></li>
  446.                        <li><a href="#" class="text-gray-400 hover:text-white text-sm">Hiburan</a></li>
  447.                        <li><a href="#" class="text-gray-400 hover:text-white text-sm">Kesehatan</a></li>
  448.                        <li><a href="#" class="text-gray-400 hover:text-white text-sm">Teknologi</a></li>
  449.                    </ul>
  450.                </div>
  451.                
  452.                <!-- Footer Column 3 -->
  453.                <div class="mb-6 md:mb-0 md:w-1/4">
  454.                    <h3 class="text-lg font-bold mb-4">PERUSAHAAN</h3>
  455.                    <ul class="space-y-2">
  456.                        <li><a href="https://juragannews.com/" class="text-gray-400 hover:text-white text-sm">Tentang Kami</a></li>
  457.                        <li><a href="https://juragannews.com/" class="text-gray-400 hover:text-white text-sm">Redaksi</a></li>
  458.                        <li><a href="https://juragannews.com/" class="text-gray-400 hover:text-white text-sm">Pedoman Media Siber</a></li>
  459.                        <li><a href="https://juragannews.com/" class="text-gray-400 hover:text-white text-sm">Karir</a></li>
  460.                        <li><a href="https://juragannews.com/" class="text-gray-400 hover:text-white text-sm">Iklan</a></li>
  461.                        <li><a href="https://juragannews.com/" class="text-gray-400 hover:text-white text-sm">Kontak</a></li>
  462.                    </ul>
  463.                </div>
  464.                
  465.                <!-- Footer Column 4 -->
  466.                <div class="md:w-1/4">
  467.                    <h3 class="text-lg font-bold mb-4">UNDUH APLIKASI</h3>
  468.                    <div class="mb-3">
  469.                        <a href="https://juragannews.com/" class="inline-block">
  470.                            <img src="assets/android.webp" alt="Google Play" class="h-10">
  471.                        </a>
  472.                    </div>
  473.                    <div>
  474.                        <a href="https://juragannews.com/" class="inline-block">
  475.                            <img src="assets/app-store.webp" alt="App Store" class="h-10">
  476.                        </a>
  477.                    </div>
  478.                </div>
  479.            </div>
  480.            
  481.            <div class="border-t border-gray-700 pt-6">
  482.                <div class="flex flex-col md:flex-row justify-between items-center">
  483.                    <p class="text-gray-400 text-sm mb-4 md:mb-0">© 2023 Juragan News. All Rights Reserved.</p>
  484.                    <div class="flex space-x-6">
  485.                        <a href="#" class="text-gray-400 hover:text-white text-sm">Kebijakan Privasi</a>
  486.                        <a href="#" class="text-gray-400 hover:text-white text-sm">Syarat & Ketentuan</a>
  487.                        <a href="#" class="text-gray-400 hover:text-white text-sm">Disclaimer</a>
  488.                    </div>
  489.                </div>
  490.            </div>
  491.        </div>
  492.    </footer>
  493.  
  494.    <!-- Back to Top Button -->
  495.    <button id="backToTop" class="fixed bottom-6 right-6 bg-red-600 text-white w-12 h-12 rounded-full shadow-lg hidden">
  496.        <i class="fas fa-arrow-up"></i>
  497.    </button>
  498.  
  499.    <script>
  500.        // Back to Top Button
  501.        const backToTopButton = document.getElementById('backToTop');
  502.        
  503.        window.addEventListener('scroll', () => {
  504.            if (window.pageYOffset > 300) {
  505.                backToTopButton.classList.remove('hidden');
  506.            } else {
  507.                backToTopButton.classList.add('hidden');
  508.            }
  509.        });
  510.        
  511.        backToTopButton.addEventListener('click', () => {
  512.            window.scrollTo({
  513.                top: 0,
  514.                behavior: 'smooth'
  515.            });
  516.        });
  517.        
  518.        // Mobile Menu Toggle (would need to be implemented with proper mobile menu structure)
  519.        // This is just a placeholder for the functionality
  520.        document.getElementById('mobileMenuButton').addEventListener('click', function() {
  521.            document.getElementById('mobileMenu').classList.toggle('hidden');
  522.        });
  523.    </script>
  524. </body>
  525. </html>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda