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: https://ultimatemustangs.org

  1. <!DOCTYPE html>
  2. <html lang="id">
  3.  
  4. <head>
  5.    <meta charset="UTF-8">
  6.    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.    <title>MedanGosipBola: Gosip Liga 1 &amp; Piala Dunia 2026</title>
  8.    <meta name="description" content="MedanGosipBola: Gosip Liga 1 &amp; Piala Dunia 2026 di Medan. Cerita seru, gratis. Baca sekarang!">
  9.    <meta name="keywords" content="gosip sepak bola, Medan gosip Liga 1, cerita PSMS, Piala Dunia gosip, free gosip bola, kabar pemain, tonight gosip PSMS, WorldCup cerita, Liga 1 fun, MedanGosipBola">
  10.    <meta name="author" content="MedanGosipBola">
  11.    <meta name="robots" content="index, follow">
  12.    <meta name="revisit-after" content="1 day">
  13.    
  14.    <!-- Open Graph Meta Tags -->
  15.    <meta property="og:title" content="MedanGosipBola: Gosip Liga 1 &amp; Piala Dunia 2026">
  16.    <meta property="og:description" content="MedanGosipBola: Gosip Liga 1 &amp; Piala Dunia 2026 di Medan. Cerita seru, gratis. Baca sekarang!">
  17.    <meta property="og:type" content="website">
  18.    <meta property="og:url" content="https://www.ultimatemustangs.org">
  19.    <meta property="og:image" content="https://picsum.photos/id/1068/800/600">
  20.    <meta property="og:site_name" content="MedanGosipBola">
  21.    
  22.    <!-- Twitter Meta Tags -->
  23.    <meta name="twitter:card" content="summary_large_image">
  24.    <meta name="twitter:title" content="MedanGosipBola: Gosip Liga 1 &amp; Piala Dunia 2026">
  25.    <meta name="twitter:description" content="MedanGosipBola: Gosip Liga 1 &amp; Piala Dunia 2026 di Medan. Cerita seru, gratis. Baca sekarang!">
  26.    <meta name="twitter:image" content="https://picsum.photos/id/1068/800/600">
  27.    
  28.    <!-- Canonical Link -->
  29.    <link rel="canonical" href="https://www.ultimatemustangs.org">
  30.    <script src="https://cdn.tailwindcss.com"></script>
  31.    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  32.    <script>
  33.        tailwind.config = {
  34.            theme: {
  35.                extend: {
  36.                    colors: {
  37.                        primary: '#FF3A33', // Warna merah untuk olahraga
  38.                        secondary: '#1E293B',
  39.                        accent: '#F59E0B',
  40.                        light: '#F8FAFC',
  41.                        dark: '#0F172A'
  42.                    },
  43.                    fontFamily: {
  44.                        inter: ['Inter', 'sans-serif'],
  45.                        poppins: ['Poppins', 'sans-serif']
  46.                    },
  47.                }
  48.            }
  49.        }
  50.    </script>
  51.    <style type="text/tailwindcss">
  52.        @layer utilities { .content-auto { content-visibility: auto; } .text-shadow { text-shadow: 0 2px 4px rgba(0,0,0,0.1); } .card-hover { transition: all 0.3s ease; } .card-hover:hover { transform: translateY(-5px); } }
  53.    </style>
  54.    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
  55. </head>
  56.  
  57. <body class="bg-gray-50 font-inter text-secondary">
  58. <!-- Header Section -->
  59. <header class="sticky top-0 z-50 bg-white shadow-md transition-all duration-300">
  60.    <!-- Navigation -->
  61.    <nav class="container mx-auto px-4 py-4">
  62.        <div class="flex justify-between items-center">
  63.            <!-- Logo -->
  64.            <div class="flex items-center space-x-2">
  65.                <div class="bg-primary rounded-full w-10 h-10 flex items-center justify-center">
  66.                    <i class="fa fa-futbol-o text-white text-xl" aria-hidden="true"></i>
  67.                </div>
  68.                <span class="text-2xl font-bold font-poppins text-dark">MedanGosipBola</span>
  69.            </div>
  70.  
  71.            <!-- Desktop Navigation -->
  72.            <div class="hidden md:flex items-center space-x-8">
  73.                <a href="/" title="MedanGosipBola" class="font-medium text-primary transition-colors duration-200 flex items-center gap-2" aria-current="page">
  74.                    <i class="fa fa-home mr-2"></i>Beranda
  75.                </a>
  76.                                <a href="/Briefs" title="Berita Singkat" class="font-medium hover:text-primary transition-colors duration-200 flex items-center gap-2">
  77.                    <span>Berita Singkat</span>
  78.                </a>
  79.                                <a href="/Faq" title="Tanya Jawab" class="font-medium hover:text-primary transition-colors duration-200 flex items-center gap-2">
  80.                    <span>Tanya Jawab</span>
  81.                </a>
  82.                                <a href="/Links" title="Tautan Streaming" class="font-medium hover:text-primary transition-colors duration-200 flex items-center gap-2">
  83.                    <span>Tautan Streaming</span>
  84.                </a>
  85.                                <button class="bg-primary hover:bg-primary/90 text-white font-medium py-2 px-4 rounded-full transition-all duration-200 shadow-md hover:shadow-lg flex items-center gap-2">
  86.                    <i class="fa fa-user-plus" aria-hidden="true"></i>
  87.                    <span>Ikuti Kami</span>
  88.                </button>
  89.            </div>
  90.  
  91.            <!-- Mobile Menu Button -->
  92.            <button class="md:hidden text-dark text-2xl" id="mobile-menu-button">
  93.                <i class="fa fa-bars" aria-hidden="true"></i>
  94.            </button>
  95.        </div>
  96.  
  97.        <!-- Mobile Navigation -->
  98.            <div class="md:hidden hidden mt-4 py-4 border-t border-gray-100" id="mobile-menu">
  99.                <div class="flex flex-col space-y-4">
  100.                    <a href="/" title="MedanGosipBola" class="font-medium text-primary transition-colors duration-200 flex items-center gap-2">
  101.                        <i class="fa fa-home mr-2"></i>Beranda
  102.                    </a>
  103.                                        <a href="/Briefs" title="Berita Singkat" class="font-medium hover:text-primary transition-colors duration-200 flex items-center gap-2">
  104.                        <span>Berita Singkat</span>
  105.                    </a>
  106.                                        <a href="/Faq" title="Tanya Jawab" class="font-medium hover:text-primary transition-colors duration-200 flex items-center gap-2">
  107.                        <span>Tanya Jawab</span>
  108.                    </a>
  109.                                        <a href="/Links" title="Tautan Streaming" class="font-medium hover:text-primary transition-colors duration-200 flex items-center gap-2">
  110.                        <span>Tautan Streaming</span>
  111.                    </a>
  112.                                        <button class="bg-primary hover:bg-primary/90 text-white font-medium py-2 px-4 rounded-full transition-all duration-200 shadow-md hover:shadow-lg flex items-center justify-center gap-2">
  113.                        <i class="fa fa-user-plus" aria-hidden="true"></i>
  114.                        <span>Ikuti Kami</span>
  115.                    </button>
  116.                </div>
  117.            </div>
  118.    </nav>
  119. </header>
  120.  
  121. <!-- Hero Section -->
  122. <section class="bg-gradient-to-r from-dark to-secondary text-white py-16 md:py-24">
  123.    <div class="container mx-auto px-4">
  124.        <div class="flex flex-col md:flex-row items-center gap-8 md:gap-16">
  125.            <div class="md:w-1/2">
  126.                <h1 class="text-[clamp(2rem,5vw,3.5rem)] font-bold leading-tight font-poppins text-shadow mb-6">
  127.                    Analisis Taktik & Prediksi Bola untuk Pecinta Sepak Bola Indonesia
  128.                </h1>
  129.                <p class="text-xl text-gray-200 mb-8">
  130.                    Temukan insights mendalam, prediksi akurat, dan diskusi hangat tentang dunia sepak bola. Dari Liga Indonesia hingga Eropa, kami punya semuanya!
  131.                </p>
  132.                <div class="flex flex-wrap gap-4">
  133.                    <a href="https://layarbola888.com" class="bg-primary hover:bg-primary/90 text-white font-medium py-3 px-6 rounded-full transition-all duration-200 shadow-lg hover:shadow-xl flex items-center gap-2">
  134.                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
  135.                        <span>Lihat Artikel Terbaru</span>
  136.                    </a>
  137.                    <a href="https://layarbola888.com" class="bg-white/10 backdrop-blur-sm hover:bg-white/20 text-white font-medium py-3 px-6 rounded-full border border-white/20 transition-all duration-200 flex items-center gap-2">
  138.                        <i class="fa fa-play" aria-hidden="true"></i>
  139.                        <span>Lihat Live Sekarang</span>
  140.                    </a>
  141.                </div>
  142.            </div>
  143.            <div class="md:w-1/2 relative">
  144.                <div class="relative rounded-2xl overflow-hidden shadow-2xl transform rotate-1 transition-transform hover:rotate-0 duration-500">
  145.                    <img src="https://picsum.photos/id/1068/800/600" alt="Analisis Taktik Sepak Bola" class="w-full h-auto">
  146.                    <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-dark/90 to-transparent p-6">
  147.                        <span class="bg-primary text-white text-sm font-medium py-1 px-3 rounded-full">Taktik</span>
  148.                        <h3 class="text-xl font-bold mt-2">3-4-3: Sistem yang Mengubah Pertandingan</h3>
  149.                    </div>
  150.                </div>
  151.                <div class="absolute -bottom-6 -left-6 bg-white p-4 rounded-xl shadow-xl transform -rotate-3 transition-transform hover:rotate-0 duration-500">
  152.                    <div class="flex items-center gap-3">
  153.                        <div class="bg-green-500 rounded-full w-4 h-4 animate-pulse"></div>
  154.                        <span class="font-semibold text-dark">328+ Orang sedang membaca</span>
  155.                    </div>
  156.                </div>
  157.            </div>
  158.        </div>
  159.    </div>
  160. </section>
  161.  
  162. <!-- Categories Section -->
  163. <section class="py-12 bg-light">
  164.    <div class="container mx-auto px-4">
  165.        <div class="flex flex-wrap justify-center gap-4">
  166.            <a href="https://layarbola888.com" class="px-5 py-3 bg-white rounded-full shadow-sm hover:shadow-md transition-all duration-200 text-center flex items-center gap-2">
  167.                <i class="fa fa-futbol-o text-primary" aria-hidden="true"></i>
  168.                <span>Premier League</span>
  169.            </a>
  170.            <a href="https://layarbola888.com" class="px-5 py-3 bg-white rounded-full shadow-sm hover:shadow-md transition-all duration-200 text-center flex items-center gap-2">
  171.                <i class="fa fa-futbol-o text-primary" aria-hidden="true"></i>
  172.                <span>Liga 1 Indonesia</span>
  173.            </a>
  174.            <a href="https://layarbola888.com" class="px-5 py-3 bg-white rounded-full shadow-sm hover:shadow-md transition-all duration-200 text-center flex items-center gap-2">
  175.                <i class="fa fa-futbol-o text-primary" aria-hidden="true"></i>
  176.                <span>La Liga</span>
  177.            </a>
  178.            <a href="https://layarbola888.com" class="px-5 py-3 bg-white rounded-full shadow-sm hover:shadow-md transition-all duration-200 text-center flex items-center gap-2">
  179.                <i class="fa fa-futbol-o text-primary" aria-hidden="true"></i>
  180.                <span>Serie A</span>
  181.            </a>
  182.            <a href="https://layarbola888.com" class="px-5 py-3 bg-white rounded-full shadow-sm hover:shadow-md transition-all duration-200 text-center flex items-center gap-2">
  183.                <i class="fa fa-futbol-o text-primary" aria-hidden="true"></i>
  184.                <span>Champions League</span>
  185.            </a>
  186.        </div>
  187.    </div>
  188. </section>
  189.  
  190. <!-- Berita Section -->
  191. <section id="berita" class="py-16 bg-white">
  192.    <div class="container mx-auto px-4">
  193.        <div class="flex justify-between items-center mb-10">
  194.            <h2 class="text-3xl font-bold font-poppins text-dark">Berita Terkini</h2>
  195.            <a href="/Briefs" class="text-primary hover:text-primary/80 font-medium flex items-center gap-1 transition-colors duration-200">
  196.                <span>Lihat semua</span>
  197.                <i class="fa fa-chevron-right" aria-hidden="true"></i>
  198.            </a>
  199.        </div>
  200.  
  201.        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
  202.                        <article class="bg-white rounded-xl overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 card-hover">
  203.                <div class="relative">
  204.                    <a href="/Briefs/Iraqi+Premier+League+%28Iraqi+Premier+League%29+player+news" title="Berita pemain dan video pertandingan Liga Premier Irak (Iraqi Premier League).">
  205.                        <img src="http://art.147gpt.com/get_img?key=68c67352e9c5e091c5c2b83a" alt="Berita pemain dan video pertandingan Liga Premier Irak (Iraqi Premier League)." class="w-full h-48 object-cover">
  206.                        <div class="absolute top-3 left-3">
  207.                            <span class="bg-primary text-white text-xs font-medium py-1 px-2 rounded-full">Berita Terkini</span>
  208.                        </div>
  209.                        <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-dark/70 to-transparent h-20"></div>
  210.                    </a>
  211.                </div>
  212.                <div class="p-5">
  213.                    <div class="flex items-center gap-2 text-sm text-gray-500 mb-3">
  214.                        <span><i class="fa fa-calendar-o" aria-hidden="true"></i> 2025.11.02 18:32:25</span>
  215.                        <span><i class="fa fa-eye" aria-hidden="true"></i> 27</span>
  216.                    </div>
  217.                    <h3 class="font-bold text-lg mb-3 line-clamp-2 hover:text-primary transition-colors duration-200">
  218.                        <a href="/Briefs/Iraqi+Premier+League+%28Iraqi+Premier+League%29+player+news" title="Berita pemain dan video pertandingan Liga Premier Irak (Iraqi Premier League).">Berita pemain dan video pertandingan Liga Premier Irak (Iraqi Premier League).</a>
  219.                    </h3>
  220.                    <p class="text-gray-600 text-sm mb-4 line-clamp-3">
  221.                        Pendahuluan: Liga Primer Irak, dengan persainganny                    </p>
  222.                    <div class="flex items-center gap-3">
  223.                        <img src="https://picsum.photos/id/64/40/40" alt="MedanGosipBola" class="w-8 h-8 rounded-full object-cover">
  224.                        <span class="text-sm font-medium">MedanGosipBola</span>
  225.                    </div>
  226.                </div>
  227.            </article>
  228.                        <article class="bg-white rounded-xl overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 card-hover">
  229.                <div class="relative">
  230.                    <a href="/Briefs/Be%C5%9Fikta%C5%9F+Football+Team+News" title="Berita Tim Sepak Bola Beşiktaş">
  231.                        <img src="/static/images/1.png" alt="Berita Tim Sepak Bola Beşiktaş" class="w-full h-48 object-cover">
  232.                        <div class="absolute top-3 left-3">
  233.                            <span class="bg-primary text-white text-xs font-medium py-1 px-2 rounded-full">Berita Terkini</span>
  234.                        </div>
  235.                        <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-dark/70 to-transparent h-20"></div>
  236.                    </a>
  237.                </div>
  238.                <div class="p-5">
  239.                    <div class="flex items-center gap-2 text-sm text-gray-500 mb-3">
  240.                        <span><i class="fa fa-calendar-o" aria-hidden="true"></i> 2025.10.16 18:32:07</span>
  241.                        <span><i class="fa fa-eye" aria-hidden="true"></i> 108</span>
  242.                    </div>
  243.                    <h3 class="font-bold text-lg mb-3 line-clamp-2 hover:text-primary transition-colors duration-200">
  244.                        <a href="/Briefs/Be%C5%9Fikta%C5%9F+Football+Team+News" title="Berita Tim Sepak Bola Beşiktaş">Berita Tim Sepak Bola Beşiktaş</a>
  245.                    </h3>
  246.                    <p class="text-gray-600 text-sm mb-4 line-clamp-3">
  247.                        Sebagai sosok legendaris sepak bola Turki, Beşikta                    </p>
  248.                    <div class="flex items-center gap-3">
  249.                        <img src="https://picsum.photos/id/64/40/40" alt="MedanGosipBola" class="w-8 h-8 rounded-full object-cover">
  250.                        <span class="text-sm font-medium">MedanGosipBola</span>
  251.                    </div>
  252.                </div>
  253.            </article>
  254.                        <article class="bg-white rounded-xl overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 card-hover">
  255.                <div class="relative">
  256.                    <a href="/Briefs/Real+Betis+B+Football+Team+News" title="Berita tim sepak bola Real Betis B, 10 pemain teratas dalam sejarah Real Betis">
  257.                        <img src="http://art.147gpt.com/get_img?key=68c62255e9c5e091c5bb3ecf" alt="Berita tim sepak bola Real Betis B, 10 pemain teratas dalam sejarah Real Betis" class="w-full h-48 object-cover">
  258.                        <div class="absolute top-3 left-3">
  259.                            <span class="bg-primary text-white text-xs font-medium py-1 px-2 rounded-full">Berita Terkini</span>
  260.                        </div>
  261.                        <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-dark/70 to-transparent h-20"></div>
  262.                    </a>
  263.                </div>
  264.                <div class="p-5">
  265.                    <div class="flex items-center gap-2 text-sm text-gray-500 mb-3">
  266.                        <span><i class="fa fa-calendar-o" aria-hidden="true"></i> 2025.10.15 18:30:59</span>
  267.                        <span><i class="fa fa-eye" aria-hidden="true"></i> 96</span>
  268.                    </div>
  269.                    <h3 class="font-bold text-lg mb-3 line-clamp-2 hover:text-primary transition-colors duration-200">
  270.                        <a href="/Briefs/Real+Betis+B+Football+Team+News" title="Berita tim sepak bola Real Betis B, 10 pemain teratas dalam sejarah Real Betis">Berita tim sepak bola Real Betis B, 10 pemain teratas dalam sejarah Real Betis</a>
  271.                    </h3>
  272.                    <p class="text-gray-600 text-sm mb-4 line-clamp-3">
  273.                        Sebagai tolok ukur dalam sistem pembinaan pemain m                    </p>
  274.                    <div class="flex items-center gap-3">
  275.                        <img src="https://picsum.photos/id/64/40/40" alt="MedanGosipBola" class="w-8 h-8 rounded-full object-cover">
  276.                        <span class="text-sm font-medium">MedanGosipBola</span>
  277.                    </div>
  278.                </div>
  279.            </article>
  280.                        <article class="bg-white rounded-xl overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 card-hover">
  281.                <div class="relative">
  282.                    <a href="/Briefs/AS+Roma+Football+Team+Hot+News" title="Berita hangat tim sepak bola AS Roma, pejabat klub sepak bola AS Roma">
  283.                        <img src="http://art.147gpt.com/get_img?key=68c554c8e9c5e091c5b358ad" alt="Berita hangat tim sepak bola AS Roma, pejabat klub sepak bola AS Roma" class="w-full h-48 object-cover">
  284.                        <div class="absolute top-3 left-3">
  285.                            <span class="bg-primary text-white text-xs font-medium py-1 px-2 rounded-full">Berita Terkini</span>
  286.                        </div>
  287.                        <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-dark/70 to-transparent h-20"></div>
  288.                    </a>
  289.                </div>
  290.                <div class="p-5">
  291.                    <div class="flex items-center gap-2 text-sm text-gray-500 mb-3">
  292.                        <span><i class="fa fa-calendar-o" aria-hidden="true"></i> 2025.09.21 18:32:33</span>
  293.                        <span><i class="fa fa-eye" aria-hidden="true"></i> 266</span>
  294.                    </div>
  295.                    <h3 class="font-bold text-lg mb-3 line-clamp-2 hover:text-primary transition-colors duration-200">
  296.                        <a href="/Briefs/AS+Roma+Football+Team+Hot+News" title="Berita hangat tim sepak bola AS Roma, pejabat klub sepak bola AS Roma">Berita hangat tim sepak bola AS Roma, pejabat klub sepak bola AS Roma</a>
  297.                    </h3>
  298.                    <p class="text-gray-600 text-sm mb-4 line-clamp-3">
  299.                        Warna merah dan kuning ibu kota Italia yang berapi                    </p>
  300.                    <div class="flex items-center gap-3">
  301.                        <img src="https://picsum.photos/id/64/40/40" alt="MedanGosipBola" class="w-8 h-8 rounded-full object-cover">
  302.                        <span class="text-sm font-medium">MedanGosipBola</span>
  303.                    </div>
  304.                </div>
  305.            </article>
  306.                    </div>
  307.    </div>
  308. </section>
  309.  
  310. <!-- QnA Section -->
  311. <section id="qna" class="py-16 bg-gray-50">
  312.    <div class="container mx-auto px-4">
  313.        <div class="flex justify-between items-center mb-10">
  314.            <h2 class="text-3xl font-bold font-poppins text-dark">Tanya Jawab</h2>
  315.            <a href="/Faq" class="text-primary hover:text-primary/80 font-medium flex items-center gap-1 transition-colors duration-200">
  316.                <span>Lihat semua</span>
  317.                <i class="fa fa-chevron-right" aria-hidden="true"></i>
  318.            </a>
  319.        </div>
  320.  
  321.        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
  322.                        <div class="bg-white rounded-xl p-6 shadow-md hover:shadow-lg transition-all duration-300 card-hover">
  323.                <div class="flex items-start gap-4">
  324.                    <div class="bg-blue-100 text-blue-600 p-3 rounded-full">
  325.                        <i class="fa fa-question" aria-hidden="true"></i>
  326.                    </div>
  327.                    <div class="flex-1">
  328.                        <h3 class="font-bold text-lg mb-3"><a href="/Faq/Interview+with+Red+Bull+Salzburg+football+team+stars" title="Wawancara dengan bintang tim sepak bola Red Bull Salzburg, nilai pemain Red Bull Salzburg">Wawancara dengan bintang tim sepak bola Red Bull Salzburg, nilai pemain Red Bull Salzburg</a></h3>
  329.                        <p class="text-gray-600 mb-4">
  330.                            <a href="/Faq/Interview+with+Red+Bull+Salzburg+football+team+stars" title="Wawancara dengan bintang tim sepak bola Red Bull Salzburg, nilai pemain Red Bull Salzburg">
  331.                                Red Bull Salzburg, tim sepak bola Austria yang dom                            </a>
  332.                        </p>
  333.                        <div class="flex justify-between items-center">
  334.                            <div class="flex items-center gap-2">
  335.                                <img src="https://picsum.photos/id/91/40/40" alt="Pertanyaan dari" class="w-8 h-8 rounded-full object-cover">
  336.                                <span class="text-sm font-medium">MedanGosipBola</span>
  337.                            </div>
  338.                            <div class="flex items-center gap-3 text-gray-500">
  339.                                <button class="flex items-center gap-1 hover:text-primary transition-colors duration-200">
  340.                                    <i class="fa fa-thumbs-up" aria-hidden="true"></i>
  341.                                    <span>39</span>
  342.                                </button>
  343.                                <button class="flex items-center gap-1 hover:text-primary transition-colors duration-200">
  344.                                    <i class="fa fa-comment-o" aria-hidden="true"></i>
  345.                                    <span>9</span>
  346.                                </button>
  347.                            </div>
  348.                        </div>
  349.                    </div>
  350.                </div>
  351.            </div>
  352.                        <div class="bg-white rounded-xl p-6 shadow-md hover:shadow-lg transition-all duration-300 card-hover">
  353.                <div class="flex items-start gap-4">
  354.                    <div class="bg-blue-100 text-blue-600 p-3 rounded-full">
  355.                        <i class="fa fa-question" aria-hidden="true"></i>
  356.                    </div>
  357.                    <div class="flex-1">
  358.                        <h3 class="font-bold text-lg mb-3"><a href="/Faq/Interview+with+Young+Africans+SC+football+team+stars" title="Wawancara dengan bintang tim sepak bola Young Africans SC, artis Yang Yafei">Wawancara dengan bintang tim sepak bola Young Africans SC, artis Yang Yafei</a></h3>
  359.                        <p class="text-gray-600 mb-4">
  360.                            <a href="/Faq/Interview+with+Young+Africans+SC+football+team+stars" title="Wawancara dengan bintang tim sepak bola Young Africans SC, artis Yang Yafei">
  361.                                Ketika tim raksasa Afrika Timur, Young Africans SC                            </a>
  362.                        </p>
  363.                        <div class="flex justify-between items-center">
  364.                            <div class="flex items-center gap-2">
  365.                                <img src="https://picsum.photos/id/91/40/40" alt="Pertanyaan dari" class="w-8 h-8 rounded-full object-cover">
  366.                                <span class="text-sm font-medium">MedanGosipBola</span>
  367.                            </div>
  368.                            <div class="flex items-center gap-3 text-gray-500">
  369.                                <button class="flex items-center gap-1 hover:text-primary transition-colors duration-200">
  370.                                    <i class="fa fa-thumbs-up" aria-hidden="true"></i>
  371.                                    <span>26</span>
  372.                                </button>
  373.                                <button class="flex items-center gap-1 hover:text-primary transition-colors duration-200">
  374.                                    <i class="fa fa-comment-o" aria-hidden="true"></i>
  375.                                    <span>24</span>
  376.                                </button>
  377.                            </div>
  378.                        </div>
  379.                    </div>
  380.                </div>
  381.            </div>
  382.                        <div class="bg-white rounded-xl p-6 shadow-md hover:shadow-lg transition-all duration-300 card-hover">
  383.                <div class="flex items-start gap-4">
  384.                    <div class="bg-blue-100 text-blue-600 p-3 rounded-full">
  385.                        <i class="fa fa-question" aria-hidden="true"></i>
  386.                    </div>
  387.                    <div class="flex-1">
  388.                        <h3 class="font-bold text-lg mb-3"><a href="/Faq/Interview+and+Q%26amp%3BA+with+the+Nacional+Potos%C3%AD+football+team" title="Wawancara dengan tim sepak bola Nacional Potos&iacute;: Apa maksud Nasir?">Wawancara dengan tim sepak bola Nacional Potos&iacute;: Apa maksud Nasir?</a></h3>
  389.                        <p class="text-gray-600 mb-4">
  390.                            <a href="/Faq/Interview+and+Q%26amp%3BA+with+the+Nacional+Potos%C3%AD+football+team" title="Wawancara dengan tim sepak bola Nacional Potos&iacute;: Apa maksud Nasir?">
  391.                                Pendahuluan: Terletak tinggi di Pegunungan Andes,                             </a>
  392.                        </p>
  393.                        <div class="flex justify-between items-center">
  394.                            <div class="flex items-center gap-2">
  395.                                <img src="https://picsum.photos/id/91/40/40" alt="Pertanyaan dari" class="w-8 h-8 rounded-full object-cover">
  396.                                <span class="text-sm font-medium">MedanGosipBola</span>
  397.                            </div>
  398.                            <div class="flex items-center gap-3 text-gray-500">
  399.                                <button class="flex items-center gap-1 hover:text-primary transition-colors duration-200">
  400.                                    <i class="fa fa-thumbs-up" aria-hidden="true"></i>
  401.                                    <span>5</span>
  402.                                </button>
  403.                                <button class="flex items-center gap-1 hover:text-primary transition-colors duration-200">
  404.                                    <i class="fa fa-comment-o" aria-hidden="true"></i>
  405.                                    <span>29</span>
  406.                                </button>
  407.                            </div>
  408.                        </div>
  409.                    </div>
  410.                </div>
  411.            </div>
  412.                        <div class="bg-white rounded-xl p-6 shadow-md hover:shadow-lg transition-all duration-300 card-hover">
  413.                <div class="flex items-start gap-4">
  414.                    <div class="bg-blue-100 text-blue-600 p-3 rounded-full">
  415.                        <i class="fa fa-question" aria-hidden="true"></i>
  416.                    </div>
  417.                    <div class="flex-1">
  418.                        <h3 class="font-bold text-lg mb-3"><a href="/Faq/St.+Vincent+and+the+Grenadines+Football+Team+Q%26amp%3BA" title="Wawancara dan Jawaban dengan Tim Sepak Bola St. Vincent dan Grenadines, Apa arti St. Vincent dan Grenadines?">Wawancara dan Jawaban dengan Tim Sepak Bola St. Vincent dan Grenadines, Apa arti St. Vincent dan Grenadines?</a></h3>
  419.                        <p class="text-gray-600 mb-4">
  420.                            <a href="/Faq/St.+Vincent+and+the+Grenadines+Football+Team+Q%26amp%3BA" title="Wawancara dan Jawaban dengan Tim Sepak Bola St. Vincent dan Grenadines, Apa arti St. Vincent dan Grenadines?">
  421.                                Di tengah perairan biru kehijauan Laut Karibia, ti                            </a>
  422.                        </p>
  423.                        <div class="flex justify-between items-center">
  424.                            <div class="flex items-center gap-2">
  425.                                <img src="https://picsum.photos/id/91/40/40" alt="Pertanyaan dari" class="w-8 h-8 rounded-full object-cover">
  426.                                <span class="text-sm font-medium">MedanGosipBola</span>
  427.                            </div>
  428.                            <div class="flex items-center gap-3 text-gray-500">
  429.                                <button class="flex items-center gap-1 hover:text-primary transition-colors duration-200">
  430.                                    <i class="fa fa-thumbs-up" aria-hidden="true"></i>
  431.                                    <span>10</span>
  432.                                </button>
  433.                                <button class="flex items-center gap-1 hover:text-primary transition-colors duration-200">
  434.                                    <i class="fa fa-comment-o" aria-hidden="true"></i>
  435.                                    <span>25</span>
  436.                                </button>
  437.                            </div>
  438.                        </div>
  439.                    </div>
  440.                </div>
  441.            </div>
  442.                    </div>
  443.  
  444.        <div class="mt-8 text-center">
  445.            <button class="bg-white text-primary font-medium py-3 px-6 rounded-full border border-primary hover:bg-primary/5 transition-all duration-200">
  446.                <i class="fa fa-plus" aria-hidden="true"></i> Ajukan Pertanyaan Baru
  447.            </button>
  448.        </div>
  449.    </div>
  450. </section>
  451.  
  452. <!-- Live Streaming Section -->
  453. <section id="live" class="py-16 bg-white">
  454.    <div class="container mx-auto px-4">
  455.        <div class="flex justify-between items-center mb-10">
  456.            <h2 class="text-3xl font-bold font-poppins text-dark">Live Streaming</h2>
  457.            <a href="/Links" class="text-primary hover:text-primary/80 font-medium flex items-center gap-1 transition-colors duration-200">
  458.                <span>Lihat semua</span>
  459.                <i class="fa fa-chevron-right" aria-hidden="true"></i>
  460.            </a>
  461.        </div>
  462.  
  463.        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
  464.                        <div class="bg-white rounded-xl overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 card-hover">
  465.                <div class="relative">
  466.                    <a href="/Links/Turkish+Super+League+%28S%C3%BCperLig%29+football+matches+customized+live+broadcast" title="Pertandingan sepak bola Liga Super Turki (S&uuml;perLig) disiarkan langsung secara khusus, apakah Liga Super Turki merupakan liga sepak bola?">
  467.                        <img src="http://art.147gpt.com/get_img?key=68c635d1e9c5e091c5bc3224" alt="Pertandingan sepak bola Liga Super Turki (S&uuml;perLig) disiarkan langsung secara khusus, apakah Liga Super Turki merupakan liga sepak bola?" class="w-full h-44 object-cover">
  468.                    </a>
  469.                    <div class="absolute top-3 left-3">
  470.                        <span class="bg-red-600 text-white text-xs font-medium py-1 px-2 rounded-full flex items-center gap-1">
  471.                            <div class="w-2 h-2 bg-white rounded-full animate-pulse"></div>
  472.                            <span>Live</span>
  473.                        </span>
  474.                    </div>
  475.                    <div class="absolute top-3 right-3">
  476.                        <span class="bg-dark/70 text-white text-xs font-medium py-1 px-2 rounded-full flex items-center gap-1">
  477.                            <i class="fa fa-eye" aria-hidden="true"></i>
  478.                            <span>43</span>
  479.                        </span>
  480.                    </div>
  481.                    <div class="absolute inset-0 flex items-center justify-center">
  482.                        <div class="w-16 h-16 bg-primary/80 rounded-full flex items-center justify-center cursor-pointer hover:bg-primary transition-colors duration-200">
  483.                            <i class="fa fa-play text-white text-xl" aria-hidden="true"></i>
  484.                        </div>
  485.                    </div>
  486.                </div>
  487.                <div class="p-4">
  488.                    <h3 class="font-bold text-lg mb-2"><a href="/Links/Turkish+Super+League+%28S%C3%BCperLig%29+football+matches+customized+live+broadcast" title="Pertandingan sepak bola Liga Super Turki (S&uuml;perLig) disiarkan langsung secara khusus, apakah Liga Super Turki merupakan liga sepak bola?">Pertandingan sepak bola Liga Super Turki (S&uuml;perLig) disiarkan langsung secara khusus, apakah Liga Super Turki merupakan liga sepak bola?</a></h3>
  489.                    <p class="text-gray-600 text-sm mb-3">Liga 1 Indonesia - 2025.10.27 18:30:28</p>
  490.                    <div class="flex justify-between items-center">
  491.                        <div class="flex items-center gap-2">
  492.                            <img src="https://picsum.photos/id/338/30/30" alt="Channel" class="w-6 h-6 rounded-full object-cover">
  493.                            <span class="text-xs text-gray-500">MedanGosipBola</span>
  494.                        </div>
  495.                        <span class="text-xs text-gray-500">HD</span>
  496.                    </div>
  497.                </div>
  498.            </div>
  499.                        <div class="bg-white rounded-xl overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 card-hover">
  500.                <div class="relative">
  501.                    <a href="/Links/Cuba+Cup+football+match+customized+live+broadcast" title="Siaran langsung pertandingan sepak bola Piala Kuba, Kuba 2020">
  502.                        <img src="http://art.147gpt.com/get_img?key=68c633e2e9c5e091c5bc1807" alt="Siaran langsung pertandingan sepak bola Piala Kuba, Kuba 2020" class="w-full h-44 object-cover">
  503.                    </a>
  504.                    <div class="absolute top-3 left-3">
  505.                        <span class="bg-red-600 text-white text-xs font-medium py-1 px-2 rounded-full flex items-center gap-1">
  506.                            <div class="w-2 h-2 bg-white rounded-full animate-pulse"></div>
  507.                            <span>Live</span>
  508.                        </span>
  509.                    </div>
  510.                    <div class="absolute top-3 right-3">
  511.                        <span class="bg-dark/70 text-white text-xs font-medium py-1 px-2 rounded-full flex items-center gap-1">
  512.                            <i class="fa fa-eye" aria-hidden="true"></i>
  513.                            <span>69</span>
  514.                        </span>
  515.                    </div>
  516.                    <div class="absolute inset-0 flex items-center justify-center">
  517.                        <div class="w-16 h-16 bg-primary/80 rounded-full flex items-center justify-center cursor-pointer hover:bg-primary transition-colors duration-200">
  518.                            <i class="fa fa-play text-white text-xl" aria-hidden="true"></i>
  519.                        </div>
  520.                    </div>
  521.                </div>
  522.                <div class="p-4">
  523.                    <h3 class="font-bold text-lg mb-2"><a href="/Links/Cuba+Cup+football+match+customized+live+broadcast" title="Siaran langsung pertandingan sepak bola Piala Kuba, Kuba 2020">Siaran langsung pertandingan sepak bola Piala Kuba, Kuba 2020</a></h3>
  524.                    <p class="text-gray-600 text-sm mb-3">Liga 1 Indonesia - 2025.10.26 18:32:46</p>
  525.                    <div class="flex justify-between items-center">
  526.                        <div class="flex items-center gap-2">
  527.                            <img src="https://picsum.photos/id/338/30/30" alt="Channel" class="w-6 h-6 rounded-full object-cover">
  528.                            <span class="text-xs text-gray-500">MedanGosipBola</span>
  529.                        </div>
  530.                        <span class="text-xs text-gray-500">HD</span>
  531.                    </div>
  532.                </div>
  533.            </div>
  534.                        <div class="bg-white rounded-xl overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 card-hover">
  535.                <div class="relative">
  536.                    <a href="/Links/Red+Star+FC+latest+live+broadcast+preview" title="Pratinjau siaran langsung terbaru tim Red Star FC, siaran langsung Red Star CBA">
  537.                        <img src="http://art.147gpt.com/get_img?key=68c56f3ae9c5e091c5b57fbf" alt="Pratinjau siaran langsung terbaru tim Red Star FC, siaran langsung Red Star CBA" class="w-full h-44 object-cover">
  538.                    </a>
  539.                    <div class="absolute top-3 left-3">
  540.                        <span class="bg-red-600 text-white text-xs font-medium py-1 px-2 rounded-full flex items-center gap-1">
  541.                            <div class="w-2 h-2 bg-white rounded-full animate-pulse"></div>
  542.                            <span>Live</span>
  543.                        </span>
  544.                    </div>
  545.                    <div class="absolute top-3 right-3">
  546.                        <span class="bg-dark/70 text-white text-xs font-medium py-1 px-2 rounded-full flex items-center gap-1">
  547.                            <i class="fa fa-eye" aria-hidden="true"></i>
  548.                            <span>152</span>
  549.                        </span>
  550.                    </div>
  551.                    <div class="absolute inset-0 flex items-center justify-center">
  552.                        <div class="w-16 h-16 bg-primary/80 rounded-full flex items-center justify-center cursor-pointer hover:bg-primary transition-colors duration-200">
  553.                            <i class="fa fa-play text-white text-xl" aria-hidden="true"></i>
  554.                        </div>
  555.                    </div>
  556.                </div>
  557.                <div class="p-4">
  558.                    <h3 class="font-bold text-lg mb-2"><a href="/Links/Red+Star+FC+latest+live+broadcast+preview" title="Pratinjau siaran langsung terbaru tim Red Star FC, siaran langsung Red Star CBA">Pratinjau siaran langsung terbaru tim Red Star FC, siaran langsung Red Star CBA</a></h3>
  559.                    <p class="text-gray-600 text-sm mb-3">Liga 1 Indonesia - 2025.10.06 18:33:39</p>
  560.                    <div class="flex justify-between items-center">
  561.                        <div class="flex items-center gap-2">
  562.                            <img src="https://picsum.photos/id/338/30/30" alt="Channel" class="w-6 h-6 rounded-full object-cover">
  563.                            <span class="text-xs text-gray-500">MedanGosipBola</span>
  564.                        </div>
  565.                        <span class="text-xs text-gray-500">HD</span>
  566.                    </div>
  567.                </div>
  568.            </div>
  569.                        <div class="bg-white rounded-xl overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 card-hover">
  570.                <div class="relative">
  571.                    <a href="/Links/Daegu+FC%26%2339%3Bs+latest+live+broadcast+preview" title="Pratinjau siaran langsung terbaru Daegu FC, jersey kandang Daegu FC">
  572.                        <img src="http://art.147gpt.com/get_img?key=68c572b3e9c5e091c5b5c0ba" alt="Pratinjau siaran langsung terbaru Daegu FC, jersey kandang Daegu FC" class="w-full h-44 object-cover">
  573.                    </a>
  574.                    <div class="absolute top-3 left-3">
  575.                        <span class="bg-red-600 text-white text-xs font-medium py-1 px-2 rounded-full flex items-center gap-1">
  576.                            <div class="w-2 h-2 bg-white rounded-full animate-pulse"></div>
  577.                            <span>Live</span>
  578.                        </span>
  579.                    </div>
  580.                    <div class="absolute top-3 right-3">
  581.                        <span class="bg-dark/70 text-white text-xs font-medium py-1 px-2 rounded-full flex items-center gap-1">
  582.                            <i class="fa fa-eye" aria-hidden="true"></i>
  583.                            <span>139</span>
  584.                        </span>
  585.                    </div>
  586.                    <div class="absolute inset-0 flex items-center justify-center">
  587.                        <div class="w-16 h-16 bg-primary/80 rounded-full flex items-center justify-center cursor-pointer hover:bg-primary transition-colors duration-200">
  588.                            <i class="fa fa-play text-white text-xl" aria-hidden="true"></i>
  589.                        </div>
  590.                    </div>
  591.                </div>
  592.                <div class="p-4">
  593.                    <h3 class="font-bold text-lg mb-2"><a href="/Links/Daegu+FC%26%2339%3Bs+latest+live+broadcast+preview" title="Pratinjau siaran langsung terbaru Daegu FC, jersey kandang Daegu FC">Pratinjau siaran langsung terbaru Daegu FC, jersey kandang Daegu FC</a></h3>
  594.                    <p class="text-gray-600 text-sm mb-3">Liga 1 Indonesia - 2025.10.03 18:30:53</p>
  595.                    <div class="flex justify-between items-center">
  596.                        <div class="flex items-center gap-2">
  597.                            <img src="https://picsum.photos/id/338/30/30" alt="Channel" class="w-6 h-6 rounded-full object-cover">
  598.                            <span class="text-xs text-gray-500">MedanGosipBola</span>
  599.                        </div>
  600.                        <span class="text-xs text-gray-500">HD</span>
  601.                    </div>
  602.                </div>
  603.            </div>
  604.                    </div>
  605.    </div>
  606. </section>
  607.  
  608. <!-- Newsletter Section -->
  609. <section class="py-16 bg-primary/5">
  610.    <div class="container mx-auto px-4">
  611.        <div class="max-w-3xl mx-auto text-center">
  612.            <h2 class="text-3xl font-bold font-poppins text-dark mb-4">Dapatkan Update Terbaru Sepak Bola</h2>
  613.            <p class="text-gray-600 mb-8">
  614.                Bergabung dengan newsletter kami untuk mendapatkan analisis taktik, prediksi pertandingan, dan berita sepak bola terbaru langsung ke email Anda.
  615.            </p>
  616.            <div class="flex flex-col sm:flex-row gap-4 max-w-lg mx-auto">
  617.                <input type="email" placeholder="Masukkan email Anda" class="flex-1 px-4 py-3 rounded-full border border-gray-300 focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary">
  618.                <button class="bg-primary hover:bg-primary/90 text-white font-medium py-3 px-6 rounded-full transition-all duration-200 shadow-md hover:shadow-lg">
  619.                    <a href="https://layarbola888.com">Subscribe</a>
  620.                </button>
  621.            </div>
  622.        </div>
  623.    </div>
  624. </section>
  625.  
  626.    <!-- Footer -->
  627. <footer class="bg-dark text-white pt-16 pb-8">
  628.    <div class="container mx-auto px-4">
  629.        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-12">
  630.            <div>
  631.                <div class="flex items-center space-x-2 mb-6">
  632.                    <div class="bg-primary rounded-full w-10 h-10 flex items-center justify-center">
  633.                        <i class="fa fa-futbol-o text-white text-xl" aria-hidden="true"></i>
  634.                    </div>
  635.                    <span class="text-2xl font-bold font-poppins">MedanGosipBola</span>
  636.                </div>
  637.                <p class="text-gray-400 mb-6">
  638.                    Platform analisis taktik dan prediksi sepak bola terkemuka di Indonesia, memberikan wawasan mendalam untuk para pecinta sepak bola.
  639.                </p>
  640.                <div class="flex space-x-4">
  641.                    <a href="#" class="w-10 h-10 rounded-full bg-white/10 hover:bg-primary transition-colors duration-200 flex items-center justify-center">
  642.                        <i class="fa fa-facebook" aria-hidden="true"></i>
  643.                    </a>
  644.                    <a href="#" class="w-10 h-10 rounded-full bg-white/10 hover:bg-primary transition-colors duration-200 flex items-center justify-center">
  645.                        <i class="fa fa-twitter" aria-hidden="true"></i>
  646.                    </a>
  647.                    <a href="#" class="w-10 h-10 rounded-full bg-white/10 hover:bg-primary transition-colors duration-200 flex items-center justify-center">
  648.                        <i class="fa fa-instagram" aria-hidden="true"></i>
  649.                    </a>
  650.                    <a href="#" class="w-10 h-10 rounded-full bg-white/10 hover:bg-primary transition-colors duration-200 flex items-center justify-center">
  651.                        <i class="fa fa-youtube-play" aria-hidden="true"></i>
  652.                    </a>
  653.                </div>
  654.            </div>
  655.  
  656.            <div>
  657.                <h3 class="text-lg font-bold mb-6">Quick Links</h3>
  658.                <ul class="space-y-3">
  659.                    <li><a href="#" class="text-gray-400 hover:text-primary transition-colors duration-200">Home</a></li>
  660.                    <li><a href="#berita" class="text-gray-400 hover:text-primary transition-colors duration-200">Berita</a></li>
  661.                    <li><a href="#qna" class="text-gray-400 hover:text-primary transition-colors duration-200">Q&A</a></li>
  662.                    <li><a href="#live" class="text-gray-400 hover:text-primary transition-colors duration-200">Live Streaming</a></li>
  663.                    <li><a href="#" class="text-gray-400 hover:text-primary transition-colors duration-200">Tentang Kami</a></li>
  664.                    <li><a href="#" class="text-gray-400 hover:text-primary transition-colors duration-200">Kontak</a></li>
  665.                </ul>
  666.            </div>
  667.  
  668.            <div>
  669.                <h3 class="text-lg font-bold mb-6">Kategori</h3>
  670.                <ul class="space-y-3">
  671.                    <li><a href="#" class="text-gray-400 hover:text-primary transition-colors duration-200">Analisis Taktik</a></li>
  672.                    <li><a href="#" class="text-gray-400 hover:text-primary transition-colors duration-200">Prediksi Skor</a></li>
  673.                    <li><a href="#" class="text-gray-400 hover:text-primary transition-colors duration-200">Berita Transfer</a></li>
  674.                    <li><a href="#" class="text-gray-400 hover:text-primary transition-colors duration-200">Liga 1 Indonesia</a></li>
  675.                    <li><a href="#" class="text-gray-400 hover:text-primary transition-colors duration-200">Liga Eropa</a></li>
  676.                    <li><a href="#" class="text-gray-400 hover:text-primary transition-colors duration-200">Piala Dunia</a></li>
  677.                </ul>
  678.            </div>
  679.  
  680.            <div>
  681.                <h3 class="text-lg font-bold mb-6">Kontak Kami</h3>
  682.                <ul class="space-y-3">
  683.                    <li class="flex items-start gap-3">
  684.                        <i class="fa fa-map-marker text-primary mt-1" aria-hidden="true"></i>
  685.                        <span class="text-gray-400">Jl. Sudirman No.123, Jakarta, Indonesia</span>
  686.                    </li>
  687.                    <li class="flex items-center gap-3">
  688.                        <i class="fa fa-phone text-primary" aria-hidden="true"></i>
  689.                        <span class="text-gray-400">+62 123 4567 8901</span>
  690.                    </li>
  691.                    <li class="flex items-center gap-3">
  692.                        <i class="fa fa-envelope text-primary" aria-hidden="true"></i>
  693.                        <span class="text-gray-400"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="1a73747c755a6e7b716e73717875767b34797577">[email&#160;protected]</a></span>
  694.                    </li>
  695.                </ul>
  696.            </div>
  697.        </div>
  698.  
  699.        <div class="border-t border-white/10 pt-8">
  700.            <div class="flex flex-col md:flex-row justify-between items-center">
  701.                <p class="text-gray-400 text-sm mb-4 md:mb-0">
  702.                    &copy; 2023 MedanGosipBola. All rights reserved.
  703.                </p>
  704.                <div class="flex space-x-6">
  705.                    <a href="#" class="text-gray-400 text-sm hover:text-primary transition-colors duration-200">Privacy Policy</a>
  706.                    <a href="#" class="text-gray-400 text-sm hover:text-primary transition-colors duration-200">Terms of Service</a>
  707.                    <a href="#" class="text-gray-400 text-sm hover:text-primary transition-colors duration-200">Cookie Policy</a>
  708.                </div>
  709.            </div>
  710.        </div>
  711.    </div>
  712. </footer>
  713. <!-- Google tag (gtag.js) -->
  714. <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script async src="https://www.googletagmanager.com/gtag/js?id=G-192Z5R06G6"></script>
  715. <script>
  716.  window.dataLayer = window.dataLayer || [];
  717.  function gtag(){dataLayer.push(arguments);}
  718.  gtag('js', new Date());
  719.  
  720.  gtag('config', 'G-192Z5R06G6');
  721. </script>
  722. <!-- Google tag (gtag.js) -->
  723. <script async src="https://www.googletagmanager.com/gtag/js?id=G-M7KLVP90GE"></script>
  724. <script>
  725.  window.dataLayer = window.dataLayer || [];
  726.  function gtag(){dataLayer.push(arguments);}
  727.  gtag('js', new Date());
  728.  
  729.  gtag('config', 'G-M7KLVP90GE');
  730. </script><!-- JavaScript -->
  731. <script>
  732.    // Mobile Menu Toggle
  733.    const mobileMenuButton = document.getElementById('mobile-menu-button');
  734.    const mobileMenu = document.getElementById('mobile-menu');
  735.  
  736.    mobileMenuButton.addEventListener('click', () => {
  737.        mobileMenu.classList.toggle('hidden');
  738.  
  739.        // Change icon between bars and times
  740.        const icon = mobileMenuButton.querySelector('i');
  741.        if (icon.classList.contains('fa-bars')) {
  742.            icon.classList.remove('fa-bars');
  743.            icon.classList.add('fa-times');
  744.        } else {
  745.            icon.classList.remove('fa-times');
  746.            icon.classList.add('fa-bars');
  747.        }
  748.    });
  749.  
  750.    // Sticky Header
  751.    const header = document.querySelector('header');
  752.    let lastScrollTop = 0;
  753.  
  754.    window.addEventListener('scroll', () => {
  755.        const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
  756.  
  757.        if (scrollTop > 50) {
  758.            header.classList.add('py-2');
  759.            header.classList.remove('py-4');
  760.        } else {
  761.            header.classList.add('py-4');
  762.            header.classList.remove('py-2');
  763.        }
  764.  
  765.        lastScrollTop = scrollTop;
  766.    });
  767.  
  768.    // Smooth Scroll
  769.    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
  770.        anchor.addEventListener('click', function(e) {
  771.            e.preventDefault();
  772.  
  773.            const targetId = this.getAttribute('href');
  774.            if (targetId === '#') return;
  775.  
  776.            const targetElement = document.querySelector(targetId);
  777.            if (targetElement) {
  778.                // Close mobile menu if open
  779.                if (!mobileMenu.classList.contains('hidden')) {
  780.                    mobileMenu.classList.add('hidden');
  781.                    const icon = mobileMenuButton.querySelector('i');
  782.                    icon.classList.remove('fa-times');
  783.                    icon.classList.add('fa-bars');
  784.                }
  785.  
  786.                // Scroll to target
  787.                targetElement.scrollIntoView({
  788.                    behavior: 'smooth',
  789.                    block: 'start'
  790.                });
  791.            }
  792.        });
  793.    });
  794. </script>
  795. </body>
  796.  
  797. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda