<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>plwchb.com</title>
<link rel="icon" type="image/x-icon" href="/images/favicon_plwchb.com.png" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;600;700;900&display=swap" rel="stylesheet" />
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" />
    <script src="https://kit.fontawesome.com/3d5166d229.js" crossorigin="anonymous"></script>
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" />
    <link rel="stylesheet" href="/css/active/style.css" />
    
  </head>

  <body onload="openModal()">

    <header>
      <div class="topnav d-flex" id="myTopnav">
        <img src="/images/logo_plwchb.com.png" alt="logo"
				class="logo" />
      </div>
    </header>

    <main class="home">
      <div class="hero">
        <div class="premium">
          <div class="container">
            <div class="flex-container">
              <div class="premium-icons">
                <img src="/images/protection.png" alt="premium icons" />
                <p>Secure</p>
              </div>
              <div class="premium-icons">
                <img src="/images/star.png" alt="premium icons" />
                <p>Premium</p>
              </div>
              <div class="premium-icons">
                <img src="/images/responsive-design.png" alt="premium icons" />
                <p>Multi-device</p>
              </div>
            </div>
          </div>
        </div>

        <div class="headpart">
          <div class="container">
            <div class="flex-container-col" id="getNow">
              <h1 class="hide-xs">ONLINE <span>ACTIVATION</span></h1>
              <h1 class="hide-lg">MOBILE <span>ACTIVATION</span></h1>

              <button type="button" class="btn btn-primary xl-btn myBtn shake mt-3 mb-2" id="myBtn-uk">CONTINUE</button>

              <span class="speed">Connection speed: fast</span>
            </div>
          </div>
        </div>

        <div class="categories-box">
          <div class="d-flex justify-content-around">
            <div class="categories-icons">
              <i class="fa-solid fa-signal"></i>
            </div>

            <div class="categories-icons">
              <i class="fa-solid fa-wifi"></i>
            </div>

            <div class="categories-icons">
              <i class="fa-solid fa-download"></i>
            </div>

            <div class="categories-icons">
              <i class="fa-regular fa-envelope-open"></i>
            </div>

            <div class="categories-icons">
              <i class="fa-solid fa-globe"></i>
            </div>
          </div>
        </div>
      </div>

      <div class="access-section">
        <div class="container">
          <div class="row">
            <div class="col-md-7 col-lg-6 list">
              <ul>
                <li>Unlimited access to all content</li>
                <li>Regular content updates</li>
                <li>Multi-device content</li>
                <li>100% safe and Ad free</li>
              </ul>
            </div>
            <div class="col-md-5 col-lg-6 img-box">
              <img src="/images/stream-devices-mockup.png" alt="devices" />
            </div>
          </div>
          <div class="row mt-4">
            <div class="col-md-4">
              <p><span class="round-number">1</span>Register for free</p>
            </div>
            <div class="col-md-4">
              <p><span class="round-number">2</span>Confirm your registration</p>
            </div>
            <div class="col-md-4">
              <p><span class="round-number">3</span>Get direct access</p>
            </div>
          </div>
        </div>
      </div>
    </main>

   

    <!-- Loading Modal -->
    <div id="loadingModal" class="modal error">
      <!-- Modal content -->
      <div class="modal-content flex-container">
        <!-- <span class="close">&times;</span>-->
        <!--<div id="loading-bar-spinner" class="spinner"><div class="spinner-icon"></div></div>-->
        <img src="/images/error-icon.png" alt="Payment Error" class="mb-4" />

        <div class="d-flex flex-column thanks-text">
          <p class="load" id="myText"><strong data-i18n="error_title">An error has occurred.</strong></p>
          <p class="load" data-i18n="error_message">We apologize, but it seems there was an issue processing your payment.</p>
        </div>

        
        <div class="headpart">
            <a href="https://premium.plwchb.com/218">
      			<button type="submit" class="btn btn-primary btn-sm myBtn" data-i18n="go_to"></button>
            </a>
          </div>
          
      </div>
    </div>
    <!-- End of Loading Modal -->

    <!-- Scripts -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <script src="/js/script.js"></script>

    <script type="text/javascript">
      function openModal() {
        document.getElementById("loadingModal").style.display = "flex";
      }
    </script>

    <script>
      AOS.init();
    </script>
    <script src="/js/translations/i18n.js"></script>
  </body>
</html>
