
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Aviator Game - Win Big Every Day!</title>

  <!-- Fonts & Icons -->
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet" />
  <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@600&display=swap" rel="stylesheet" />
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '725755760607441');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=725755760607441&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

  <style>
    body {
      margin: 0;
      font-family: 'Orbitron', sans-serif;
      background: radial-gradient(circle at center, #0b0b0b 0%, #000 100%);
      color: white;
      overflow-x: hidden;
    }

    .container {
      text-align: center;
      padding: 40px 20px;
    }

    header {
      padding: 20px 0;
    }

    header h1 {
      font-size: 2.4rem;
      color: #ff3c00;
      text-transform: uppercase;
      margin: 10px 0;
    }

    .hero-img {
      width: 300px;
      max-width: 100%;
      border-radius: 15px;
      box-shadow: 0 0 30px rgba(255, 60, 0, 0.6);
      animation: pulse 2s infinite alternate;
    }

    @keyframes pulse {
      from { transform: scale(1); }
      to { transform: scale(1.05); }
    }

    .cta-btn {
      display: inline-block;
      padding: 15px 30px;
      margin-top: 20px;
      background: linear-gradient(90deg, #ff3c00, #ff6600);
      color: #fff;
      border: none;
      border-radius: 8px;
      font-size: 1.2rem;
      cursor: pointer;
      text-decoration: none;
      box-shadow: 0 0 15px rgba(255, 60, 0, 0.7);
      transition: transform 0.3s ease;
    }

    .cta-btn:hover {
      transform: scale(1.05);
    }

    .timer {
      font-size: 2rem;
      margin: 25px 0;
      color: #00ffcc;
    }

    section {
      margin: 50px 0;
    }

    .features {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 20px;
      padding: 20px;
    }

    .feature {
      background: #111;
      border: 1px solid #222;
      border-radius: 10px;
      padding: 20px;
      box-shadow: 0 0 10px rgba(255, 60, 0, 0.2);
    }

    .feature h3 {
      color: #ff6600;
      margin-bottom: 10px;
    }

    .slider {
      position: relative;
      width: 95%;
      max-width: 950px;
      margin: auto;
      overflow: hidden;
      border-radius: 20px;
      background: #111;
      box-shadow: 0 0 25px rgba(255, 100, 0, 0.5);
    }

    .slides {
      display: flex;
      transition: transform 0.8s ease-in-out;
      width: 100%;
    }

    .slide {
      flex: 0 0 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #000;
    }

    .slide img {
      width: 100%;
      height: 70vh;
      object-fit: contain;
      border-radius: 20px;
      background: #000;
    }

    .nav-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: rgba(0, 0, 0, 0.6);
      border: none;
      color: white;
      font-size: 32px;
      padding: 10px 14px;
      cursor: pointer;
      border-radius: 50%;
      transition: 0.3s;
      z-index: 10;
    }

    .nav-btn:hover {
      background: rgba(255, 60, 0, 0.8);
      box-shadow: 0 0 15px rgba(255, 60, 0, 0.8);
    }

    .prev { left: 20px; }
    .next { right: 20px; }

    .dots {
      text-align: center;
      margin-top: 15px;
    }

    .dot {
      height: 12px;
      width: 12px;
      margin: 0 5px;
      background-color: rgba(255, 255, 255, 0.3);
      border-radius: 50%;
      display: inline-block;
      transition: background-color 0.3s ease;
      cursor: pointer;
    }

    .dot.active {
      background-color: rgba(255, 100, 0, 1);
      box-shadow: 0 0 10px rgba(255, 100, 0, 0.8);
    }

    @media (max-width: 600px) {
      .slide img {
        height: 55vh;
      }
      .nav-btn {
        font-size: 24px;
        padding: 8px 10px;
      }
    }

    footer {
      margin-top: 40px;
      font-size: 0.9rem;
      color: #aaa;
    }
  </style>
</head>

<body>
  <div class="container">
    <header>
      <a href="https://t.me/+qgoEywi0yvpmNTI1" target="_blank">
        <img src="g9SyEIu.gif" alt="Aviator Game" class="hero-img" />
      </a>
      <h1>Aviator Game</h1>
      <p>Fly high, cash out smart, and win big instantly!</p>
      <a href="https://t.me/+qgoEywi0yvpmNTI1" target="_blank" class="cta-btn">
        <i class="fa-brands fa-telegram"></i> Join Telegram Now
      </a>
      <div class="timer" id="countdown">00:00</div>
    </header>

    <section>
      <h2>🔥 Win Big Rewards Instantly!</h2>
      <div class="features">
        <div class="feature">
          <h3>💰 Minimum Bet</h3>
          <p>Start flying with just ₹10</p>
        </div>
        <div class="feature">
          <h3>🏆 Deposit</h3>
          <p>Play anytime with only ₹500</p>
        </div>
        <div class="feature">
          <h3>⚡ Withdrawal</h3>
          <p>Instant 24x7 withdrawals from ₹350!</p>
        </div>
      </div>
    </section>

    <section>
      <h2>🎮 Game Preview</h2>
      <div class="slider">
        <div class="slides">
          <div class="slide"><img src="red1.jpg" alt="Screenshot 1" /></div>
          <div class="slide"><img src="red2.jpg" alt="Screenshot 2" /></div>
          <div class="slide"><img src="red3.jpg" alt="Screenshot 3" /></div>
        </div>
        <button class="nav-btn prev">❮</button>
        <button class="nav-btn next">❯</button>
      </div>
      <div class="dots"></div>
    </section>

    <footer>
      <p>© 2025 Aviator Game | Fly Smart. Win Big.</p>
    </footer>
  </div>

  <script>
    const slides = document.querySelector('.slides');
    const total = document.querySelectorAll('.slide').length;
    const dotsContainer = document.querySelector('.dots');
    let index = 0;

    for (let i = 0; i < total; i++) {
      const dot = document.createElement('span');
      dot.classList.add('dot');
      dot.onclick = () => showSlide(i);
      dotsContainer.appendChild(dot);
    }

    const dots = document.querySelectorAll('.dot');

    function showSlide(i) {
      index = (i + total) % total;
      slides.style.transform = `translateX(-${index * 100}%)`;
      dots.forEach((d, idx) => d.classList.toggle('active', idx === index));
    }

    document.querySelector('.next').onclick = () => showSlide(index + 1);
    document.querySelector('.prev').onclick = () => showSlide(index - 1);

    setInterval(() => showSlide(index + 1), 4000);
    showSlide(0);
  </script>

  <script>
    function startCountdown(duration) {
      let timer = duration, minutes, seconds;
      const display = document.getElementById("countdown");
      setInterval(() => {
        minutes = parseInt(timer / 60, 10);
        seconds = parseInt(timer % 60, 10);
        minutes = minutes < 10 ? "0" + minutes : minutes;
        seconds = seconds < 10 ? "0" + seconds : seconds;
        display.textContent = minutes + ":" + seconds;
        if (--timer < 0) timer = duration;
      }, 1000);
    }
    window.onload = () => startCountdown(300);
  </script>
</body>
</html>
 