<!DOCTYPE html>
<html lang="en-ca">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="Discover Billy Barker Casino Online – your gateway to thrilling games, generous bonuses, and real casino atmosphere. Play slots, table games & more from anywhere in Canada. Safe, licensed & 24/7 available!">
  <link rel="canonical" href="https://billy-barker-casino-online.com/" />
  <title>Billy Barker Casino Online</title>

  <!-- Favicon -->
  <link rel="shortcut icon" type="image/x-icon" href="assets/media/favicon.png">

  <!-- All CSS files -->

  <link rel="stylesheet" href="assets/css/vendor/font-awesome.css">
  <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
  <link rel="stylesheet" href="assets/css/vendor/slick.css">
  <link rel="stylesheet" href="assets/css/vendor/slick-theme.css">
  <link rel="stylesheet" href="assets/css/app.css">

</head>

<body class="tt-smooth-scroll">
  

  <!-- Main Wrapper Start -->
  <div id="scroll-container">

    <!-- HEADER MENU START -->
    <header class="header">
      <div class="container-fluid">
        <nav class="navigation d-flex align-items-center justify-content-between py-16">
          <a href="https://billy-barker-casino-online.com/" class="d-flex align-items-center">
            <img src="assets/media/logo.png" alt="Billy Barker Casino Online" class="header-logo">
          </a>
          <div class="main-menu__right">
            
              <div class="d-sm-block d-none">
                <a class="cus-btn" href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank""><span class="btn-text">Play NOW</span></a>
              </div>
            </div>
          </div>
        </nav>
      </div>
    </header>
    <!-- HEADER MENU END -->

   <!-- Hero Banner Sec Start -->
<section class="hero-banner-sec">
  <div class="container-fluid">
    <div class="text-center desk-hero">
      <img class="logo-box-vector-1" src="assets/media/vector/logo-vec-1.png" alt="">
      <img class="logo-box-vector-2" src="assets/media/vector/logo-vec-2.png" alt="">
      <div class="d-flex align-items-center justify-content-center gap-24">
        <h1 class="hero-title">Billy Barker Casino</h1>
        <img src="assets/media/hero/brain.png" class="brain-img" alt="brain">
      </div>
      <div class="hero-block">
        <h2 class="hero-title">Online</h2>
      </div>
      <div class="text-end">
        <p class="fw-500 light-black p-text-1">Welcome Bonus: 100% Up to $750 + 200 Free Spins <br>+ 1 Bonus Crab</p>
      </div>
      <div class="d-flex align-items-center justify-content-center gap-24 mb-48">
        <img src="assets/media/hero/line.png" class="line-vector" alt="line" style="width: 800px; height: auto; object-fit: contain;">
        <h2 class="hero-title">Bonus</h2>
        <img src="assets/media/hero/arrow.png" class="arrow-vector" alt="arrow">
      </div>
      <div class="text-end">
        <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="cus-btn-2">
          <span class="btn-text">Get Started</span>
          <span class="btn-icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="23" height="36" viewBox="0 0 23 36" fill="none">
              <path d="M4.33929 3.70215L16.9521 16.315C17.8828 17.2456 17.8828 18.7544 16.9521 19.685L4.33929 32.2979" stroke="black" stroke-width="4.76596" />
            </svg>
          </span>
        </a>
      </div>
    </div>

    <div class="text-center mobile-hero">
      <h2 class="hero-title">Billy Barker Casino</h2>
      <h2 class="hero-title">Online <img src="assets/media/hero/brain.png" class="brain-img" alt="brain"> Bonus</h2>
      <div class="d-flex align-items-center justify-content-center mb-24">
        <img src="assets/media/hero/light.png" class="light-img" alt="line">
        <img src="assets/media/hero/line.png" class="line-vector" alt="line">
      </div>
      <div class="text-center mb-48">
        <p class="fw-500 light-black">Welcome Bonus: 100% Up to $750 + 200 Free Spins <br>+ 1 Bonus Crab</p>
      </div>
      <div class="text-end">
        <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="cus-btn-2">
          <span class="btn-text">Get Started</span>
          <span class="btn-icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="23" height="36" viewBox="0 0 23 36" fill="none">
              <path d="M4.33929 3.70215L16.9521 16.315C17.8828 17.2456 17.8828 18.7544 16.9521 19.685L4.33929 32.2979" stroke="black" stroke-width="4.76596" />
            </svg>
          </span>
        </a>
      </div>
      <img class="logo-box-vector-1" src="assets/media/vector/mobile-logo-vec.png" alt="">
      <img class="logo-box-vector-2" src="assets/media/vector/mobile-logo-vec1.png" alt="">
    </div>
  </div>
</section>
<!-- Hero Banner Sec End -->

<style>
  .desk-hero, .mobile-hero {
    display: none;
  }
  @media (min-width: 768px) {
    .desk-hero {
      display: block;
    }
  }
  @media (max-width: 767px) {
    .mobile-hero {
      display: block;
    }
  }
</style>
    
<!-- Logo Slider sec Start -->
<div class="logo-sec" style="overflow: hidden; padding: 16px 0;">
  <div class="logo-marquee" style="
    display: flex;
    width: max-content;
    animation: scroll-left 20s linear infinite;
    white-space: nowrap;
  ">
    <div style="display: flex; align-items: center; gap: 12px; margin-right: 64px;">
      <img src="assets/media/vector/bonus.png" alt="">
      <h2 style="color: #fff; font-weight: 600; font-size: 20px; margin: 0;">
        Welcome Bonus: 100% Up to $750 + 200 Free Spins + 1 Bonus Crab
      </h2>
    </div>
    <div style="display: flex; align-items: center; gap: 12px; margin-right: 64px;">
      <img src="assets/media/vector/bonus.png" alt="">
      <h2 style="color: #fff; font-weight: 600; font-size: 20px; margin: 0;">
        Welcome Bonus: 100% Up to $750 + 200 Free Spins + 1 Bonus Crab
      </h2>
    </div>
    <div style="display: flex; align-items: center; gap: 12px; margin-right: 64px;">
      <img src="assets/media/vector/bonus.png" alt="">
      <h2 style="color: #fff; font-weight: 600; font-size: 20px; margin: 0;">
        Welcome Bonus: 100% Up to $750 + 200 Free Spins + 1 Bonus Crab
      </h2>
    </div>
  </div>
</div>

<style>
@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
</style>
<!-- Logo Slider sec End -->


<!-- Popular Games Section Start -->
<section class="popular-games-sec py-80" style="background-color: #006d70;">
  <div class="container">
    <div class="text-center mb-48">
      <h2 style="color: #fff; background-color: #af1f33; display: inline-block; padding: 12px 24px; border-radius: 12px; font-size: 32px; font-weight: 700;">
        Popular Games at Billy Barker Casino Online
      </h2>
    </div>

    <div class="row g-4">
     
      <!-- CARD START -->
      <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/game-1.svg" alt="Game 1" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          <div class="game-overlay d-flex align-items-center justify-content-center">
            <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="play-btn">Play Now</a>
          </div>
        </div>
      </div>


     
      <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/game-2.svg" alt="Game 2" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          <div class="game-overlay d-flex align-items-center justify-content-center">
            <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="play-btn">Play Now</a>
          </div>
        </div>
      </div>

    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/game-3.svg" alt="Game 3" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          <div class="game-overlay d-flex align-items-center justify-content-center">
            <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="play-btn">Play Now</a>
          </div>
        </div>
      </div>
    
    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/game-4.svg" alt="Game 4" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          <div class="game-overlay d-flex align-items-center justify-content-center">
            <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="play-btn">Play Now</a>
          </div>
        </div>
      </div>
    
    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/game-5.svg" alt="Game 5" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          <div class="game-overlay d-flex align-items-center justify-content-center">
            <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="play-btn">Play Now</a>
          </div>
        </div>
      </div>
    
    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/game-6.svg" alt="Game 6" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          <div class="game-overlay d-flex align-items-center justify-content-center">
            <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="play-btn">Play Now</a>
          </div>
        </div>
      </div>
    
    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/game-7.svg" alt="Game 7" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          <div class="game-overlay d-flex align-items-center justify-content-center">
            <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="play-btn">Play Now</a>
          </div>
        </div>
      </div>
      
      
      <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/game-8.svg" alt="Game 8" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          <div class="game-overlay d-flex align-items-center justify-content-center">
            <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="play-btn">Play Now</a>
          </div>
        </div>
      </div>
    
    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/game-9.svg" alt="Game 9" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          <div class="game-overlay d-flex align-items-center justify-content-center">
            <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="play-btn">Play Now</a>
          </div>
        </div>
      </div>
    
    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/game-10.svg" alt="Game 10" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          <div class="game-overlay d-flex align-items-center justify-content-center">
            <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="play-btn">Play Now</a>
          </div>
        </div>
      </div>
    
    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/game-11.svg" alt="Game 11" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          <div class="game-overlay d-flex align-items-center justify-content-center">
            <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="play-btn">Play Now</a>
          </div>
        </div>
      </div>
    

      <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/game-12.svg" alt="Game 12" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          <div class="game-overlay d-flex align-items-center justify-content-center">
            <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="play-btn">Play Now</a>
          </div>
        </div>
      </div>
            <!-- CARD END -->
    </div>
  </div>

  <style>
    .game-card {
      position: relative;
      cursor: pointer;
      transition: transform 0.3s ease;
    }

    .game-card:hover {
      transform: scale(1.03);
    }

    .game-overlay {
      position: absolute;
      inset: 0;
      background-color: rgba(0, 0, 0, 0.6);
      opacity: 0;
      transition: opacity 0.3s ease;
    }

    .game-card:hover .game-overlay {
      opacity: 1;
    }

    .play-btn {
      background-color: #ffb800;
      color: #121212;
      padding: 8px 18px;
      border-radius: 8px;
      font-weight: 600;
      text-decoration: none;
      transition: background-color 0.2s ease;
    }

    .play-btn:hover {
      background-color: #ffd455;
    }

    @media (max-width: 576px) {
      .game-card {
        height: 160px;
      }

      .play-btn {
        font-size: 14px;
        padding: 6px 14px;
      }
    }
  </style>
</section>
<!-- Popular Games Section End -->





<!-- About Section Start -->
<section class="about-sec py-80 position-relative">
  <img class="vector-1" src="assets/media/vector/about-vector-1.png" alt="">
  <img class="vector-2" src="assets/media/vector/about-vector-3.png" alt="">
  <img class="vector-3" src="assets/media/vector/about-vector-2.png" alt="">

  <div class="container-fluid">
    <div class="text-center mb-48">
      <h2 class="fw-700 mb-16" style="font-size: 36px;">About Billy Barker Casino</h2>
      <p class="light-black fw-500" style="font-size: 18px; max-width: 800px; margin: 0 auto;">
        Located in the heart of British Columbia, Canada, Billy Barker Casino is a premier destination for gaming,
        entertainment, and hospitality. Inspired by the legendary prospector Billy Barker, our casino blends
        historical charm with modern excitement.
      </p>
    </div>

    <div class="row align-items-center justify-content-center mb-48">
      <div class="col-lg-5 col-md-12 text-center mb-32">
        <img src="assets/media/about/casino-photo.png" alt="Billy Barker Casino" 
             style="width: 100%; max-width: 480px; height: auto; border-radius: 16px;">
      </div>
      <div class="col-lg-6 col-md-12">
        <h3 class="fw-600 mb-16" style="font-size: 28px;">A True Canadian Experience</h3>
        <p class="light-black mb-24" style="font-size: 16px;">
          Billy Barker Casino offers a variety of games including slots, table games, and live entertainment. Whether you're
          a seasoned player or just starting out, you'll find a welcoming environment and thrilling opportunities to win.
        </p>
        <h4 class="fw-600 mb-12" style="font-size: 22px;">What We Offer:</h4>
        <ul style="font-size: 16px; color: #444; padding-left: 20px;">
          <li>Modern slot machines and classic table games</li>
          <li>Exclusive promotions and generous welcome bonuses</li>
          <li>On-site restaurant and cozy hotel rooms</li>
          <li>Friendly and professional staff</li>
          <li>Safe, responsible, and licensed gaming</li>
        </ul>
      </div>
    </div>

 
    <div class="text-center mb-64">
      <h3 class="fw-700 mb-16" style="font-size: 30px; background-color: #af1f33; color: white; padding: 12px 24px; border-radius: 12px; display: inline-block;">
  Now Also Available Online!
</h3>
      <p class="fw-500" style="font-size: 17px; max-width: 820px; margin: 0 auto; color: #333;">
        Experience the thrill of Billy Barker Casino anytime, anywhere. Our new online platform brings your favorite games 
        straight to your fingertips — including slots, live dealers, table games, and exclusive digital bonuses.  
        Join from the comfort of your home and enjoy the same excitement you love, now online!
      </p>
    </div>


    <div class="text-center">
      <p class="fw-500" style="font-size: 16px; max-width: 700px; margin: 0 auto;">
        Join thousands of satisfied guests who enjoy great games, warm hospitality, and unforgettable moments at
        Billy Barker Casino — now both on-site and online.
      </p>
    </div>
  </div>
</section>



<!-- Advantages Section Start -->
<section class="advantages-sec py-80">
  <div class="container">
    <div class="text-center mb-48">
      <h2 class="fw-700 mb-16" style="font-size: 36px;">Advantages of Billy Barker Casino</h2>
      <p class="mt-3 fw-500" style="font-size: 18px; max-width: 800px; margin: 0 auto; color: #444;">
        Billy Barker Casino combines tradition, innovation, and warm hospitality. Whether you visit our location in Quesnel, BC, or play from home via our online platform — you’ll enjoy top-tier service, security, and entertainment.
      </p>
    </div>

    <div class="row gy-4">
     <!-- Advantage 1 -->
<div class="col-md-6 col-lg-4 text-center px-4">
  <div style="padding: 24px; border-radius: 16px; background: #002b49; height: 100%; color: #fff;">
    <img src="assets/media/icons/slots.png" alt="Slots" style="width: 64px; height: 64px; margin-bottom: 16px;">
    <h4 style="color: #fff;" class="fw-600 mb-2">Extensive Game Collection</h4>
    <p style="color: #fff;">
      Choose from an exciting variety of games including modern slot machines, video poker, classic table games like blackjack and roulette. Our casino floor caters to both beginners and experienced players.
    </p>
  </div>
</div>

<!-- Advantage 2 -->
<div class="col-md-6 col-lg-4 text-center px-4">
  <div style="padding: 24px; border-radius: 16px; background: #006d70; height: 100%; color: #fff;">
    <img src="assets/media/icons/online-casino.png" alt="Online Casino" style="width: 64px; height: 64px; margin-bottom: 16px;">
    <h4 style="color: #fff;" class="fw-600 mb-2">Now Available Online</h4>
    <p style="color: #fff;">
      Access your favorite games anytime, anywhere. Our secure online platform features slots, live dealers, and instant bonuses — all available from your desktop or mobile device. Play at home with the same thrill as in person!
    </p>
  </div>
</div>

<!-- Advantage 3 -->
<div class="col-md-6 col-lg-4 text-center px-4">
  <div style="padding: 24px; border-radius: 16px; background: #ffb800; height: 100%; color: #fff;">
    <img src="assets/media/icons/security.png" alt="Security" style="width: 64px; height: 64px; margin-bottom: 16px;">
    <h4 style="color: #fff;" class="fw-600 mb-2">Licensed & Secure</h4>
    <p style="color: #fff;">
      We’re fully licensed under British Columbia gaming regulations, offering responsible gaming tools, transparent odds, and professional staff dedicated to player safety and fairness across all platforms.
    </p>
  </div>
</div>

<!-- Advantage 4 -->
<div class="col-md-6 col-lg-4 text-center px-4">
  <div style="padding: 24px; border-radius: 16px; background: #af1f33; height: 100%; color: #fff;">
    <img src="assets/media/icons/bonus.png" alt="Bonus" style="width: 64px; height: 64px; margin-bottom: 16px;">
    <h4 style="color: #fff;" class="fw-600 mb-2">Bonuses & Rewards</h4>
    <p style="color: #fff;">
      New players receive a generous welcome bonus, while loyal visitors can benefit from ongoing promotions, free spins, and our exclusive reward program. Every bet gets you closer to something extra.
    </p>
  </div>
</div>

<!-- Advantage 5 -->
<div class="col-md-6 col-lg-4 text-center px-4">
  <div style="padding: 24px; border-radius: 16px; background: #ff7043; height: 100%; color: #fff;">
    <img src="assets/media/icons/restaurant.png" alt="Dining" style="width: 64px; height: 64px; margin-bottom: 16px;">
    <h4 style="color: #fff;" class="fw-600 mb-2">Dining & Atmosphere</h4>
    <p style="color: #fff;">
      Our on-site restaurant and bar deliver locally inspired dishes and drinks in a cozy, welcoming setting. Whether you're celebrating a win or just relaxing, the atmosphere is always warm and inviting.
    </p>
  </div>
</div>

<!-- Advantage 6 -->
<div class="col-md-6 col-lg-4 text-center px-4">
  <div style="padding: 24px; border-radius: 16px; background: #121212; height: 100%; color: #fff;">
    <img src="assets/media/icons/location.png" alt="Location" style="width: 64px; height: 64px; margin-bottom: 16px;">
    <h4 style="color: #fff;" class="fw-600 mb-2">Charming BC Location</h4>
    <p style="color: #fff;">
      Set in historic Quesnel, British Columbia, Billy Barker Casino honors local heritage while offering the excitement of modern entertainment. It's a must-visit destination for both tourists and locals.
    </p>
  </div>
</div>

    </div>
  </div>
</section>
<!-- Advantages Section End -->





    <!-- Quick Impression Section Start -->
    <section class="impression-sec py-80">
      <div class="container-fluid">
        <div class="heading mb-64">
          <h5 class="color-sec fw-600 mb-8">JOIN THE ACTION</h5>
          <img class="title-icon" src="assets/media/vector/title-vector.png" alt="">
          <h2 class="light-black">Play Smarter. Win Bigger.<br> <span class="color-sec">It Starts Right Here</span> </h2>
        </div>
     <div class="row row-gap-4">
      <div class="col-xxl-6 col-lg-7">
        <!-- Step 1 -->
        <div class="block-1">
          <div class="title-block mb-48">
            <div class="d-flex align-items-center gap-24">
              <h5 class="fw-600">01</h5>
              <img class="icon-vec" src="assets/media/logo.png" alt="Create Account">
              <h4 class="">
                <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="text-decoration-underline text-dark">Create Your Account</a>
              </h4>
            </div>
            <img class="arrow-vector" src="assets/media/vector/imression-arrow.png" alt="arrow">
          </div>
          <div class="p-content">
            <p class="mb-48">
              Join thousands of Canadian players by signing up in seconds. Your journey to real cash rewards starts with a secure and simple registration process.
            </p>
          </div>
        </div>

        <div class="hr-line mb-24 bg-light-gray"></div>

        <!-- Step 2 -->
        <div class="block-2">
          <div class="title-block mb-48 pt-48">
            <div class="d-flex align-items-center gap-24">
              <h5 class="fw-600">02</h5>
              <img class="icon-vec" src="assets/media/logo.png" alt="Deposit">
              <h4 class="">
                <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="text-decoration-underline text-dark">Make Your First Deposit</a>
              </h4>
            </div>
            <img class="arrow-vector" src="assets/media/vector/imression-arrow.png" alt="arrow">
          </div>
          <div class="p-content">
            <p class="mb-48">
              Fund your account quickly and safely using trusted Canadian payment options. Every new deposit unlocks access to real-money games and bonuses.
            </p>
          </div>
        </div>

        <div class="hr-line mb-24 bg-light-gray"></div>

        <!-- Step 3 -->
        <div class="block-3">
          <div class="title-block mb-48 pt-48">
            <div class="d-flex align-items-center gap-24">
              <h5 class="fw-600">03</h5>
              <img class="icon-vec" src="assets/media/logo.png" alt="Play">
              <h4 class="">
                <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="text-decoration-underline text-dark">Play & Win</a>
              </h4>
            </div>
            <img class="arrow-vector" src="assets/media/vector/imression-arrow.png" alt="arrow">
          </div>
          <div class="p-content">
            <p class="mb-48">
              Explore top-rated slots, table games, and exclusive bonuses — now available online at Billy Barker Casino. Start winning from any device, anytime.
            </p>
          </div>
        </div>

        <div class="hr-line mb-24 bg-light-gray"></div>

        <!-- Bonus -->
        <div class="block-4">
          <div class="p-content mt-48">
            <p class="fw-600" style="font-size: 18px;">
              🎁 Welcome Bonus: <span class="color-sec">100% Up to $750 + 200 Free Spins + 1 Bonus Crab</span>
            </p>
          </div>
        </div>
      </div>

      <!-- Image section remains -->
      <div class="col-xxl-6 col-lg-5">
        <div class="img-block">
          <div class="block-img-1">
            <img class="br-32" src="assets/media/images/impression-img-1.jpg" alt="">
          </div>
          <div class="block-img-2">
            <img class="br-32" src="assets/media/images/impression-img-2.jpg" alt="">
          </div>
          <div class="block-img-3">
            <img class="br-32" src="assets/media/images/impression-img-3.jpg" alt="">
          </div>
          <div class="block-img-4">
            <img class="br-32" src="assets/media/images/impression-img-4.jpg" alt="">
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- Get Started Section End -->


<!-- Live Games Section Start -->
<section class="live-games-sec py-80" style="background-color: #006d70;">
  <div class="container">
    <div class="text-center mb-48">
      <h2 style="color: #fff; background-color: #af1f33; display: inline-block; padding: 12px 24px; border-radius: 12px; font-size: 32px; font-weight: 700;">
        Live Games at Billy Barker Casino Online
      </h2>
    </div>

    <div class="row g-4">
     
      <!-- CARD START -->
      <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/live-1.png" alt="Game 1" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          <div class="game-overlay d-flex align-items-center justify-content-center">
            <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="play-btn">Play Now</a>
          </div>
        </div>
      </div>


     
      <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/live-2.png" alt="Game 2" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          <div class="game-overlay d-flex align-items-center justify-content-center">
            <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="play-btn">Play Now</a>
          </div>
        </div>
      </div>

    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/live-3.png" alt="Game 3" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          <div class="game-overlay d-flex align-items-center justify-content-center">
            <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="play-btn">Play Now</a>
          </div>
        </div>
      </div>
    
    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/live-4.png" alt="Game 4" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          <div class="game-overlay d-flex align-items-center justify-content-center">
            <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="play-btn">Play Now</a>
          </div>
        </div>
      </div>
    
    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/live-5.png" alt="Game 5" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          <div class="game-overlay d-flex align-items-center justify-content-center">
            <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="play-btn">Play Now</a>
          </div>
        </div>
      </div>
    
    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/live-6.png" alt="Game 6" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          <div class="game-overlay d-flex align-items-center justify-content-center">
            <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="play-btn">Play Now</a>
          </div>
        </div>
      </div>
    
    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/live-7.png" alt="Game 7" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          <div class="game-overlay d-flex align-items-center justify-content-center">
            <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="play-btn">Play Now</a>
          </div>
        </div>
      </div>
      
      
      <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/live-8.png" alt="Game 8" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          <div class="game-overlay d-flex align-items-center justify-content-center">
            <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="play-btn">Play Now</a>
          </div>
        </div>
      </div>
    
    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/live-9.png" alt="Game 9" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          <div class="game-overlay d-flex align-items-center justify-content-center">
            <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="play-btn">Play Now</a>
          </div>
        </div>
      </div>
    
    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/live-10.png" alt="Game 10" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          <div class="game-overlay d-flex align-items-center justify-content-center">
            <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="play-btn">Play Now</a>
          </div>
        </div>
      </div>
    
    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/live-11.png" alt="Game 11" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          <div class="game-overlay d-flex align-items-center justify-content-center">
            <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="play-btn">Play Now</a>
          </div>
        </div>
      </div>
    

      <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/live-12.png" alt="Game 12" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          <div class="game-overlay d-flex align-items-center justify-content-center">
            <a href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank"" class="play-btn">Play Now</a>
          </div>
        </div>
      </div>
            <!-- CARD END -->
    </div>
  </div>

  <style>
    .game-card {
      position: relative;
      cursor: pointer;
      transition: transform 0.3s ease;
    }

    .game-card:hover {
      transform: scale(1.03);
    }

    .game-overlay {
      position: absolute;
      inset: 0;
      background-color: rgba(0, 0, 0, 0.6);
      opacity: 0;
      transition: opacity 0.3s ease;
    }

    .game-card:hover .game-overlay {
      opacity: 1;
    }

    .play-btn {
      background-color: #ffb800;
      color: #121212;
      padding: 8px 18px;
      border-radius: 8px;
      font-weight: 600;
      text-decoration: none;
      transition: background-color 0.2s ease;
    }

    .play-btn:hover {
      background-color: #ffd455;
    }

    @media (max-width: 576px) {
      .game-card {
        height: 160px;
      }

      .play-btn {
        font-size: 14px;
        padding: 6px 14px;
      }
    }
  </style>
</section>
<!-- Live Games Section End -->



<!-- Bonuses & Loyalty Section Start -->
<section class="bonuses-loyalty-sec py-80" style="background-color: #f5f2ec;">
  <div class="container">
    <div class="text-center mb-48">
      <h2 style="font-size: 38px; font-weight: 700; color: #121212;">
        Unlock Rewards with Our <span class="color-sec">Bonuses & Loyalty Program</span>
      </h2>
      <p style="max-width: 800px; margin: 0 auto; font-size: 18px; color: #444;">
        Whether you prefer spinning the reels from the comfort of your home or experiencing the lively energy of our Quesnel venue, Billy Barker Casino ensures that every player is rewarded — consistently, generously, and with style.
      </p>
    </div>

    <!-- Welcome Bonus -->
    <div class="text-center mb-64 position-relative">
      <div class="animated-crab">
        <img src="assets/media/icons/bonus-crab.png" alt="Bonus Crab" class="crab-img">
      </div>
      <h3 class="fw-700 mt-4 mb-16" style="font-size: 26px; color: #a600a6;">🎁 Welcome Bonus</h3>
      <p class="fw-600" style="font-size: 20px; color: #121212;">
        100% Up to $750 + 200 Free Spins + 1 Bonus Crab
      </p>
      <p style="font-size: 16px; color: #444; max-width: 720px; margin: 16px auto 0;">
        As soon as you register and make your first deposit, our casino greets you with a powerful welcome offer. Not only do you double your money, but you also receive 200 free spins — and our signature surprise: the Bonus Crab. It might look cute, but it’s packed with hidden gifts like cashback boosts, free game tickets, and more.
      </p>
    </div>

    <!-- Extended Loyalty Text -->
<div class="row row-gap-4">
  <!-- Block 1 -->
  <div class="col-md-6">
    <h4 class="fw-600 mb-12" style="color: #121212;">🌟 Ongoing Promotions</h4>
    <p style="color: #444; font-size: 16px;">
      Every day brings new chances to win — from cashback Mondays and Spin Frenzy Fridays to high-stakes jackpot tournaments. Our calendar is filled with exciting opportunities for players of all types. Visit our on-site kiosk or log into your online profile to explore daily and weekly deals tailored to your playing style.
    </p>
  </div>

  <!-- Block 2 -->
  <div class="col-md-6">
    <h4 class="fw-600 mb-12" style="color: #121212;">👑 VIP & Loyalty Tiers</h4>
    <p style="color: #444; font-size: 16px;">
      Our Loyalty Ladder rewards consistent players with exclusive perks. As you move through Bronze, Silver, Gold, and Platinum tiers, you'll unlock faster payouts, birthday surprises, priority customer support, and access to special events — both at the casino and through our online platform. Every dollar wagered brings you closer to elite status.
    </p>
  </div>

  <!-- Block 3 -->
  <div class="col-md-6">
    <h4 class="fw-600 mt-32 mb-12" style="color: #121212;">💻 Online vs. On-Site Perks</h4>
    <p style="color: #444; font-size: 16px;">
      Play from home or drop by in person — our bonuses adapt to your lifestyle. Online, you’ll receive time-limited flash offers, mobile-only spin packs, and real-time prize drops. At our physical location, you’ll benefit from free-play coupons, meal discounts, and members-only events. Either way, the more you play, the more you’re rewarded.
    </p>
  </div>

  <!-- Block 4 -->
  <div class="col-md-6">
    <h4 class="fw-600 mt-32 mb-12" style="color: #121212;">🎯 Play, Earn, Repeat</h4>
    <p style="color: #444; font-size: 16px;">
      From the very first game, your loyalty is tracked and rewarded. Earn points, unlock tiers, and convert your progress into real value — whether it's free play, merchandise, or even nights at our historic hotel. Billy Barker Casino doesn’t just offer games — it offers lasting appreciation.
    </p>
  </div>
</div>


  <!-- Crab Animation Styles -->
  <style>
    .animated-crab {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: -40px;
      animation: float 3s ease-in-out infinite;
    }

    .crab-img {
      width: 90px;
      height: auto;
    }

    @keyframes float {
      0% { transform: translateX(-50%) translateY(0); }
      50% { transform: translateX(-50%) translateY(-15px); }
      100% { transform: translateX(-50%) translateY(0); }
    }

    @media (max-width: 768px) {
      .crab-img {
        width: 64px;
      }
    }
  </style>
</section>
<!-- Bonuses & Loyalty Section End -->


<!-- Games Section Start -->
<section class="games-sec py-80" style="background-color: #f5f2ec;">
  <div class="container">
    <div class="text-center mb-48">
      <h2 style="font-size: 38px; font-weight: 700; color: #121212;">
        Explore the <span class="color-sec">Games</span> at Billy Barker Casino
      </h2>
      <p style="max-width: 800px; margin: 0 auto; font-size: 18px; color: #444;">
        Whether you're sitting at your favorite machine in Quesnel or enjoying a late-night blackjack round on your phone, Billy Barker Casino delivers a comprehensive selection of games for every type of player — casual, strategic, high-roller or first-timer.
      </p>
    </div>

    <div class="row row-gap-5">
      <!-- Column 1: On-Site -->
      <div class="col-lg-6">
        <h3 class="fw-600 mb-32" style="color: #a600a6;"> On-Site Casino Games</h3>

        <!-- Slot Machines -->
        <div class="mb-32">
          <div class="d-flex align-items-start gap-16 mb-2">
            <img src="assets/media/icons/slots2.png" alt="Slots" style="width: 36px;">
            <h4 class="fw-600" style="color: #121212;">150+ Slot Machines</h4>
          </div>
          <p style="color: #444;">
            Our floor features over 150 machines, from vintage single-line classics to high-tech video slots with interactive bonuses. Try your luck on local progressives or compete for jackpots that grow daily.
          </p>
        </div>

        <!-- Table Games -->
        <div class="mb-32">
          <div class="d-flex align-items-start gap-16 mb-2">
            <img src="assets/media/icons/table.png" alt="Tables" style="width: 36px;">
            <h4 class="fw-600" style="color: #121212;">Classic Table Games</h4>
          </div>
          <p style="color: #444;">
            Choose from blackjack, roulette, or baccarat — all dealt by experienced dealers who keep the action friendly and the atmosphere authentic. Low and high-stake tables available.
          </p>
        </div>

        <!-- Poker Room -->
        <div class="mb-32">
          <div class="d-flex align-items-start gap-16 mb-2">
            <img src="assets/media/icons/poker.png" alt="Poker" style="width: 36px;">
            <h4 class="fw-600" style="color: #121212;">Private Poker Room</h4>
          </div>
          <p style="color: #444;">
            Enjoy regular Texas Hold'em tournaments and nightly cash games in our secluded poker room. Friendly, professional, and perfect for building your strategy or chasing that big pot.
          </p>
        </div>

        <!-- High Limit -->
        <div class="mb-32">
          <div class="d-flex align-items-start gap-16 mb-2">
            <img src="assets/media/icons/vip.png" alt="High Limit" style="width: 36px;">
            <h4 class="fw-600" style="color: #121212;">High-Limit Lounge</h4>
          </div>
          <p style="color: #444;">
            For elite players, our VIP area offers higher betting limits, luxury seating, and personalized service. Discreet and designed for those who enjoy the thrill of serious stakes.
          </p>
        </div>
      </div>

      <!-- Column 2: Online -->
      <div class="col-lg-6">
        <h3 class="fw-600 mb-32" style="color: #a600a6;"> Online Casino Games</h3>

        <!-- Online Slots -->
        <div class="mb-32">
          <div class="d-flex align-items-start gap-16 mb-2">
            <img src="assets/media/icons/online-slots.png" alt="Online Slots" style="width: 36px;">
            <h4 class="fw-600" style="color: #121212;">1,000+ Online Slots</h4>
          </div>
          <p style="color: #444;">
            Discover hundreds of themed slots with bonus buys, free spin rounds, and massive jackpots — accessible instantly from your browser. New titles released weekly from top providers.
          </p>
        </div>

        <!-- Live Dealer -->
        <div class="mb-32">
          <div class="d-flex align-items-start gap-16 mb-2">
            <img src="assets/media/icons/live.png" alt="Live" style="width: 36px;">
            <h4 class="fw-600" style="color: #121212;">Live Dealer Tables</h4>
          </div>
          <p style="color: #444;">
            Play blackjack, roulette, or baccarat with real professional dealers streamed in HD. Interact in real time and feel the rush of live casino action wherever you are.
          </p>
        </div>

        <!-- Online Poker -->
        <div class="mb-32">
          <div class="d-flex align-items-start gap-16 mb-2">
            <img src="assets/media/icons/online-poker.png" alt="Online Poker" style="width: 36px;">
            <h4 class="fw-600" style="color: #121212;">Online Poker Rooms</h4>
          </div>
          <p style="color: #444;">
            Join multi-table tournaments, sit-and-go games, or cash tables from your phone or desktop. Compete with real players across Canada, 24/7.
          </p>
        </div>

        <!-- Mobile Play -->
        <div class="mb-32">
          <div class="d-flex align-items-start gap-16 mb-2">
            <img src="assets/media/icons/mobile.png" alt="Mobile" style="width: 36px;">
            <h4 class="fw-600" style="color: #121212;">Mobile Gaming</h4>
          </div>
          <p style="color: #444;">
            Take Billy Barker Casino on the go. Our online platform is fully optimized for iOS and Android devices with no download required. Just tap, play, and win — wherever you are.
          </p>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- Games Section End -->




<!-- Jackpot Games Section Start -->
<section class="jackpot-games-sec py-80" style="background-color: #006d70;">
  <div class="container">
    <div class="text-center mb-48">
      <h2 style="color: #fff; background-color: #af1f33; display: inline-block; padding: 12px 24px; border-radius: 12px; font-size: 32px; font-weight: 700;">
        Jackpot Games at Billy Barker Casino Online
      </h2>
    </div>

    <div class="row g-4">
     
      <!-- CARD START -->
      <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/jackpot-1.png" alt="Game 1" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          
        </div>
      </div>


     
      <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/jackpot-2.png" alt="Game 2" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          
        </div>
      </div>

    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/jackpot-3.png" alt="Game 3" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          
        </div>
      </div>
    
    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/jackpot-4.png" alt="Game 4" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          
        </div>
      </div>
    
    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/jackpot-5.png" alt="Game 5" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          
        </div>
      </div>
    
    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/jackpot-6.png" alt="Game 6" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          
        </div>
      </div>
    
    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/jackpot-7.png" alt="Game 7" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
         
        </div>
      </div>
      
      
      <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/jackpot-8.png" alt="Game 8" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
         
        </div>
      </div>
    
    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/jackpot-9.png" alt="Game 9" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
         
        </div>
      </div>
    
    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/jackpot-10.png" alt="Game 10" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          
        </div>
      </div>
    
    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/jackpot-11.png" alt="Game 11" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          
        </div>
      </div>
    

      <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/jackpot-12.png" alt="Game 12" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
         
        </div>
      </div>
            <!-- CARD END -->
    </div>
  </div>

  <style>
    .game-card {
      position: relative;
      cursor: pointer;
      transition: transform 0.3s ease;
    }

    .game-card:hover {
      transform: scale(1.03);
    }

    .game-overlay {
      position: absolute;
      inset: 0;
      background-color: rgba(0, 0, 0, 0.6);
      opacity: 0;
      transition: opacity 0.3s ease;
    }

    .game-card:hover .game-overlay {
      opacity: 1;
    }

    .play-btn {
      background-color: #ffb800;
      color: #121212;
      padding: 8px 18px;
      border-radius: 8px;
      font-weight: 600;
      text-decoration: none;
      transition: background-color 0.2s ease;
    }

    .play-btn:hover {
      background-color: #ffd455;
    }

    @media (max-width: 576px) {
      .game-card {
        height: 160px;
      }

      .play-btn {
        font-size: 14px;
        padding: 6px 14px;
      }
    }
  </style>
</section>
<!-- Jackpot Games Section End -->


<!-- Payment Methods Section Start -->
<section class="payment-methods-sec py-80" style="background-color: #f3dc9f;">
  <div class="container">
    <div class="text-center mb-48">
      <h2 style="font-size: 36px; font-weight: 700; color: #121212;">
        Payment Methods at <span class="color-sec">Billy Barker Casino</span>
      </h2>
      <p style="max-width: 800px; margin: 0 auto; font-size: 18px; color: #444;">
        We offer a variety of secure and convenient banking options for both in-person and online players. Whether you're funding your account or cashing out winnings, our platform supports fast, flexible, and safe transactions in CAD.
      </p>
    </div>

    <div class="row row-gap-5">
      <!-- Deposit Methods -->
      <div class="col-lg-6">
        <h3><span class="color-sec"> Deposit Methods</span></h3>

        <ul class="list-unstyled">
          <li class="d-flex align-items-center justify-content-between mb-16">
            <div class="d-flex align-items-center gap-16">
              <img src="assets/media/icons/interac.svg" alt="Interac" style="width: 150px;">
              <span class="fw-500">Interac</span>
            </div>
            <span class="fw-500">$10 – $3,000</span>
          </li>

          <li class="d-flex align-items-center justify-content-between mb-16">
            <div class="d-flex align-items-center gap-16">
              <img src="assets/media/icons/funid.svg" alt="FunID" style="width: 150px;">
              <span class="fw-500">FunID</span>
            </div>
            <span class="fw-500">$20 – $4,000</span>
          </li>

          <li class="d-flex align-items-center justify-content-between mb-16">
            <div class="d-flex align-items-center gap-16">
              <img src="assets/media/icons/mastercard.svg" alt="Mastercard" style="width: 150px;">
              <span class="fw-500">Mastercard</span>
            </div>
            <span class="fw-500">$20 – $4,000</span>
          </li>

          <li class="d-flex align-items-center justify-content-between mb-16">
            <div class="d-flex align-items-center gap-16">
              <img src="assets/media/icons/neosurf.svg" alt="Neosurf" style="width: 150px;">
              <span class="fw-500">Neosurf</span>
            </div>
            <span class="fw-500">$20 – $10,000</span>
          </li>

          <li class="d-flex align-items-center justify-content-between mb-16">
            <div class="d-flex align-items-center gap-16">
              <img src="assets/media/icons/skrill.svg" alt="Skrill" style="width: 150px;">
              <span class="fw-500">Skrill</span>
            </div>
            <span class="fw-500">$20 – $10,000</span>
          </li>

          <li class="d-flex align-items-center justify-content-between mb-16">
            <div class="d-flex align-items-center gap-16">
              <img src="assets/media/icons/neteller.svg" alt="Neteller" style="width: 150px;">
              <span class="fw-500">Neteller</span>
            </div>
            <span class="fw-500">$20 – $10,000</span>
          </li>

          <li class="d-flex align-items-center justify-content-between mb-16">
            <div class="d-flex align-items-center gap-16">
              <img src="assets/media/icons/cash2code.svg" alt="Cash2Code" style="width: 150px;">
              <span class="fw-500">Cash2Code</span>
            </div>
            <span class="fw-500">$20 – $1,500</span>
          </li>

          <li class="d-flex align-items-center justify-content-between mb-16">
            <div class="d-flex align-items-center gap-16">
              <img src="assets/media/icons/mifinity.svg" alt="MiFinity" style="width: 150px;">
              <span class="fw-500">MiFinity</span>
            </div>
            <span class="fw-500">$20 – $3,500</span>
          </li>

          <li class="d-flex align-items-center justify-content-between mb-16">
            <div class="d-flex align-items-center gap-16">
              <img src="assets/media/icons/bitcoin.svg" alt="Bitcoin" style="width: 150px;">
              <span class="fw-500">Bitcoin</span>
            </div>
            <span class="fw-500">$45 – $10,000</span>
          </li>

          <li class="d-flex align-items-center justify-content-between mb-16">
            <div class="d-flex align-items-center gap-16">
              <img src="assets/media/icons/litecoin.svg" alt="Litecoin" style="width: 150px;">
              <span class="fw-500">Litecoin</span>
            </div>
            <span class="fw-500">$20 – $10,000</span>
          </li>
        </ul>
      </div>

      <!-- Withdrawal Methods -->
      <div class="col-lg-6">
        <h3><span class="color-sec"> Withdrawal Methods</span></h3>

        <ul class="list-unstyled">
          <li class="d-flex align-items-center justify-content-between mb-16">
            <div class="d-flex align-items-center gap-16">
              <img src="assets/media/icons/interac.svg" alt="Interac e-Transfer" style="width: 150px;">
              <span class="fw-500">Interac e-Transfer</span>
            </div>
            <span class="fw-500">$10 – $3,000</span>
          </li>

          <li class="d-flex align-items-center justify-content-between mb-16">
            <div class="d-flex align-items-center gap-16">
              <img src="assets/media/icons/funid.svg" alt="FunID" style="width: 150px;">
              <span class="fw-500">FunID</span>
            </div>
            <span class="fw-500">$30 – $2,200</span>
          </li>

          <li class="d-flex align-items-center justify-content-between mb-16">
            <div class="d-flex align-items-center gap-16">
              <img src="assets/media/icons/bank-transfer.svg" alt="Bank Transfer" style="width: 150px;">
              <span class="fw-500">Bank Transfer</span>
            </div>
            <span class="fw-500">$85 – $7,795</span>
          </li>

          <li class="d-flex align-items-center justify-content-between mb-16">
            <div class="d-flex align-items-center gap-16">
              <img src="assets/media/icons/skrill.svg" alt="Skrill" style="width: 150px;">
              <span class="fw-500">Skrill</span>
            </div>
            <span class="fw-500">$20 – $7,795</span>
          </li>

          <li class="d-flex align-items-center justify-content-between mb-16">
            <div class="d-flex align-items-center gap-16">
              <img src="assets/media/icons/jeton.svg" alt="Jeton" style="width: 150px;">
              <span class="fw-500">Jeton</span>
            </div>
            <span class="fw-500">$20 – $10,000</span>
          </li>

          <li class="d-flex align-items-center justify-content-between mb-16">
            <div class="d-flex align-items-center gap-16">
              <img src="assets/media/icons/mifinity.svg" alt="MiFinity" style="width: 150px;">
              <span class="fw-500">MiFinity</span>
            </div>
            <span class="fw-500">$20 – $3,500</span>
          </li>

          <li class="d-flex align-items-center justify-content-between mb-16">
            <div class="d-flex align-items-center gap-16">
              <img src="assets/media/icons/bitcoin.svg" alt="Bitcoin" style="width: 150px;">
              <span class="fw-500">Bitcoin</span>
            </div>
            <span class="fw-500">$90 – $10,000</span>
          </li>

          <li class="d-flex align-items-center justify-content-between mb-16">
            <div class="d-flex align-items-center gap-16">
              <img src="assets/media/icons/litecoin.svg" alt="Litecoin" style="width: 150px;">
              <span class="fw-500">Litecoin</span>
            </div>
            <span class="fw-500">$20 – $10,000</span>
          </li>
        </ul>
      </div>
    </div>
    <!-- On-Site Casino Payments Block -->
<div class="onsite-payments-block mt-80 px-4 py-5" style="background-color: #eae4da; border-radius: 16px;">
  <div class="container text-center">
     <h3><span class="color-sec"> On-Site Casino Payments & Services</span>
    </h3>
    <p style="color: #444; font-size: 16px; max-width: 800px; margin: 0 auto;">
      Playing at our physical Billy Barker Casino location in Quesnel? We’ve got you covered with fast and secure on-site payment options. Visit our cashier cage to deposit or withdraw using:
    </p>

    <ul class="mt-4" style="list-style-type: none; padding-left: 0; color: #121212; font-size: 16px;">
      <li class="mb-2">• 💵 Cash (CAD)</li>
      <li class="mb-2">• 💳 Debit & Credit Cards (Visa, Mastercard)</li>
      <li class="mb-2">• 🧾 Prepaid Vouchers & Casino Chips</li>
      <li class="mb-2">• 🎁 Promo Coupons & Loyalty Credits</li>
    </ul>

    <p class="mt-4" style="color: #444; font-size: 16px;">
      All on-site transactions are conducted in Canadian dollars. Our friendly staff is available to assist you 24/7 — whether you’re cashing out your winnings or topping up to keep the fun going.
    </p>
  </div>
</div>

  </div>
</section>
<!-- Payment Methods Section End -->



<!-- Login & Registration Section Start -->
<section class="auth-info-sec py-80 position-relative" style="background-color: #f5f2ec; overflow: hidden;">
  <!-- Background Decorations -->
  <img src="assets/media/decor/chip-purple.png" alt="chip" style="position: absolute; top: 20px; left: 40px; width: 48px; opacity: 0.9; z-index: 0;">
  <img src="assets/media/decor/chip-yellow.png" alt="chip" style="position: absolute; top: 100px; right: 60px; width: 56px; opacity: 0.9; z-index: 0;">
  <img src="assets/media/decor/cards.png" alt="cards" style="position: absolute; bottom: 40px; left: 30px; width: 60px; opacity: 0.9; z-index: 0;">
  <img src="assets/media/decor/chip-red.png" alt="chip" style="position: absolute; bottom: 0px; right: 50px; width: 64px; opacity: 0.9; z-index: 0;">

  <div class="container position-relative" style="z-index: 1;">
    <div class="text-center mb-64">
      <h2 style="font-size: 40px; font-weight: 700; color: #121212;">
        Login, Register & Play at <span class="color-sec">Billy Barker Casino</span>
      </h2>
      <p style="font-size: 18px; max-width: 800px; margin: 0 auto; color: #444;">
        Whether you're a first-time visitor or returning for another winning session, our platform makes it easy to get started. Join Billy Barker Casino Online and enjoy secure access to the best games and exclusive promotions in just a few steps.
      </p>
    </div>

    <div class="row row-gap-5">
      <!-- Registration Column -->
      <div class="col-lg-6 mb-48">
        <h3><span class="color-sec"> How to Register</span></h3>
        <p style="font-size: 16px; color: #444;">
          Signing up is quick and user-friendly. Click the <strong>“Sign Up”</strong> button at the top of any page. You’ll be asked to enter your email address, choose a secure password, and confirm your age (19+). We only accept players from eligible regions in Canada and require that all users agree to our terms and privacy policy.
        </p>
        <p style="font-size: 16px; color: #444;">
          After registration, you’ll receive a welcome email with instructions on how to claim your bonus. As a new player, you’ll instantly unlock our <strong>100% Welcome Bonus up to $750 + 200 Free Spins + 1 Bonus Crab</strong>. No complicated forms or delays — just fast access to fun.
        </p>
      </div>

      <!-- Login Column -->
      <div class="col-lg-6 mb-48">
        <h3><span class="color-sec"> Logging In</span></h3>
        <p style="font-size: 16px; color: #444;">
          Already have an account? Click on the <strong>“Login”</strong> button and enter your registered email and password. Once inside, you’ll be able to deposit funds, play games, manage your profile, and participate in loyalty rewards and promotions.
        </p>
        <p style="font-size: 16px; color: #444;">
          For your convenience, you can enable the <em>"Stay Logged In"</em> option on your personal device. This saves your session for faster return access — always protected by our encrypted authentication system.
        </p>
      </div>

      <!-- Forgot Password Column -->
      <div class="col-lg-6 mb-48">
        <h3><span class="color-sec"> Forgot Your Password?</span></h3>
        <p style="font-size: 16px; color: #444;">
          If you've forgotten your login credentials, simply click <strong>"Forgot Password?"</strong> on the login page. Enter your email address and we’ll immediately send a reset link to your inbox. This secure process ensures you can recover access without compromising your account.
        </p>
        <p style="font-size: 16px; color: #444;">
          Didn’t receive the email? Check your spam or junk folders — and if it’s still missing, our 24/7 support team is always ready to help. Just click on the live chat icon or email us directly for fast assistance.
        </p>
      </div>

      <!-- Security Column -->
      <div class="col-lg-6 mb-48">
        <h3><span class="color-sec"> Account Security</span></h3>
        <p style="font-size: 16px; color: #444;">
          All login, registration, and password recovery operations are protected by modern encryption protocols. We follow industry standards to ensure your data is safe, and never share personal details with third parties.
        </p>
        <p style="font-size: 16px; color: #444;">
          Make sure to choose a strong password and keep your login credentials private. You can also enable two-factor authentication (2FA) for even stronger protection.
        </p>
      </div>
    </div>
  </div>
</section>
<!-- Login & Registration Section End -->


<!-- Bonus Buys  Section Start -->
<section class="bonus-buys-sec py-80" style="background-color: #006d70;">
  <div class="container">
    <div class="text-center mb-48">
      <h2 style="color: #fff; background-color: #af1f33; display: inline-block; padding: 12px 24px; border-radius: 12px; font-size: 32px; font-weight: 700;">
        Bonus Buys  Games at Billy Barker Casino Online
      </h2>
    </div>

    <div class="row g-4">
     
      <!-- CARD START -->
      <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/bonus-1.png" alt="Game 1" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          
        </div>
      </div>


     
      <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/bonus-2.png" alt="Game 2" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          
        </div>
      </div>

    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/bonus-3.png" alt="Game 3" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          
        </div>
      </div>
    
    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/bonus-4.png" alt="Game 4" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          
        </div>
      </div>
    
    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/bonus-5.png" alt="Game 5" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          
        </div>
      </div>
    
    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/bonus-6.png" alt="Game 6" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          
        </div>
      </div>
    
    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/bonus-7.png" alt="Game 7" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
         
        </div>
      </div>
      
      
      <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/bonus-8.png" alt="Game 8" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
         
        </div>
      </div>
    
    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/bonus-9.png" alt="Game 9" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
         
        </div>
      </div>
    
    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/bonus-10.png" alt="Game 10" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          
        </div>
      </div>
    
    
    <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/bonus-11.png" alt="Game 11" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
          
        </div>
      </div>
    

      <div class="col-6 col-md-4 col-lg-2">
        <div class="game-card position-relative overflow-hidden" style="background-color: #1e1e1e; border-radius: 12px; height: 200px;">
          <img src="assets/media/games/bonus-12.png" alt="Game 12" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
         
        </div>
      </div>
            <!-- CARD END -->
    </div>
  </div>

  <style>
    .game-card {
      position: relative;
      cursor: pointer;
      transition: transform 0.3s ease;
    }

    .game-card:hover {
      transform: scale(1.03);
    }

    .game-overlay {
      position: absolute;
      inset: 0;
      background-color: rgba(0, 0, 0, 0.6);
      opacity: 0;
      transition: opacity 0.3s ease;
    }

    .game-card:hover .game-overlay {
      opacity: 1;
    }

    .play-btn {
      background-color: #ffb800;
      color: #121212;
      padding: 8px 18px;
      border-radius: 8px;
      font-weight: 600;
      text-decoration: none;
      transition: background-color 0.2s ease;
    }

    .play-btn:hover {
      background-color: #ffd455;
    }

    @media (max-width: 576px) {
      .game-card {
        height: 160px;
      }

      .play-btn {
        font-size: 14px;
        padding: 6px 14px;
      }
    }
  </style>
</section>
<!-- Bonus Buys Section End -->



<!-- Online Casino App Section Start -->
<section class="casino-app-sec py-80" style="background-color: #f5f2ec;">
  <div class="container">
    <div class="row align-items-center row-gap-5">
      <!-- Image Column -->
      <div class="col-lg-6 text-center">
        <img src="assets/media/images/app-preview.png" alt="Billy Barker Casino App" class="img-fluid" style="max-width: 100%; border-radius: 16px;">
      </div>

      <!-- Text Column -->
      <div class="col-lg-6">
        <h2 class="fw-700 mb-4" style="font-size: 36px; color: #121212;">
          Billy Barker <span class="color-sec">Online Casino App</span>
        </h2>
        <p style="font-size: 18px; color: #444;">
          Enjoy full access to slots, table games, bonuses, and live dealers anytime, anywhere — right from your smartphone. Our official app delivers the same thrill and rewards as our desktop site, fully optimized for mobile play.
        </p>

        <!-- Features List -->
        <ul class="list-unstyled mt-4" style="font-size: 16px; color: #121212;">
          <li class="d-flex align-items-center mb-3">
            <img src="assets/media/logo.png" alt="Secure" style="width: 24px; margin-right: 12px;">
            <span>Fast & secure login with fingerprint or Face ID</span>
          </li>
          <li class="d-flex align-items-center mb-3">
            <img src="assets/media/logo.png" alt="Bonuses" style="width: 24px; margin-right: 12px;">
            <span>Instant access to your bonuses, spins, and loyalty rewards</span>
          </li>
          <li class="d-flex align-items-center mb-3">
            <img src="assets/media/logo.png" alt="Payments" style="width: 24px; margin-right: 12px;">
            <span>Easy deposits & withdrawals — fully mobile-friendly</span>
          </li>
          <li class="d-flex align-items-center mb-3">
            <img src="assets/media/logo.png" alt="Live Games" style="width: 24px; margin-right: 12px;">
            <span>Play live dealer games with real-time HD streaming</span>
          </li>
        </ul>

        <!-- Download Buttons -->
        <div class="mt-4 d-flex gap-3 flex-wrap">
          <a href="#" target="_blank">
            <img src="assets/media/buttons/app-store.png" alt="Download on the App Store" style="height: 48px;">
          </a>
          <a href="#" target="_blank">
            <img src="assets/media/buttons/google-play.png" alt="Get it on Google Play" style="height: 48px;">
          </a>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- Online Casino App Section End -->


<!-- Trust & Transparency Section Start -->
<section class="trust-sec py-80 position-relative" style="background-color: #f5f2ec; overflow: hidden;">
  <!-- Decorative Background Images -->
  <img src="assets/media/decor/chip-purple.png" alt="chip" style="position: absolute; top: 30px; left: 40px; width: 48px; opacity: 0.9; z-index: 0;">
  <img src="assets/media/decor/cards.png" alt="cards" style="position: absolute; top: 120px; right: 50px; width: 60px; opacity: 0.9; z-index: 0;">
  <img src="assets/media/decor/chip-red.png" alt="chip" style="position: absolute; bottom: 40px; left: 60px; width: 64px; opacity: 0.9; z-index: 0;">
  <img src="assets/media/decor/coins.png" alt="coins" style="position: absolute; bottom: -20px; right: 40px; width: 56px; opacity: 0.9; z-index: 0;">

  <div class="container position-relative" style="z-index: 1;">
    <div class="text-center mb-64">
      <h2 style="font-size: 40px; font-weight: 700; color: #121212;">
        Why Trust <span class="color-sec">Billy Barker Casino Online</span>
      </h2>
      <p style="font-size: 18px; max-width: 820px; margin: 0 auto; color: #444;">
        Our online casino experience is built on the same values and trust that define our physical location in Quesnel. From industry-leading security to professional support and fair gameplay — here’s why players across Canada feel confident choosing Billy Barker.
      </p>
    </div>
    <div class="row row-gap-5">
      <!-- Security -->
      <div class="col-lg-6 mb-48">
        <div class="d-flex align-items-start gap-16 mb-3">
          <img src="assets/media/icons/security.png" alt="Security" style="width: 40px;">
          <h3><span class="color-sec"> Advanced Security</span></h3>
        </div>
        <p style="color: #444;">
          Your privacy and protection are our top priority. We use state-of-the-art SSL encryption to secure all data and financial transactions. Our systems are monitored 24/7 to detect any threats or anomalies, and we conduct regular security audits.
        </p>
        <p style="color: #444;">
          In addition, all sensitive operations — such as withdrawals and login — are protected by multi-layered authentication protocols. You play, we protect.
        </p>
      </div>

      <!-- Support -->
      <div class="col-lg-6 mb-48">
        <div class="d-flex align-items-start gap-16 mb-3">
          <img src="assets/media/icons/support.png" alt="Support" style="width: 40px;">
           <h3><span class="color-sec">24/7 Customer Support</span></h3>
        </div>
        <p style="color: #444;">
          Questions? Concerns? Our professional support team is available 24/7 via live chat or email. Whether you need help verifying your account, resolving a game issue, or understanding a bonus — we’re here to assist you in real time.
        </p>
        <p style="color: #444;">
          No bots, no auto-replies — just real people ready to help you get back to the fun.
        </p>
      </div>

      <!-- Licensing -->
      <div class="col-lg-6 mb-48">
        <div class="d-flex align-items-start gap-16 mb-3">
          <img src="assets/media/icons/license.png" alt="License" style="width: 40px;">
           <h3><span class="color-sec">Licensed & Regulated Gaming</span></h3>
        </div>
        <p style="color: #444;">
          Billy Barker Casino Online operates under full legal compliance with Canadian gaming regulations. Our games are tested and certified for fairness by independent labs, ensuring random results and fair odds.
        </p>
        <p style="color: #444;">
          We believe in transparent gaming — what you see is what you get. No hidden algorithms, no manipulation, just real play and real chances to win.
        </p>
      </div>

      <!-- Software Providers -->
      <div class="col-lg-6 mb-48">
        <div class="d-flex align-items-start gap-16 mb-3">
          <img src="assets/media/icons/software.png" alt="Software Providers" style="width: 40px;">
           <h3><span class="color-sec">Software & Game Providers</span></h3>
        </div>
        <p style="color: #444;">
          Our platform is powered by top-tier software developers like Microgaming, NetEnt, Evolution, Pragmatic Play, and more. That means stunning visuals, smooth performance, and games that are optimized for both desktop and mobile play.
        </p>
        <p style="color: #444;">
          You get access to hundreds of high-quality slots, live dealer games, table games, and specialty titles — all backed by reliable technology.
        </p>
      </div>

      <!-- Languages -->
      <div class="col-lg-6 mb-48">
        <div class="d-flex align-items-start gap-16 mb-3">
          <img src="assets/media/icons/language.png" alt="Languages" style="width: 40px;">
          <h3><span class="color-sec">Available Languages</span></h3>
        </div>
        <p style="color: #444;">
          Billy Barker Casino Online is designed for Canadian players from coast to coast. Our website, games, and support are available in English and French — with plans to expand to more languages soon.
        </p>
        <p style="color: #444;">
          We want every player to feel welcome and understood, no matter where in Canada you play from.
        </p>
      </div>

      <!-- Responsible Gaming -->
      <div class="col-lg-6 mb-48">
        <div class="d-flex align-items-start gap-16 mb-3">
          <img src="assets/media/icons/responsible.png" alt="Responsible Gaming" style="width: 40px;">
           <h3><span class="color-sec">Responsible Gaming</span></h3>
        </div>
        <p style="color: #444;">
          We promote safe and enjoyable gaming. Players can set personal deposit limits, activate session time reminders, or request self-exclusion at any time. Our staff is trained to recognize problem behavior and provide guidance.
        </p>
        <p style="color: #444;">
          We also work with national organizations that support responsible play — because casino entertainment should always stay fun and in your control.
        </p>
      </div>
    </div>
  </div>
</section>
<!-- Trust & Transparency Section End -->



    <!-- logo Section Start -->
    <div class="logo-section py-120">
      <div class="logo-slider1">
        <div class="">
          <img src="assets/media/logo/fathom.png" alt="">
        </div>
        <div class="">
          <img src="assets/media/logo/headspace.png" alt="">
        </div>
        <div class="">
          <img src="assets/media/logo/jotform.png" alt="">
        </div>
        <div class="">
          <img src="assets/media/logo/lattice.png" alt="">
        </div>
        <div class="">
          <img src="assets/media/logo/wordmark.png" alt="">
        </div>
        <div class="">
          <img src="assets/media/logo/fathom.png" alt="">
        </div>
        <div class="">
          <img src="assets/media/logo/headspace.png" alt="">
        </div>
        <div class="">
          <img src="assets/media/logo/jotform.png" alt="">
        </div>
        <div class="">
          <img src="assets/media/logo/lattice.png" alt="">
        </div>
        <div class="">
          <img src="assets/media/logo/wordmark.png" alt="">
        </div>
      </div>
    </div>
    <!-- logo Section End -->

    
    
    <!-- FAQ Section Start -->
<section class="faq-sec py-80" style="background-color: #f5f2ec;">
  <div class="container">
    <div class="text-center mb-64">
  <img src="assets/media/logo.png" alt="Billy Barker Logo" style="max-height: 80px; margin-bottom: 16px;">
  <h2 style="font-size: 36px; font-weight: 700; color: #121212;">
    Frequently Asked <span class="color-sec">Questions</span>
  </h2>
      <p style="font-size: 18px; color: #444; max-width: 800px; margin: 0 auto;">
        Here are some of the most common questions from our players — whether you're visiting our venue in Quesnel or enjoying the excitement online.
      </p>
    </div>

    <div class="row row-gap-5">
      <!-- Column 1 -->
      <div class="col-lg-6 mb-48">
        <div class="mb-4">
          <h5 class="fw-600" style="color: #121212;">What games are available at Billy Barker Casino?</h5>
          <p style="color: #444;">
            We offer over 150 slot machines, table games like blackjack and roulette, electronic gaming terminals, poker rooms, and access to hundreds of online slots and live dealers.
          </p>
        </div>

        <div class="mb-4">
          <h5 class="fw-600" style="color: #121212;">Can I access Billy Barker Casino from my phone?</h5>
          <p style="color: #444;">
            Yes, our online casino is fully mobile-optimized, and you can also download the app for both iOS and Android devices.
          </p>
        </div>

        <div class="mb-4">
          <h5 class="fw-600" style="color: #121212;">Is registration required to play online?</h5>
          <p style="color: #444;">
            Yes, to play for real money online, you’ll need to create an account. It only takes a minute and ensures secure access and responsible play.
          </p>
        </div>

        <div class="mb-4">
          <h5 class="fw-600" style="color: #121212;">Do you offer a welcome bonus?</h5>
          <p style="color: #444;">
            Absolutely! New players can claim a 100% bonus up to $750 + 200 Free Spins + 1 Bonus Crab when they make their first deposit online.
          </p>
        </div>

        <div class="mb-4">
          <h5 class="fw-600" style="color: #121212;">Is parking available at the physical casino?</h5>
          <p style="color: #444;">
            Yes, free parking is available for all guests, including accessible spaces and VIP areas.
          </p>
        </div>

        <div>
          <h5 class="fw-600" style="color: #121212;">Are there live dealer games available?</h5>
          <p style="color: #444;">
            Yes — online players can enjoy live blackjack, roulette, baccarat, and game shows streamed in HD with professional dealers.
          </p>
        </div>
      </div>

      <!-- Column 2 -->
      <div class="col-lg-6 mb-48">
        <div class="mb-4">
          <h5 class="fw-600" style="color: #121212;">How do I withdraw my winnings?</h5>
          <p style="color: #444;">
            Simply log in, go to your wallet, select a withdrawal method, and follow the instructions. Most requests are processed within 24–48 hours.
          </p>
        </div>

        <div class="mb-4">
          <h5 class="fw-600" style="color: #121212;">Is my personal data protected?</h5>
          <p style="color: #444;">
            Yes, we use advanced SSL encryption and secure servers to protect all user data. Your privacy is our priority.
          </p>
        </div>

        <div class="mb-4">
          <h5 class="fw-600" style="color: #121212;">Can I set deposit or time limits?</h5>
          <p style="color: #444;">
            Absolutely. You can manage your play through responsible gaming tools, including deposit limits, time reminders, and self-exclusion options.
          </p>
        </div>

        <div class="mb-4">
          <h5 class="fw-600" style="color: #121212;">What currencies are accepted?</h5>
          <p style="color: #444;">
            All transactions are handled in Canadian Dollars (CAD) for both deposits and withdrawals.
          </p>
        </div>

        <div class="mb-4">
          <h5 class="fw-600" style="color: #121212;">Is there a loyalty or VIP program?</h5>
          <p style="color: #444;">
            Yes, both our physical and online casinos offer tiered loyalty programs with perks like faster payouts, free spins, exclusive invites, and more.
          </p>
        </div>

        <div>
          <h5 class="fw-600" style="color: #121212;">What if I forget my password?</h5>
          <p style="color: #444;">
            Use the “Forgot Password” link on the login screen and we’ll email you a reset link. You’ll be back in the game in no time.
          </p>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- FAQ Section End -->

    
  <section class="testemonial-sec py-80">
  <div class="container-fluid">
    <div class="heading text-center mb-48">
      <h5 class="color-sec fw-600 mb-8">WHAT OUR PLAYERS SAY</h5>
      <img class="title-icon" src="assets/media/vector/title-vector.png" alt="">
      <h2 class="light-black">REAL REVIEWS FROM <span class="color-ter">OUR ONLINE CASINO</span> PLAYERS</h2>
    </div>

    <div class="row row-gap-4 justify-content-center">
      <!-- Red -->
      <div class="col-xl-4 col-lg-6">
        <div class="testimonial-block" style="background-color: #a6001a; border-radius: 24px; padding: 24px;">
          <h5 class="fw-500 text-white">
            “The welcome bonus was incredible! I got started with free spins and actually won on day one. Very smooth experience overall.”
          </h5>
          <p class="fw-500 mt-3 text-white">– Olivia M., Vancouver</p>
        </div>
      </div>

      <!-- Navy -->
      <div class="col-xl-4 col-lg-6">
        <div class="testimonial-block" style="background-color: #002849; border-radius: 24px; padding: 24px;">
          <h5 class="fw-500 text-white">
            “Billy Barker Online has become my go-to site for slots. The selection is amazing and payouts are quick. Highly recommend!”
          </h5>
          <p class="fw-500 mt-3 text-white">– Leo T., Calgary</p>
        </div>
      </div>

      <!-- Teal -->
      <div class="col-xl-4 col-lg-6">
        <div class="testimonial-block" style="background-color: #00696f; border-radius: 24px; padding: 24px;">
          <h5 class="fw-500 text-white">
            “I play mostly live blackjack and the dealers here are professional and fun. Feels like a real casino from the comfort of home.”
          </h5>
          <p class="fw-500 mt-3 text-white">– Carla B., Edmonton</p>
        </div>
      </div>

      <!-- Amber -->
      <div class="col-xl-4 col-lg-6">
        <div class="testimonial-block" style="background-color: #f5a300; border-radius: 24px; padding: 24px;">
          <h5 class="fw-500 text-white">
            “I forgot my password and support helped me within minutes. Best service I’ve seen from a gaming platform.”
          </h5>
          <p class="fw-500 mt-3 text-white">– Mark G., Winnipeg</p>
        </div>
      </div>

      <!-- Deep Green -->
      <div class="col-xl-4 col-lg-6">
        <div class="testimonial-block" style="background-color: #004c4c; border-radius: 24px; padding: 24px;">
          <h5 class="fw-500 text-white">
            “The mobile app is perfect for quick spins while commuting. Everything loads fast and bonuses are easy to claim.”
          </h5>
          <p class="fw-500 mt-3 text-white">– Sophie R., Halifax</p>
        </div>
      </div>

      <!-- Plum -->
      <div class="col-xl-4 col-lg-6">
        <div class="testimonial-block" style="background-color: #6f2da8; border-radius: 24px; padding: 24px;">
          <h5 class="fw-500 text-white">
            “As someone who also visited the land-based casino, I love how the online version keeps the same spirit — just digital!”
          </h5>
          <p class="fw-500 mt-3 text-white">– Daniel K., Quesnel</p>
        </div>
      </div>
    </div>
  </div>
</section>

 
    

   

    <section class="growth-sec py-80">
      <div class="container-fluid">
        <div class="d-sm-flex d-block text-sm-left text-center align-items-center justify-content-center gap-24 mb-48">
          <div class="star-1">
            <div class="star-1">
              <svg xmlns="http://www.w3.org/2000/svg" width="221" height="220" viewBox="0 0 221 220" fill="none">
                <g clip-path="url(#clip0_11765_296)">
                  <path
                    d="M220.5 110C220.5 92.2836 190.86 77.176 149.214 71.2864C143.324 29.6401 128.216 0 110.5 0C92.7839 0 77.6765 29.6398 71.7864 71.2864C30.1403 77.176 0.5 92.2841 0.5 110C0.5 127.716 30.1401 142.824 71.7864 148.714C77.676 190.36 92.7836 220 110.5 220C128.216 220 143.324 190.36 149.214 148.714C190.86 142.824 220.5 127.716 220.5 110Z"
                    fill="#FFAB38" />
                </g>
                <defs>
                  <clipPath id="clip0_11765_296">
                    <rect x="0.5" width="220" height="220" rx="110" fill="white" />
                  </clipPath>
                </defs>
              </svg>
            </div>
          </div>
          <div class="">
            <h2 class="fw-600">  READY TO HIT THE JACKPOT?<br>
               EXPERIENCE<img class="goal-vector" src="assets/media/vector/goal.png" alt=""> THE THRILL AT  BILLY BARKER CASINO<br></h2>
               <p style="font-size: 18px; color: #444; max-width: 720px; margin: 16px auto 32px;">
    Sign up, spin the reels, join live games, and unlock exclusive rewards — all from the comfort of your home or on the go. 
    The next big win could be one click away.
  </p>
          </div>
          <div class="star-2 d-sm-block d-none">
            <svg xmlns="http://www.w3.org/2000/svg" width="221" height="218" viewBox="0 0 221 218" fill="none">
              <g clip-path="url(#clip0_11765_299)">
                <path
                  d="M220.5 83.3673L187.676 26.456C169.809 36.6199 153.013 48.5647 137.545 62.1084C141.528 41.927 143.464 21.3943 143.324 0.823242H77.6762C77.5358 21.3943 79.472 41.927 83.4552 62.1084C67.9868 48.5647 51.1911 36.6199 33.3239 26.456L0.5 83.3673C18.2272 93.774 36.9591 102.362 56.4105 109C36.9589 115.638 18.2269 124.225 0.5 134.633L33.3239 191.543C51.1915 181.38 67.9872 169.435 83.4552 155.891C79.4722 176.072 77.536 196.605 77.6762 217.177H143.324C143.464 196.605 141.528 176.072 137.545 155.891C153.013 169.435 169.809 181.38 187.676 191.543L220.5 134.633C202.773 124.225 184.041 115.638 164.59 109C184.041 102.362 202.773 93.7741 220.5 83.3673Z"
                  fill="#85A9E3" />
              </g>
              <defs>
                <clipPath id="clip0_11765_299">
                  <rect x="0.5" y="0.823242" width="220" height="216.354" rx="108.177" fill="white" />
                </clipPath>
              </defs>
            </svg>
          </div>
        </div>
        <div class="text-center">
          <a class="cus-btn" href="https://billy-barker-casino-online.com/go.php?q=billybarker" rel="nofollow noreferrer" target="_blank""><span class="btn-text">Play Now</span></a>
        </div>
      </div>
    </section>

    

   

    <!-- footer Start -->
    <footer class="footer">
      
        <div class="row row-gap-4 align-items-center">
          <div class="col-lg-5 h-100">
            <div class="logo-block">
              <div class="">
               <a href="" class="mb-24">
  <img src="assets/media/logo.png" alt="Billy Barker Casino Logo" style="width: 100px; height: auto; display: block;">
</a>

                <p class="fw-500 light-black">Billy Barker Casino Online is a trusted Canadian gaming destination offering a wide selection of slots, table games, and live dealer experiences. Enjoy a seamless and secure platform, 24/7 customer support, and the thrill of real casino entertainment—anytime, anywhere.</p>
              </div>
              <div class="socail-icons">
                <a href="" class="icon">
                  <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
                    <path
                      d="M10.832 21.4999C10.7625 21.4999 10.693 21.4999 10.623 21.4996C8.97689 21.5036 7.45595 21.4618 5.97682 21.3718C4.62074 21.2893 3.3829 20.8206 2.39693 20.0166C1.44556 19.2409 0.795875 18.1919 0.465988 16.8993C0.178879 15.7739 0.163658 14.6692 0.149078 13.6007C0.138504 12.8341 0.127609 11.9257 0.125366 11.0019C0.127609 10.0742 0.138504 9.16577 0.149078 8.39913C0.163658 7.3308 0.178879 6.22611 0.465988 5.10058C0.795875 3.80795 1.44556 2.759 2.39693 1.98323C3.3829 1.17926 4.62074 0.710627 5.97698 0.628115C7.45611 0.538233 8.97737 0.496256 10.627 0.500262C12.2735 0.496737 13.794 0.538233 15.2731 0.628115C16.6292 0.710627 17.867 1.17926 18.853 1.98323C19.8045 2.759 20.4541 3.80795 20.7839 5.10058C21.071 6.22595 21.0863 7.3308 21.1008 8.39913C21.1114 9.16577 21.1225 10.0742 21.1246 10.998V11.0019C21.1225 11.9257 21.1114 12.8341 21.1008 13.6007C21.0863 14.6691 21.0712 15.7738 20.7839 16.8993C20.4541 18.1919 19.8045 19.2409 18.853 20.0166C17.867 20.8206 16.6292 21.2893 15.2731 21.3718C13.8566 21.458 12.4015 21.4999 10.832 21.4999ZM10.623 20.199C12.2423 20.2028 13.7291 20.1618 15.1735 20.074C16.1988 20.0117 17.4084 19.3391 18.1367 18.7452C18.8099 18.1961 19.2736 17.4386 19.5147 16.4936C19.7538 15.5568 19.7676 14.551 19.7809 13.5783C19.7913 12.8168 19.8022 11.9148 19.8044 10.9999C19.8022 10.0849 19.7913 9.18308 19.7809 8.42156C19.7676 7.44888 19.7538 6.44304 19.5147 5.50609C19.2736 4.56113 18.8099 3.80362 18.1367 3.25456C17.4084 2.66079 16.1988 2.0079 15.1735 1.94558C13.7291 1.85762 12.2423 1.81708 10.6268 1.82061C9.00781 1.81676 7.52083 1.86243 6.07648 1.95039C5.05109 2.01271 3.95372 2.45247 3.22537 3.04624C2.55214 3.5953 1.96379 4.56113 1.72266 5.50609C1.48362 6.44304 1.46984 7.44872 1.45654 8.42156C1.44613 9.18372 1.43523 10.0862 1.43299 11.0019C1.43523 11.9135 1.44613 12.8162 1.45654 13.5783C1.46984 14.551 1.48362 15.5568 1.72266 16.4936C1.96379 17.4386 2.42746 18.1961 3.10069 18.7452C3.82904 19.3389 5.05109 20.0117 6.07648 20.074C7.52083 20.1619 9.00813 20.203 10.623 20.199ZM10.5839 16.1269C7.75699 16.1269 5.45692 13.827 5.45692 10.9999C5.45692 8.17291 7.75699 5.87299 10.5839 5.87299C13.4109 5.87299 15.7108 8.17291 15.7108 10.9999C15.7108 13.827 13.4109 16.1269 10.5839 16.1269ZM10.6268 7.06678C8.32165 7.06678 6.69936 8.68906 6.69936 10.998C6.69936 12.9203 8.15293 14.9489 10.6041 14.9489C12.5266 14.9489 14.5253 13.1276 14.5253 10.998C14.5253 9.07573 13.0587 7.06678 10.6268 7.06678ZM16.285 4.23236C15.6056 4.23236 15.0546 4.78319 15.0546 5.46283C15.0546 6.14247 15.6056 6.6933 16.285 6.6933C16.9647 6.6933 17.5155 6.14247 17.5155 5.46283C17.5155 4.78319 16.9647 4.23236 16.285 4.23236Z"
                      fill="#141516" />
                  </svg>
                </a>
                <a href="" class="icon">
                  <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
                    <path
                      d="M13.3312 9.39207L21.1489 0.5H19.2964L12.5083 8.22086L7.08661 0.5H0.833374L9.03198 12.1753L0.833374 21.5H2.68603L9.85447 13.3465L15.5801 21.5H21.8334L13.3308 9.39207H13.3312ZM10.7938 12.2782L9.96307 11.1156L3.35357 1.86466H6.19914L11.5331 9.33044L12.3638 10.493L19.2973 20.1974H16.4517L10.7938 12.2786V12.2782Z"
                      fill="#141516" />
                  </svg>
                </a>
                <a href="" class="icon">
                  <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
                    <path
                      d="M16.5424 5.13086C16.882 5.13086 17.1576 4.85523 17.1576 4.51562V0.824219C17.1576 0.484609 16.882 0.208984 16.5424 0.208984H12.851C10.4761 0.208984 8.54431 2.14082 8.54431 4.51562V7.5918H6.69861C6.359 7.5918 6.08337 7.86742 6.08337 8.20703V11.8984C6.08337 12.238 6.359 12.5137 6.69861 12.5137H8.54431V20.5938C8.54431 20.9334 8.81994 21.209 9.15955 21.209H12.851C13.1906 21.209 13.4662 20.9334 13.4662 20.5938V12.5137H15.9271C16.2278 12.5137 16.4845 12.2963 16.5342 11.9997L17.1494 8.30834C17.1789 8.12992 17.1289 7.9474 17.012 7.80918C16.8951 7.67137 16.7232 7.5918 16.5424 7.5918H13.4662V5.13086H16.5424ZM12.851 8.82227H15.816L15.4058 11.2832H12.851C12.5113 11.2832 12.2357 11.5588 12.2357 11.8984V19.9785H9.77478V11.8984C9.77478 11.5588 9.49916 11.2832 9.15955 11.2832H7.31384V8.82227H9.15955C9.49916 8.82227 9.77478 8.54664 9.77478 8.20703V4.51562C9.77478 2.81963 11.155 1.43945 12.851 1.43945H15.9271V3.90039H12.851C12.5113 3.90039 12.2357 4.17602 12.2357 4.51562V8.20703C12.2357 8.54664 12.5113 8.82227 12.851 8.82227Z"
                      fill="#141516" />
                  </svg>
                </a>
                <a href="" class="icon">
                  <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
                    <path
                      d="M4.92547 7.08974H0.84354C0.49271 7.08974 0.208374 7.36531 0.208374 7.70497V20.8848C0.208374 21.2246 0.49271 21.5 0.84354 21.5H4.92547C5.2763 21.5 5.56064 21.2246 5.56064 20.8848V7.70497C5.56064 7.36531 5.2763 7.08974 4.92547 7.08974ZM4.29031 20.2695H1.47871V8.32021H4.29031V20.2695Z"
                      fill="#141516" />
                    <path
                      d="M2.88467 0.5C1.4089 0.5 0.208374 1.66286 0.208374 3.092C0.208374 4.52145 1.4089 5.68415 2.88467 5.68415C4.36027 5.68415 5.56064 4.52129 5.56064 3.092C5.56064 1.66286 4.36027 0.5 2.88467 0.5ZM2.88467 4.45368C2.10941 4.45368 1.47871 3.84293 1.47871 3.092C1.47871 2.34122 2.10941 1.73047 2.88467 1.73047C3.65977 1.73047 4.29031 2.34122 4.29031 3.092C4.29031 3.84293 3.65977 4.45368 2.88467 4.45368Z"
                      fill="#141516" />
                    <path
                      d="M15.131 7.00274C14.1655 7.00274 13.2139 7.22816 12.3617 7.64986C12.3328 7.33599 12.0607 7.08974 11.729 7.08974H7.64676C7.2961 7.08974 7.01159 7.36531 7.01159 7.70497V20.8848C7.01159 21.2246 7.2961 21.5 7.64676 21.5H11.729C12.0799 21.5 12.3642 21.2246 12.3642 20.8848V13.6359C12.3642 12.7034 13.1476 11.9448 14.1102 11.9448C15.0729 11.9448 15.8559 12.7034 15.8559 13.6359V20.8848C15.8559 21.2246 16.1404 21.5 16.4911 21.5H20.5732C20.924 21.5 21.2084 21.2246 21.2084 20.8848V12.8894C21.2084 9.64344 18.4821 7.00274 15.131 7.00274ZM19.938 20.2695H17.1264V13.6359C17.1264 12.0249 15.7734 10.7143 14.1104 10.7143C12.4471 10.7143 11.0939 12.0249 11.0939 13.6359V20.2695H8.28209V8.32021H11.0939V8.77474C11.0939 9.01138 11.234 9.22704 11.4543 9.32941C11.6744 9.43179 11.9358 9.40263 12.1265 9.25475C12.9866 8.58649 14.0257 8.23321 15.131 8.23321C17.7816 8.23321 19.938 10.322 19.938 12.8894V20.2695Z"
                      fill="#141516" />
                  </svg>
                </a>
              </div>
            </div>
          </div>
          <div class="col-lg-7">
            <div class="links-wrapper">
              <div class="">
                <a href="#" class="link-hover mb-12">
                  <span class="h4 fw-500 light-black">Casino</span>
                  <span class="arrow-svg">
                    <svg xmlns="http://www.w3.org/2000/svg" width="22" height="23" viewBox="0 0 22 23" fill="none">
                      <path d="M21 19.6441V1.5M21 1.5H2.85589M21 1.5L1 21.5" stroke="#141516" stroke-width="2"
                        stroke-linecap="round" stroke-linejoin="round" />
                    </svg>
                  </span>
                </a>
                <div class="hr-line mb-12"></div>
                <a href="#" class="link-hover mb-12">
                  <span class="h4 fw-500 light-black">Games</span>
                  <span class="arrow-svg">
                    <svg xmlns="http://www.w3.org/2000/svg" width="22" height="23" viewBox="0 0 22 23" fill="none">
                      <path d="M21 19.6441V1.5M21 1.5H2.85589M21 1.5L1 21.5" stroke="#141516" stroke-width="2"
                        stroke-linecap="round" stroke-linejoin="round" />
                    </svg>
                  </span>
                </a>
                <div class="hr-line mb-12"></div>
                <a href="#" class="link-hover mb-12">
                  <span class="h4 fw-500 light-black">Bonuses</span>
                  <span class="arrow-svg">
                    <svg xmlns="http://www.w3.org/2000/svg" width="22" height="23" viewBox="0 0 22 23" fill="none">
                      <path d="M21 19.6441V1.5M21 1.5H2.85589M21 1.5L1 21.5" stroke="#141516" stroke-width="2"
                        stroke-linecap="round" stroke-linejoin="round" />
                    </svg>
                  </span>
                </a>
                <div class="hr-line mb-12"></div>
                <a href="#" class="link-hover mb-12">
                  <span class="h4 fw-500 light-black">Payment Methods</span>
                  <span class="arrow-svg">
                    <svg xmlns="http://www.w3.org/2000/svg" width="22" height="23" viewBox="0 0 22 23" fill="none">
                      <path d="M21 19.6441V1.5M21 1.5H2.85589M21 1.5L1 21.5" stroke="#141516" stroke-width="2"
                        stroke-linecap="round" stroke-linejoin="round" />
                    </svg>
                  </span>
                </a>
                <div class="hr-line mb-12"></div>
                <a href="#" class="link-hover">
                  <span class="h4 fw-500 light-black">Contact Us</span>
                  <span class="arrow-svg">
                    <svg xmlns="http://www.w3.org/2000/svg" width="22" height="23" viewBox="0 0 22 23" fill="none">
                      <path d="M21 19.6441V1.5M21 1.5H2.85589M21 1.5L1 21.5" stroke="#141516" stroke-width="2"
                        stroke-linecap="round" stroke-linejoin="round" />
                    </svg>
                  </span>
                </a>
              </div>
              <<div class="">
  <h5 class="fw-500 light-black mb-20">Contact Details</h5>

  <!-- Email 1 -->
  <div class="d-flex align-items-center gap-12 mb-12">
    <div class="mobile-svg">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
        <path
          d="M24 5.97733V5.59862C24 4.17272 22.8399 3.0127 21.4141 3.0127H2.58593C1.16002 3.0127 0 4.17272 0 5.59862V5.97733V5.98009V18.4018C0 19.8276 1.16002 20.9876 2.58593 20.9876H21.4142C22.84 20.9876 24 19.8276 24 18.4018V5.98009C24 5.9792 24 5.97827 24 5.97733ZM2.58593 4.41896H21.4141C22.0645 4.41896 22.5937 4.94813 22.5937 5.59862V5.59895L13.1767 11.877C12.5498 12.2949 11.4502 12.2948 10.8235 11.877L1.40626 5.5989V5.59857C1.40626 4.94813 1.93544 4.41896 2.58593 4.41896ZM21.4142 19.5814H2.58593C1.93544 19.5814 1.40626 19.0522 1.40626 18.4018V7.28899L10.0435 13.0471C10.5921 13.4128 11.2959 13.5957 12 13.5957C12.704 13.5957 13.4081 13.4128 13.9567 13.0471L22.5938 7.28899V18.4018C22.5937 19.0522 22.0646 19.5814 21.4142 19.5814Z"
          fill="#141516" />
      </svg>
    </div>
    <a href="/cdn-cgi/l/email-protection#d7a4a2a7a7b8a5a397b5bebbbbaefab5b6a5bcb2a5fab4b6a4beb9b8fab8b9bbbeb9b2f9b4b8ba" class="hover-content light-black text-18">
      <span class="__cf_email__" data-cfemail="1f6c6a6f6f706d6b5f7d76737366327d7e6d747a6d327c7e6c7671703270717376717a317c7072">[email&#160;protected]</span>
    </a>
  </div>

  <!-- Email 2 -->
  <div class="d-flex align-items-center gap-12 mb-24">
    <div class="mobile-svg">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
        <path
          d="M24 5.97733V5.59862C24 4.17272 22.8399 3.0127 21.4141 3.0127H2.58593C1.16002 3.0127 0 4.17272 0 5.59862V5.97733V5.98009V18.4018C0 19.8276 1.16002 20.9876 2.58593 20.9876H21.4142C22.84 20.9876 24 19.8276 24 18.4018V5.98009C24 5.9792 24 5.97827 24 5.97733ZM2.58593 4.41896H21.4141C22.0645 4.41896 22.5937 4.94813 22.5937 5.59862V5.59895L13.1767 11.877C12.5498 12.2949 11.4502 12.2948 10.8235 11.877L1.40626 5.5989V5.59857C1.40626 4.94813 1.93544 4.41896 2.58593 4.41896ZM21.4142 19.5814H2.58593C1.93544 19.5814 1.40626 19.0522 1.40626 18.4018V7.28899L10.0435 13.0471C10.5921 13.4128 11.2959 13.5957 12 13.5957C12.704 13.5957 13.4081 13.4128 13.9567 13.0471L22.5938 7.28899V18.4018C22.5937 19.0522 22.0646 19.5814 21.4142 19.5814Z"
          fill="#141516" />
      </svg>
    </div>
    <a href="/cdn-cgi/l/email-protection#4b22252d240b292227273266292a39202e3966282a382225246624252722252e65282426" class="hover-content light-black text-18">
      <span class="__cf_email__" data-cfemail="056c6b636a45676c69697c286764776e6077286664766c6b6a286a6b696c6b602b666a68">[email&#160;protected]</span>
    </a>
  </div>

  <!-- Availability -->
  <h5 class="light-black fw-500 mb-12">Available Timings</h5>
  <p class="light-black text-18">24/7 – We’re always here for you</p>
</div>

          </div>
          <div class="col-12">
            <div class="bottom-bar">
              <p class="fw-500 light-black">© 2025. All rights reserved by Billy Barker Casino</p>
            </div>
          </div>
        </div>
      </div>
    </footer>
    <!-- footer End -->

    <!-- Main Wrapper End -->
  </div>
  <!-- Back To Top Start -->
  <button class="scrollToTopBtn"><i class="fa fa-arrow-up"></i></button>

  <!-- Jquery Js -->
  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="assets/js/vendor/bootstrap.min.js"></script>
  <script src="assets/js/vendor/jquery-3.6.3.min.js"></script>
  <script src="assets/js/vendor/slick.min.js"></script>
  <script src="assets/js/app.js"></script>

</body>

</html>