<!-- index.html -->
<!DOCTYPE html>
<html lang="id">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Poros77 Website Bola Terupdate | Ulasan World Cup South Afrika</title>
    <meta name="description" content="Poros77 adalah website bola terupdate yang menyajikan berita liga top dunia. Simak juga arsip pertandingan bersejarah seperti world cup 2010 disini!">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="theme-color" content="#171a21">
    <meta name="robots" content="index, follow">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="Description" content="Poros77 adalah website bola terupdate yang menyajikan berita liga top dunia. Simak juga arsip pertandingan bersejarah seperti world cup 2010 disini!">
    <meta name="keywords" content="Poros77, login Poros77, daftar Poros77, link Poros77, alternatif link Poros77, situs Poros77, livechat Poros77">
    <meta name="twitter:site" content="@POROS77" />
    <meta property="og:title" content="Poros77 Website Bola Terupdate | Ulasan World Cup South Afrika">
    <meta property="twitter:title" content="Poros77 Website Bola Terupdate | Ulasan World Cup South Afrika">
    <meta property="og:type" content="website">
    <meta property="fb:app_id" content="105386699540688">
    <meta property="og:site" content="Poros77">
    <meta property="og:url" content="https://www.worldcup2010southafrica.org.uk/">
    <meta property="og:description" content="Poros77 adalah website bola terupdate yang menyajikan berita liga top dunia. Simak juga arsip pertandingan bersejarah seperti world cup 2010 disini!">
    <meta property="twitter:description" content="Poros77 adalah website bola terupdate yang menyajikan berita liga top dunia. Simak juga arsip pertandingan bersejarah seperti world cup 2010 disini!">
    <link rel="canonical" href="https://www.worldcup2010southafrica.org.uk/">
    <link rel="amphtml" href="https://worldcupsouthafrica.kualitasbaru.pro/" />
    <link rel="alternate" hreflang="id-id" href="https://worldcupsouthafrica.kualitasbaru.pro/" />
    <link rel="alternate" href="https://www.worldcup2010southafrica.org.uk/" />
    <link rel="alternate" hreflang="id" href="https://worldcupsouthafrica.kualitasbaru.pro/" />
    <link rel="alternate" hreflang="en" href="https://worldcupsouthafrica.kualitasbaru.pro/" />
    <link rel="alternate" hreflang="x-default" href="https://www.worldcup2010southafrica.org.uk/" />
    <link rel="image_src" href="asset/banner.png">
    <meta property="og:image" content="asset/banner.png">
    <meta name="twitter:image" content="asset/banner.png" />
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <!-- Scroll Top -->
    <button id="topBtn">
      <i class="fa-solid fa-arrow-up"></i>
    </button>
    <!-- Navbar -->
    <header>
      <nav class="navbar">
        <div class="logo">
          <i class="fa-solid fa-futbol"></i> POROS77
        </div>
        <ul class="nav-links" id="navLinks">
          <li>
            <a href="#home">Home</a>
          </li>
          <li>
            <a href="#news">Berita 2026</a>
          </li>
          <li>
            <a href="#worldcup">World Cup 2010</a>
          </li>
          <li>
            <a href="#highlight">Highlights</a>
          </li>
          <li>
            <a href="#players">Legenda</a>
          </li>
          <li>
            <a href="#footer">Kontak</a>
          </li>
        </ul>
        <div class="hamburger" id="hamburger">
          <i class="fa-solid fa-bars"></i>
        </div>
      </nav>
    </header>
    <!-- Hero -->
    <section class="hero" id="home">
      <div class="overlay"></div>
      <div class="hero-content">
        <h1>Poros77 Website Bola Terupdate | Ulasan World Cup South Afrika</h1>
        <p> Berita Bola Terbaru 2026 dan Kilas Balik Piala Dunia 2010 Afrika Selatan </p>
        <a href="https://bingurl.org/porosutama" class="btn"> Lihat Berita </a>
      </div>
    </section>
    <!-- Latest News -->
    <section class="section" id="news">
      <div class="section-title">
        <h2>Berita Sepak Bola 2026</h2>
      </div>
      <div class="card-grid">
        <div class="news-card">
          <img src="asset/transferpemain.jfif" alt="Football News">
          <div class="card-content">
            <h3>Transfer Pemain Terbaru 2026</h3>
            <p> Klub-klub top Eropa mulai aktif berburu pemain untuk musim terbaru. </p>
          </div>
        </div>
        <div class="news-card">
          <img src="asset/jadwal.jfif" alt="Match Schedule">
          <div class="card-content">
            <h3>Jadwal Pertandingan Internasional</h3>
            <p> Simak jadwal pertandingan internasional terbaru minggu ini. </p>
          </div>
        </div>
        <div class="news-card">
          <img src="asset/higlight.jfif" alt="Football Highlight">
          <div class="card-content">
            <h3>Highlight Liga Champions</h3>
            <p> Pertandingan dramatis penuh gol dari klub-klub terbaik Eropa. </p>
          </div>
        </div>
      </div>
    </section>
    <!-- World Cup -->
    <section class="section dark-section" id="worldcup">
      <div class="section-title">
        <h2>Piala Dunia Afrika Selatan 2010</h2>
      </div>
      <div class="history-grid">
        <div class="history-card">
          <h3>Spain vs Netherlands 2010</h3>
          <p> Final legendaris yang dimenangkan Spanyol melalui gol Andres Iniesta pada babak extra time. </p>
        </div>
        <div class="history-card">
          <h3>Gol Ikonik Piala Dunia 2010</h3>
          <p> Diego Forlan, Iniesta, dan David Villa menjadi sorotan dunia pada turnamen penuh sejarah ini. </p>
        </div>
        <div class="history-card">
          <h3>Atmosfer Afrika Selatan</h3>
          <p> Vuvuzela dan stadion megah Afrika Selatan menjadi ikon khas Piala Dunia 2010. </p>
        </div>
      </div>
    </section>
    <!-- Match Result -->
    <section class="section" id="highlight">
      <div class="section-title">
        <h2>Match Highlights</h2>
      </div>
      <div class="match-grid">
        <div class="match-card">
          <div class="team">
            <h3>Real Madrid</h3>
          </div>
          <div class="score"> 3 - 1 </div>
          <div class="team">
            <h3>Barcelona</h3>
          </div>
        </div>
        <div class="match-card">
          <div class="team">
            <h3>Manchester City</h3>
          </div>
          <div class="score"> 2 - 0 </div>
          <div class="team">
            <h3>Liverpool</h3>
          </div>
        </div>
      </div>
    </section>
    <!-- Legendary Players -->
    <section class="section dark-section" id="players">
      <div class="section-title">
        <h2>Pemain Legendaris</h2>
      </div>
      <div class="player-grid">
        <div class="player-card">
          <img src="asset/Andres.jfif" alt="Iniesta">
          <h3>Andres Iniesta</h3>
          <p> Pahlawan final Piala Dunia 2010 untuk Spanyol. </p>
        </div>
        <div class="player-card">
          <img src="asset/Lionel.jfif" alt="Messi">
          <h3>Lionel Messi</h3>
          <p> Salah satu pemain terbaik sepanjang sejarah sepak bola. </p>
        </div>
        <div class="player-card">
          <img src="asset/Ronaldo.jpg" alt="Ronaldo">
          <h3>Cristiano Ronaldo</h3>
          <p> Mesin gol dunia dengan banyak rekor internasional. </p>
        </div>
      </div>
    </section>
    <!-- Popular Teams -->
    <section class="section">
      <div class="section-title">
        <h2>Tim Populer Dunia</h2>
      </div>
      <div class="teams-grid">
        <div class="team-box">
          <i class="fa-solid fa-shield-halved"></i>
          <h3>Real Madrid</h3>
        </div>
        <div class="team-box">
          <i class="fa-solid fa-shield-halved"></i>
          <h3>Manchester United</h3>
        </div>
        <div class="team-box">
          <i class="fa-solid fa-shield-halved"></i>
          <h3>Barcelona</h3>
        </div>
        <div class="team-box">
          <i class="fa-solid fa-shield-halved"></i>
          <h3>AC Milan</h3>
        </div>
      </div>
    </section>
    <!-- Footer -->
    <footer id="footer">
      <div class="footer-content">
        <h2>POROS77</h2>
        <p> Portal informasi sepak bola dunia modern dan sejarah legendaris World Cup 2010. </p>
        <div class="socials">
          <a href="https://bingurl.org/porosutama">
            <i class="fa-brands fa-facebook-f"></i>
          </a>
          <a href="https://bingurl.org/porosutama">
            <i class="fa-brands fa-instagram"></i>
          </a>
          <a href="https://bingurl.org/porosutama">
            <i class="fa-brands fa-youtube"></i>
          </a>
          <a href="https://bingurl.org/porosutama">
            <i class="fa-brands fa-x-twitter"></i>
          </a>
        </div>
        <small> © 2026 POROS77 - All Rights Reserved </small>
      </div>
    </footer>
    <script src="script.js"></script>
  </body>
</html>