<!DOCTYPE html>
<html lang="en">
<head>
  <!-- Font Awesome (Telegram ikonu için) -->
  <link
    rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
  />

  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Hogwarts Casino Güvenilir Siteler</title>
  
  <!-- Ana Stil Dosyası -->
  <link rel="stylesheet" href="styles.css" />

  <!-- GSAP CDN (Opsiyonel) -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/gsap.min.js"></script>
</head>
<body>
  <canvas class="snowverlay"></canvas>

  <!-- ARKAPLAN VİDEO -->
  <video
    class="video-bg"
    src="img/background/1.mp4"
    type="video/mp4"
    autoplay
    muted
    loop
    playsinline
  ></video>

  <!-- LOGO + SKYPE BAR -->
  <div class="logo-bar">
    <!-- Logo Kısmı -->
    <div class="logo-container">
      <img
        src="img/sitelogo/1.png"
        alt="Hogwarts Casino Logo"
        class="header-logo"
      />
    </div>

    <!-- Skype Butonu -->
    <div class="skype-contact">
      <a
        href="https://join.skype.com/invite/DQ9bDpBC0R2P"
        target="_blank"
        class="skype-btn"
      >
        <img src="img/iletisim/skype.webp" alt="Skype" class="skype-icon" />
        Skype İletişim
      </a>
    </div>
  </div>
  <!-- /LOGO + SKYPE BAR -->

<!-- Video Banner (SLIDER) -->
<div class="video-banner-section">
  <div class="container-banner">
    <div class="slider-container">
      <!-- Geçiş GIF katmanı - İsteğe bağlı -->
      <div class="transition-overlay"></div>

      <div class="slider">
        <!-- Slide 1 -->
        <div class="slide">
          <a href="http://t2m.io/OVK0J7c" target="_blank">
            <img src="img/banner/1.png" alt="Slide 1" />
          </a>
        </div>
        <!-- Slide 2 -->
        <div class="slide">
          <a href="http://t2m.io/OVK0J7c" target="_blank">
            <img src="img/banner/2.jpg" alt="Slide 2" />
          </a>
        </div>
        <!-- Slide 3 -->
        <div class="slide">
          <a href="http://t2m.io/OVK0J7c" target="_blank">
            <img src="img/banner/3.jpg" alt="Slide 3" />
          </a>
        </div>
        <!-- Slide 4 -->
        <div class="slide">
          <a href="http://t2m.io/OVK0J7c" target="_blank">
            <img src="img/banner/4.jpg" alt="Slide 4" />
          </a>
        </div>
        <!-- Slide 5 -->
        <div class="slide">
          <a href="http://t2m.io/OVK0J7c" target="_blank">
            <img src="img/banner/5.jpg" alt="Slide 5" />
          </a>
        </div>
        <!-- Slide 6 -->
        <div class="slide">
          <a href="http://t2m.io/OVK0J7c" target="_blank">
            <img src="img/banner/6.jpg" alt="Slide 6" />
          </a>
        </div>
      </div><!-- /.slider -->
    </div><!-- /.slider-container -->
  </div><!-- /.container-banner -->
</div><!-- /.video-banner-section -->




  <!-- /Video Banner -->

  <!-- Additional Small Boxes Section -->
<!-- 
  <section class="additional-box-section">
    <div class="container">
      <div class="grid-list additional-boxes">
        <div class="list-item small-box">
          <div class="list-item__info">
            <h3>Hogwarts Casino&nbsp;</h3>
            <p>➤ Telegram Sohbet</p>
          </div>
          <a href="https://t.me/+f-M8Tzo7yUc4Mzkx" class="list-item__btn"
            >Detay</a
          >
        </div>
        <div class="list-item small-box">
          <div class="list-item__info">
            <h3>Hogwarts Casino</h3>
            <p>➤ Telegram Duyuru</p>
          </div>
          <a href="https://t.me/+oI5gFfQUhBA2NDc0" class="list-item__btn"
            >Detay</a
          >
        </div>
        <div class="list-item small-box">
          <div class="list-item__info">
            <h3>Hogwarts Casino</h3>
            <p>➤ Skype&nbsp;</p>
          </div>
          <a
            href="https://join.skype.com/invite/DQ9bDpBC0R2P"
            class="list-item__btn"
            >Detay</a
          >
        </div>
      </div>
    </div>
  </section>
-->

  <!-- /Additional Small Boxes Section -->

  <!-- Ana Sponsor Section -->
  <section class="sponsor-section">
    <div class="container">
      <h2 class="section-title">
        Hogwarts Casino&nbsp; <span>ANA&nbsp;</span> Sponsorlar
      </h2>
      <div class="grid-list">


        <!-- Sponsor 2 -->
        <div class="list-item">
          <div class="list-item__logo">
            <img src="img/logo/padisahbet.png" alt="Padisahbet Logo" />
          </div>
          <div class="list-item__info">
            <h3>PADİŞAHBET</h3>
            <p>500 TL Deneme bonusu</p>
            <p>100 TL Sınırsız çekim deneme bonusu</p>
            <p>%350 Spor&Casino ilk yatırım bonusu</p>
            <p>%40 ertesi gün bonusu 1.000.000 Milyon TL Çekim imkanı!</p>
          </div>
          <a
            href="http://t2m.io/OVK0J7c"
            target="_blank"
            class="list-item__btn"
            >Giriş Yap</a
          >
        </div>
		  
		  		          <!-- Sponsor 4 -->
        <div class="list-item">
          <div class="list-item__logo">
            <img src="img/logo/kazanbetting.png" alt="kazanbetting logo" />
          </div>
          <div class="list-item__info">
<h3>
	KAZAN<br>BETTİNG</br>
</h3>

            <p>%100 Casino Hoşgeldin</p>
            <p>%150 Slot Bonusu</p>
            <p>%25 Yatırım Bonusu</p>
            <p>%25 Kayıp Bonusu</p>
          </div>
          <a
            href="https://l24.im/4eZs"
            target="_blank"
            class="list-item__btn"
            >Giriş Yap</a
          >
        </div>

        <!-- Sponsor 3 -->
        <div class="list-item">
          <div class="list-item__logo">
            <img src="img/logo/otobet.png" alt="Otobet logo" />
          </div>
          <div class="list-item__info">
            <h3>OTOBET&nbsp;</h3>
            <p>800 TL DENEME BONUSU</p>
            <p>%100 canlı casino yatırım bonusu !</p>
            <p>%300 1500 TL yatırım bonusu!</p>
            <p>%100 Spor hoşgeldin yatırım bonusu!</p>
          </div>
          <a
            href="https://cutt.ly/vePJW8ja"
            target="_blank"
            class="list-item__btn"
            >Giriş Yap</a
          >
        </div>
		  
		  

        <!-- REKLAM ALANI -->
        <div class="list-item">
          <div class="list-item__logo">
            <br /><br />
            <div class="list-item__info">
              <a
                href="https://join.skype.com/invite/DQ9bDpBC0R2P"
                target="_blank"
                class="list-item__btn"
                >REKLAM ALANI&nbsp;</a
              >
              <img src="img/reklam/reklam.png" alt="Padisahbet Logo" />
            </div>
            <div class="list-item__info">
              <p></p>
              <p></p>
              <p></p>
              <p></p>
              <p></p>
            </div>
            <div class="small-space">
              <a
                href="https://join.skype.com/invite/DQ9bDpBC0R2P"
                target="_blank"
                class="list-item__btn"
                >REKLAM ALANI&nbsp;</a
              >
            </div>
            <div class="small-space">
              <a
                href="https://join.skype.com/invite/DQ9bDpBC0R2P"
                target="_blank"
                class="list-item__btn"
                >SKYPE&nbsp;</a
              >
            </div>
          </div>
        </div>
        <!-- REKLAM ALANI SON -->
      </div>
    </div>
  </section>
  <!-- /Ana Sponsor Section -->

  <!-- Sponsor Section 2 -->
  <section class="sponsor-section">
    <div class="container">
      <h2 class="section-title">
        Hogwarts Casino&nbsp; <span>VİP&nbsp;</span> Sponsorlar
      </h2>
      <div class="grid-list">
		  
		  <!-- Sponsor 2 -->
        <div class="list-item">
          <div class="list-item__logo">
            <img src="img/logo/carlobahis.png" alt="CARLOBAHİS Logo" />
          </div>
          <div class="list-item__info">
            <h3>CARLOBAHİS</h3>
            <p>%300 Casino Hoşgeldin</p>
            <p>%200 İlk yatırım bonusu</p>
            <p>%100 Pragmatic Slot Bonusu</p> 
            <p>
              %30 VIP kayıp bonusu!<br /><br /><br />
            </p>
          </div>
          <a
            href="https://t2m.io/hogwarts"
            target="_blank"
            class="list-item__btn"
            >Giriş Yap</a
          >
        </div>
		  

		          <!-- Sponsor 1 -->
        <div class="list-item">
          <div class="list-item__logo">
            <img src="img/logo/gelcasino.png" alt="GelCasino Logo" />
          </div>
          <div class="list-item__info">
            <h3>GelCasino</h3>
            <p>200 Freespin!</p>
            <p>100 Freebet</p>
            <p>%100 Hoşgeldin Bonusu</p>
            <p>
              5.000.000 Milyon TL çekim imkanı!<br /><br /><br />
            </p>
          </div>
          <a
            href="https://cutt.ly/gelcsnoefendisi"
            target="_blank"
            class="list-item__btn"
            >Giriş Yap</a
          >
        </div>
        <!-- REKLAM ALANI (Tekrar) -->
        <div class="list-item">
          <div class="list-item__logo">
            <br /><br />
            <div class="list-item__info">
              <a
                href="https://join.skype.com/invite/DQ9bDpBC0R2P"
                target="_blank"
                class="list-item__btn"
                >REKLAM ALANI&nbsp;</a
              >
              <img src="img/reklam/reklam.png" alt="Padisahbet Logo" />
            </div>
            <div class="list-item__info">
              <p></p>
              <p></p>
              <p></p>
              <p></p>
              <p></p>
            </div>
            <div class="small-space">
              <a
                href="https://join.skype.com/invite/DQ9bDpBC0R2P"
                target="_blank"
                class="list-item__btn"
                >REKLAM ALANI&nbsp;</a
              >
            </div>
            <div class="small-space">
              <a
                href="https://join.skype.com/invite/DQ9bDpBC0R2P"
                target="_blank"
                class="list-item__btn"
                >SKYPE&nbsp;</a
              >
            </div>
          </div>
        </div>
        <!-- REKLAM ALANI SON -->

        <!-- REKLAM ALANI -->
        <div class="list-item">
          <div class="list-item__logo">
            <br /><br />
            <div class="list-item__info">
              <a
                href="https://join.skype.com/invite/DQ9bDpBC0R2P"
                target="_blank"
                class="list-item__btn"
                >REKLAM ALANI&nbsp;</a
              >
              <img src="img/reklam/reklam.png" alt="Padisahbet Logo" />
            </div>
            <div class="list-item__info">
              <p></p>
              <p></p>
              <p></p>
              <p></p>
              <p></p>
            </div>
            <div class="small-space">
              <a
                href="https://join.skype.com/invite/DQ9bDpBC0R2P"
                target="_blank"
                class="list-item__btn"
                >REKLAM ALANI&nbsp;</a
              >
            </div>
            <div class="small-space">
              <a
                href="https://join.skype.com/invite/DQ9bDpBC0R2P"
                target="_blank"
                class="list-item__btn"
                >SKYPE&nbsp;</a
              >
            </div>
          </div>
        </div>
        <!-- REKLAM ALANI SON -->

        <!-- REKLAM ALANI -->
        <div class="list-item">
          <div class="list-item__logo">
            <br /><br />
            <div class="list-item__info">
              <a
                href="https://join.skype.com/invite/DQ9bDpBC0R2P"
                target="_blank"
                class="list-item__btn"
                >REKLAM ALANI&nbsp;</a
              >
              <img src="img/reklam/reklam.png" alt="Padisahbet Logo" />
            </div>
            <div class="list-item__info">
              <p></p>
              <p></p>
              <p></p>
              <p></p>
              <p></p>
            </div>
            <div class="small-space">
              <a
                href="https://join.skype.com/invite/DQ9bDpBC0R2P"
                target="_blank"
                class="list-item__btn"
                >REKLAM ALANI&nbsp;</a
              >
            </div>
            <div class="small-space">
              <a
                href="https://join.skype.com/invite/DQ9bDpBC0R2P"
                target="_blank"
                class="list-item__btn"
                >SKYPE&nbsp;</a
              >
            </div>
          </div>
        </div>
        <!-- REKLAM ALANI SON -->

        <!-- REKLAM ALANI -->
        <div class="list-item">
          <div class="list-item__logo">
            <br /><br />
            <div class="list-item__info">
              <a
                href="https://join.skype.com/invite/DQ9bDpBC0R2P"
                target="_blank"
                class="list-item__btn"
                >REKLAM ALANI&nbsp;</a
              >
              <img src="img/reklam/reklam.png" alt="Padisahbet Logo" />
            </div>
            <div class="list-item__info">
              <p></p>
              <p></p>
              <p></p>
              <p></p>
              <p></p>
            </div>
            <div class="small-space">
              <a
                href="https://join.skype.com/invite/DQ9bDpBC0R2P"
                target="_blank"
                class="list-item__btn"
                >REKLAM ALANI&nbsp;</a
              >
            </div>
            <div class="small-space">
              <a
                href="https://join.skype.com/invite/DQ9bDpBC0R2P"
                target="_blank"
                class="list-item__btn"
                >SKYPE&nbsp;</a
              >
            </div>
          </div>
        </div>
        <!-- REKLAM ALANI SON -->
      </div>
    </div>
  </section>
  <!-- /Sponsor Section 2 -->

  <!-- Sponsor Section 3 -->
  <section class="sponsor-section">
    <div class="container">
      <h2 class="section-title">Hogwarts Casino <span>ÖNERİLEN</span> Siteler</h2>
      <div class="grid-list">
<!-- Sponsor 1 -->
        <div class="list-item">
          <div class="list-item__logo">
            <img src="img/logo/beymenslot.png" alt="BEYMENSLOT Logo" />
          </div>
          <div class="list-item__info">
            <h3>BEYMENSLOT</h3>
            <p>%300 Hoşgeldin Bonusu</p>
            <p>%50 Çevrimsiz Slot Yatırım</p>
            <p>%35 Kripto Yatırım Bonusu</p>
			<p>%40 Gece Discount</p>  
            <p>
              %30 Discount<br /><br /><br />
            </p>
          </div>
          <a
            href="https://beymenslot.ws/2271131"
            target="_blank"
            class="list-item__btn"
            >Giriş Yap</a
          >
        </div>



<!-- Sponsor 3 -->
        <div class="list-item">
          <div class="list-item__logo">
            <img src="img/logo/tombet.png" alt="TOMBET Logo" />
          </div>
          <div class="list-item__info">
            <h3>TOMBET</h3>
            <p>%20 Discount</p>
            <p>Tombet Chat</p>
            <p>Blackjack seri ödülü</p> 
			  <p>Maxwin Ödülü</p> 
            <p>
              En iyi alt yapı!<br /><br /><br />
            </p>
          </div>
          <a
            href="https://t.t2m.io/hogwarts"
            target="_blank"
            class="list-item__btn"
            >Giriş Yap</a
          >
        </div>

		  		  		  <!-- Sponsor 2 -->
        <div class="list-item">
          <div class="list-item__logo">
            <img src="img/logo/sterlinbet.png" alt="STERLİNBET Logo" />
          </div>
          <div class="list-item__info">
            <h3>STERLİNBET</h3>
            <p>250₺ Deneme Bonusu</p>
            <p>100 Freebet Deneme Bonusu</p>
            <p>%300 Hoşgeldin Bonusu</p> 
			  <p>%25 Discount </p> 
            <p>
              Sınırsız Çekim İmkanı<br /><br /><br />
            </p>
          </div>
          <a
            href="https://tracker.sterlinaffiliate.com/link?btag=93815294_424693"
            target="_blank"
            class="list-item__btn"
            >Giriş Yap</a
          >
        </div>
		  
        <!-- REKLAM ALANI -->
        <div class="list-item">
          <div class="list-item__logo">
            <br /><br />
            <div class="list-item__info">
              <a
                href="https://join.skype.com/invite/DQ9bDpBC0R2P"
                target="_blank"
                class="list-item__btn"
                >REKLAM ALANI&nbsp;</a
              >
              <img src="img/reklam/reklam.png" alt="Padisahbet Logo" />
            </div>
            <div class="list-item__info">
              <p></p>
              <p></p>
              <p></p>
              <p></p>
              <p></p>
            </div>
            <div class="small-space">
              <a
                href="https://join.skype.com/invite/DQ9bDpBC0R2P"
                target="_blank"
                class="list-item__btn"
                >REKLAM ALANI&nbsp;</a
              >
            </div>
            <div class="small-space">
              <a
                href="https://join.skype.com/invite/DQ9bDpBC0R2P"
                target="_blank"
                class="list-item__btn"
                >SKYPE&nbsp;</a
              >
            </div>
          </div>
        </div>
        <!-- REKLAM ALANI SON -->



		  
      </div>
    </div>
  </section>
  <!-- /Sponsor Section 3 -->


  <!-- SOLDAKİ KUTU -->
  <div class="floating-box floating-box-left">
    <div class="floating-box-content">
      <!-- Büyük resim gelse bile kutu dışına taşmayacak -->
				<p></p>
		<p></p>
		<a href="https://l24.im/4eZs" target="_blank">
			<img src="img/konum/1.png" alt="kazanbetting Logo" class="floating-box-img" /></a>
            <h3>CARLOBAHİS</h3>
            <p>%300 Casino Hoşgeldin</p>
            <p>%200 İlk yatırım bonusu</p>
            <p>%100 Pragmatic Slot Bonusu</p> 
            <p>%30 VIP kayıp bonusu!<br /><br /><br />
      <a href="https://t2m.io/hogwarts" target="_blank" class="floating-box-btn">Giriş Yap</a>
		<p></p>
		<img src="img/konum/vip.png" alt="kazanbetting Logo" class="floating-box-img" />
    </div>
  </div>

  <!-- SAĞDAKİ KUTU -->
  <div class="floating-box floating-box-right">
    <div class="floating-box-content">
<a href="http://t2m.io/OVK0J7c" target="_blank">
  <img src="img/konum/2.png" alt="Padişahbet Logo" class="floating-box-img" />
</a>
            <h3>PADİŞAHBET</h3>
            <p>500 TL Deneme bonusu</p>
            <p>100 TL Sınırsız çekim deneme bonusu</p>
            <p>%350 Spor&Casino ilk yatırım bonusu</p>
            <p>%40 ertesi gün bonusu 1.000.000 Milyon TL Çekim imkanı!</p>
      <a href="http://t2m.io/OVK0J7c" target="_blank" class="floating-box-btn">Giriş Yap</a>
				<p></p>
		<img src="img/konum/vip.png" alt="padişahbet Logo" class="floating-box-img" />
    </div>
  </div>

</body>




	
  <!-- Footer Section -->
  <footer class="footer-section">
    <div class="container">
      <div class="footer-content">
        <img src="img/sitelogo/footer.png" alt="Hogwarts Casino Logo" />
        <p>Copyright © 2024 - Hogwarts Casino</p>
        <div class="social-links">
          <a href="https://t.me/+f-M8Tzo7yUc4Mzkx" target="_blank">Telegram</a>
          <a href="https://t.me/HogwartsCasinoDuyuru" target="_blank">Duyuru</a>
          <a
            href="https://join.skype.com/invite/DQ9bDpBC0R2P"
            target="_blank"
            >Skype</a
          >
        </div>
      </div>
    </div>
  </footer>
  <!-- /Footer Section -->

  <!-- Telegram Sabit Buton (sayfanın en sonunda) -->
  <div class="telegram-float">
    <!-- Tooltip Balonu -->
    <div class="telegram-tooltip" id="telegramTooltip">
      Telegram kanallarımız için tıklayın
    </div>
	  
	  <!-- Tooltip Otomatik Gösterme (Telegram) -->
<script>
document.addEventListener("DOMContentLoaded", function() {
  // Tooltip elemanını bul
  const tooltip = document.getElementById("telegramTooltip");
  
  // Sayfa açılınca tooltip'i görünür yap
  tooltip.classList.add("visible");

  // 5 saniye sonra otomatik kapat
  setTimeout(() => {
    tooltip.classList.remove("visible");
  }, 20000);
});
</script>


    <!-- Buton -->
    <a
      class="btn"
      href="https://t.me/+f-M8Tzo7yUc4Mzkx"
      target="_blank"
      rel="noopener noreferrer"
    >
      <i class="fab fa-telegram"></i>
    </a>
  </div>

<!-- Padişahbet POPUP (AÇILIŞTA ÇIKAN) -->
<!-- HTML -->
<div class="popup-sponsor" id="sponsorModal">
  <button class="close-btn" id="closePopup">×</button>
  <div class="container popup-content">
    <img src="img/logo/padisahbet.png" alt="padisahbet Logo" class="popup-logo" />
    <h3>Padişahbet</h3>
    <p>
      500 TL Deneme bonusu<br>
      100 TL Sınırsız çekim deneme bonusu<br>
      %100 Hoşgeldin Bonusu<br>
	  %40 ertesi gün bonusu<br>
      1.000.000 Milyon TL Çekim imkanı!
    </p>
    <a href="http://t2m.io/OVK0J7c" target="_blank" class="list-item__btn">
      Giriş Yap
    </a>
  </div>
</div>




  <!-- JS dosyaları -->
  <script defer src="snow.js"></script>
  <script defer src="slider.js"></script>

  <!-- GSAP Animasyonları (Opsiyonel) -->
  <script src="gsap-animation.js"></script>
  
  <!-- body kapanmadan hemen önce -->
  <script src="snowOverlay.js"></script>

  <!-- Tooltip Otomatik Gösterme (Telegram) -->
<script>
document.addEventListener("DOMContentLoaded", function() {
  const sponsorModal = document.getElementById("sponsorModal");
  const closePopup = document.getElementById("closePopup");

  // Sayfa yüklenince pop-up görünür
  sponsorModal.classList.add("visible");

  // X butonuna tıklarsa kapansın
  closePopup.addEventListener("click", () => {
    sponsorModal.classList.remove("visible");
  });

  // 7 saniye sonra otomatik kapanma
  setTimeout(() => {
    sponsorModal.classList.remove("visible");
  }, 15000);
});
</script>


  <!-- GELCASINO POPUP (Sayfa Açılınca Göster) -->
  <script>
    document.addEventListener("DOMContentLoaded", function() {
      const sponsorModal = document.getElementById("sponsorModal");
      const closePopup = document.getElementById("closePopup");

      // Sayfa yüklenince pop-up görünür olsun
      sponsorModal.classList.add("visible");

      // Kapatma butonuna tıklayınca pop-up gizlensin
      closePopup.addEventListener("click", () => {
        sponsorModal.classList.remove("visible");
      });
    });
  </script>
</body>
</html>
