10 Website Rekomendasi Untuk Website Untuk Melihat Jadwal dan Info Piala Dunia Sepak Bola Indonesia
2026-05-13 03:43:36 - Admin
<div> <style> :root{ --bg: #f7fbff; --card: #ffffff; --text: #1f2937; --muted: #5b6472; --primary: #2563eb; --primary-2: #1d4ed8; --accent: #eaf2ff; --border: #dbe7f5; --shadow: 0 10px 30px rgba(37, 99, 235, 0.08); } *{ box-sizing: border-box; } div{ font-family: Arial, Helvetica, sans-serif; color: var(--text); } .page{ max-width: 1200px; margin: 0 auto; padding: 28px 16px 40px; background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%); } .hero{ display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 24px; align-items: center; padding: 24px; border: 1px solid var(--border); border-radius: 22px; background: #ffffff; box-shadow: var(--shadow); } .hero h1{ margin: 0 0 12px; font-size: clamp(1.8rem, 3vw, 3rem); line-height: 1.15; color: var(--primary-2); } .hero p{ margin: 0; font-size: 1rem; line-height: 1.8; color: var(--muted); } .hero-illustration{ width: 100%; min-height: 260px; border-radius: 18px; border: 1px solid var(--border); background: radial-gradient(circle at 20% 20%, #dbeafe 0 10%, transparent 11%), radial-gradient(circle at 80% 30%, #bfdbfe 0 9%, transparent 10%), radial-gradient(circle at 60% 80%, #93c5fd 0 12%, transparent 13%), linear-gradient(135deg, #eff6ff, #ffffff); display: flex; align-items: center; justify-content: center; padding: 18px; } .illustration-box{ width: 100%; max-width: 360px; background: #ffffff; border: 1px solid var(--border); border-radius: 18px; box-shadow: 0 8px 18px rgba(37, 99, 235, 0.08); overflow: hidden; } .illustration-top{ background: linear-gradient(90deg, #2563eb, #60a5fa); color: #fff; padding: 12px 14px; font-weight: 700; letter-spacing: 0.2px; } .illustration-body{ padding: 14px; } .mini-row{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin-bottom: 12px; } .mini-card{ background: var(--accent); border: 1px solid var(--border); border-radius: 12px; padding: 12px 10px; text-align: center; } .mini-card strong{ display: block; color: var(--primary-2); margin-bottom: 4px; } .mini-bar{ height: 10px; border-radius: 999px; background: #e5eefc; overflow: hidden; margin: 10px 0 0; } .mini-bar span{ display: block; height: 100%; width: 70%; background: linear-gradient(90deg, #2563eb, #60a5fa); border-radius: 999px; } .section-title{ margin: 28px 0 14px; font-size: 1.35rem; color: var(--primary-2); } .list-wrap{ display: flex; flex-direction: column; gap: 18px; } .site-item{ list-style: none; background: var(--card); border: 1px solid var(--border); border-radius: 18px; padding: 20px; box-shadow: var(--shadow); } .site-head{ display: flex; gap: 14px; align-items: flex-start; margin-bottom: 12px; } .site-number{ flex: 0 0 auto; width: 42px; height: 42px; border-radius: 12px; background: var(--primary); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1rem; } .site-title{ margin: 0; font-size: 1.15rem; color: var(--text); } .site-url{ margin: 6px 0 0; word-break: break-word; } .site-url a{ color: var(--primary); text-decoration: none; font-weight: 700; } .site-url a:hover{ text-decoration: underline; } .site-grid{ display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 14px; margin-top: 10px; } .info-box{ background: #f8fbff; border: 1px solid var(--border); border-radius: 14px; padding: 14px; } .info-box h3{ margin: 0 0 8px; font-size: 1rem; color: var(--primary-2); } .info-box p{ margin: 0; line-height: 1.7; color: var(--muted); font-size: 0.96rem; } .meta{ margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--border); color: var(--muted); font-size: 0.95rem; line-height: 1.7; } .meta strong{ color: var(--text); } @media (max-width: 860px){ .hero, .site-grid{ grid-template-columns: 1fr; } } @media (max-width: 560px){ .page{ padding: 14px 10px 28px; } .hero, .site-item{ padding: 16px; border-radius: 16px; } .site-head{ flex-direction: column; } .site-number{ width: 38px; height: 38px; } } </style> <div class="page"> <div class="hero"> <div> <h1>10 Website Rekomendasi Untuk Website Untuk Melihat Jadwal dan Info Piala Dunia Sepak Bola Indonesia</h1> <p> Halaman ini menampilkan rekomendasi website yang dapat digunakan untuk melihat jadwal pertandingan, hasil, klasemen, berita, dan informasi penting seputar Piala Dunia Sepak Bola. Setiap website dirangkum dengan deskripsi singkat, kelebihan, kekurangan, lama online, serta tautan langsung ke halaman websitenya. </p> </div> <div class="hero-illustration" aria-label="Ilustrasi website jadwal dan info Piala Dunia"> <div class="illustration-box"> <div class="illustration-top">Jadwal & Info Piala Dunia</div> <div class="illustration-body"> <div class="mini-row"> <div class="mini-card"> <strong>Jadwal</strong> <span>Matchday</span> </div> <div class="mini-card"> <strong>Hasil</strong> <span>Skor</span> </div> <div class="mini-card"> <strong>Berita</strong> <span>Update</span> </div> </div> <div class="mini-card"> <strong>Info Tim & Turnamen</strong> <div class="mini-bar"><span></span></div> </div> </div> </div> </div> </div> <h2 class="section-title">Daftar 10 Website Rekomendasi</h2> <ul class="list-wrap"> <li class="site-item"> <div class="site-head"> <div class="site-number">1</div> <div> <h3 class="site-title">FIFA World Cup - FIFA</h3> <p class="site-url">URL: <a href="https://www.fifa.com/fifaplus/en/tournaments/mens/worldcup" target="_blank" rel="noopener">https://www.fifa.com/fifaplus/en/tournaments/mens/worldcup</a></p> </div> </div> <div class="site-grid"> <div class="info-box"> <h3>Deskripsi</h3> <p> Situs resmi FIFA untuk Piala Dunia berisi jadwal pertandingan, hasil, klasemen, profil tim, berita resmi, statistik, dan konten turnamen yang lengkap. </p> </div> <div class="info-box"> <h3>Kelebihan & Kekurangan</h3> <p><strong>Kelebihan:</strong> sumber paling resmi, data akurat, dan pembaruan cepat.</p> <p><strong>Kekurangan:</strong> tampilan bisa terasa padat dan beberapa konten lebih fokus ke versi global.</p> </div> </div> <div class="meta"><strong>Lama online:</strong> sejak 1904, lebih dari 120 tahun.</div> </li> <li class="site-item"> <div class="site-head"> <div class="site-number">2</div> <div> <h3 class="site-title">ESPN Soccer</h3> <p class="site-url">URL: <a href="https://www.espn.com/soccer/" target="_blank" rel="noopener">https://www.espn.com/soccer/</a></p> </div> </div> <div class="site-grid"> <div class="info-box"> <h3>Deskripsi</h3> <p> ESPN Soccer menyediakan jadwal, hasil pertandingan, berita, analisis, dan liputan turnamen sepak bola internasional termasuk Piala Dunia. </p> </div> <div class="info-box"> <h3>Kelebihan & Kekurangan</h3> <p><strong>Kelebihan:</strong> berita sangat aktif, statistik lengkap, dan mudah diakses.</p> <p><strong>Kekurangan:</strong> sebagian konten terasa sangat berorientasi pasar Amerika.</p> </div> </div> <div class="meta"><strong>Lama online:</strong> sejak 1995, sekitar 30 tahun.</div> </li> <li class="site-item"> <div class="site-head"> <div class="site-number">3</div> <div> <h3 class="site-title">BBC Sport Football</h3> <p class="site-url">URL: <a href="https://www.bbc.com/sport/football" target="_blank" rel="noopener">https://www.bbc.com/sport/football</a></p> </div> </div> <div class="site-grid"> <div class="info-box"> <h3>Deskripsi</h3> <p> BBC Sport menyediakan berita sepak bola, jadwal, hasil, dan analisis turnamen dengan gaya penulisan yang ringkas dan informatif. </p> </div> <div class="info-box"> <h3>Kelebihan & Kekurangan</h3> <p><strong>Kelebihan:</strong> reputasi kuat, berita berkualitas, dan navigasi sederhana.</p> <p><strong>Kekurangan:</strong> fokus utama pada liputan Inggris sehingga beberapa informasi internasional tidak sedetail situs khusus turnamen.</p> </div> </div> <div class="meta"><strong>Lama online:</strong> sejak 1922, lebih dari 100 tahun.</div> </li> <li class="site-item"> <div class="site-head"> <div class="site-number">4</div> <div> <h3 class="site-title">Goal.com</h3> <p class="site-url">URL: <a href="https://www.goal.com/en" target="_blank" rel="noopener">https://www.goal.com/en</a></p> </div> </div> <div class="site-grid"> <div class="info-box"> <h3>Deskripsi</h3> <p> Goal.com menyajikan berita sepak bola, jadwal, hasil, rumor, dan pembahasan turnamen internasional termasuk Piala Dunia dalam format yang mudah dipahami. </p> </div> <div class="info-box"> <h3>Kelebihan & Kekurangan</h3> <p><strong>Kelebihan:</strong> update cepat, cakupan berita luas, dan mudah dibaca di perangkat mobile.</p> <p><strong>Kekurangan:</strong> cukup banyak iklan dan beberapa artikel bersifat opini atau agregasi.</p> </div> </div> <div class="meta"><strong>Lama online:</strong> sejak 2004, sekitar 21 tahun.</div> </li> <li class="site-item"> <div class="site-head"> <div class="site-number">5</div> <div> <h3 class="site-title">SofaScore</h3> <p class="site-url">URL: <a href="https://www.sofascore.com/" target="_blank" rel="noopener">https://www.sofascore.com/</a></p> </div> </div> <div class="site-grid"> <div class="info-box"> <h3>Deskripsi</h3> <p> SofaScore terkenal dengan skor langsung, jadwal pertandingan, statistik mendalam, dan notifikasi pertandingan yang sangat berguna untuk mengikuti Piala Dunia. </p> </div> <div class="info-box"> <h3>Kelebihan & Kekurangan</h3> <p><strong>Kelebihan:</strong> statistik detail, live score cepat, dan antarmuka modern.</p> <p><strong>Kekurangan:</strong> beberapa fitur terbaik lebih optimal melalui aplikasi atau akun pengguna.</p> </div> </div> <div class="meta"><strong>Lama online:</strong> sejak 2010, sekitar 15 tahun.</div> </li> <li class="site-item"> <div class="site-head"> <div class="site-number">6</div> <div> <h3 class="site-title">Flashscore</h3> <p class="site-url">URL: <a href="https://www.flashscore.com/" target="_blank" rel="noopener">https://www.flashscore.com/</a></p> </div> </div> <div class="site-grid"> <div class="info-box"> <h3>Deskripsi</h3> <p> Flashscore menyediakan skor langsung, jadwal, hasil, klasemen, dan detail pertandingan yang sangat cepat diperbarui untuk banyak kompetisi sepak bola. </p> </div> <div class="info-box"> <h3>Kelebihan & Kekurangan</h3> <p><strong>Kelebihan:</strong> sangat cepat, lengkap, dan cocok untuk memantau banyak pertandingan sekaligus.</p> <p><strong>Kekurangan:</strong> tampilannya padat dan bisa terasa ramai bagi sebagian pengguna.</p> </div> </div> <div class="meta"><strong>Lama online:</strong> sejak 2006, sekitar 19 tahun.</div> </li> <li class="site-item"> <div class="site-head"> <div class="site-number">7</div> <div> <h3 class="site-title">Soccerway</h3> <p class="site-url">URL: <a href="https://int.soccerway.com/" target="_blank" rel="noopener">https://int.soccerway.com/</a></p> </div> </div> <div class="site-grid"> <div class="info-box"> <h3>Deskripsi</h3> <p> Soccerway menyediakan data jadwal, hasil, klasemen, dan statistik pertandingan dari berbagai liga serta turnamen internasional termasuk Piala Dunia. </p> </div> <div class="info-box"> <h3>Kelebihan & Kekurangan</h3> <p><strong>Kelebihan:</strong> data pertandingan rapi dan sangat luas cakupannya.</p> <p><strong>Kekurangan:</strong> desain antarmuka cenderung sederhana dan kurang visual dibanding situs modern lain.</p> </div> </div> <div class="meta"><strong>Lama online:</strong> sejak 1994, sekitar 31 tahun.</div> </li> <li class="site-item"> <div class="site-head"> <div class="site-number">8</div> <div> <h3 class="site-title">The Athletic - Soccer</h3> <p class="site-url">URL: <a href="https://www.nytimes.com/athletic/football/" target="_blank" rel="noopener">https://www.nytimes.com/athletic/football/</a></p> </div> </div> <div class="site-grid"> <div class="info-box"> <h3>Deskripsi</h3> <p> The Athletic menghadirkan analisis mendalam, artikel taktik, wawancara, dan liputan berkualitas tinggi tentang sepak bola internasional dan turnamen besar. </p> </div> <div class="info-box"> <h3>Kelebihan & Kekurangan</h3> <p><strong>Kelebihan:</strong> kualitas tulisan tinggi dan analisis sangat mendalam.</p> <p><strong>Kekurangan:</strong> sebagian besar konten berbayar sehingga akses penuh terbatas.</p> </div> </div> <div class="meta"><strong>Lama online:</strong> sejak 2016, sekitar 9 tahun.</div> </li> <li class="site-item"> <div class="site-head"> <div class="site-number">9</div> <div> <h3 class="site-title">Reuters Sports</h3> <p class="site-url">URL: <a href="https://www.reuters.com/world/sports/" target="_blank" rel="noopener">https://www.reuters.com/world/sports/</a></p> </div> </div> <div class="site-grid"> <div class="info-box"> <h3>Deskripsi</h3> <p> Reuters Sports memberikan berita olahraga yang bersifat faktual, cepat, dan ringkas, termasuk liputan Piala Dunia dan perkembangan tim nasional. </p> </div> <div class="info-box"> <h3>Kelebihan & Kekurangan</h3> <p><strong>Kelebihan:</strong> kredibel, singkat, dan cocok untuk pembaca yang ingin informasi inti.</p> <p><strong>Kekurangan:</strong> tidak terlalu fokus pada fitur jadwal interaktif seperti live score khusus.</p> </div> </div> <div class="meta"><strong>Lama online:</strong> sejak 1851 sebagai kantor berita, sekitar 174 tahun.</div> </li> <li class="site-item"> <div class="site-head"> <div class="site-number">10</div> <div> <h3 class="site-title">OneFootball</h3> <p class="site-url">URL: <a href="https://onefootball.com/" target="_blank" rel="noopener">https://onefootball.com/</a></p> </div> </div> <div class="site-grid"> <div class="info-box"> <h3>Deskripsi</h3> <p> OneFootball menyediakan jadwal pertandingan, hasil, berita sepak bola, profil tim, dan notifikasi yang berguna untuk mengikuti turnamen besar seperti Piala Dunia. </p> </div> <div class="info-box"> <h3>Kelebihan & Kekurangan</h3> <p><strong>Kelebihan:</strong> antarmuka modern, personalisasi mudah, dan cocok untuk mobile.</p> <p><strong>Kekurangan:</strong> beberapa konten lebih terfokus pada pengalaman aplikasi dan notifikasi.</p> </div> </div> <div class="meta"><strong>Lama online:</strong> sejak 2008, sekitar 17 tahun.</div> </li> </ul> </div> </div>