<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ThanosBoss Gambling</title>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Rubik:wght@400;500;700&family=Roboto:wght@700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles/styles.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>
    <nav class="navbar">
        <ul>
            <li><a href="index.html"><i class="fas fa-home"></i> Home</a></li>
            <li><a href="rewards.html"><i class="fas fa-gift"></i> Rewards</a></li>
            <li><a href="leaderboard.html"><i class="fas fa-trophy"></i> Leaderboard</a></li>
        </ul>
    </nav>

    <section class="hero">
        <h1 class="hero-title">ThanosBoss Gambling</h1>
        <p class="hero-subtitle">USE CODE <strong class="highlighted-text"> "THANOSBOSS"</strong> FOR DAILY REWARDS AND BONUSES!</p>
        <div class="cta-buttons">
            <a href="leaderboard.html" class="cta-button leaderboard-btn">
                <i class="fas fa-trophy"></i> Leaderboard
            </a>
            <a href="rewards.html" class="cta-button bonuses-btn">
                <i class="fas fa-gift"></i> Bonuses
            </a>
        </div>        
        <img src="assets/images/x304.avif" class="moving-image left" alt="Left Image">
        <img src="assets/images/x340.png" class="moving-image right" alt="Right Image">
        <img src="https://imagedelivery.net/0ZvaEKTSlKUc2DwR965Mvw/dca655fe-49de-4148-f00c-3f50a8df6100/x340" class="moving-image lefttop" alt="Lefttop Image">
        <img src="https://imagedelivery.net/0ZvaEKTSlKUc2DwR965Mvw/e4373510-5eb9-48bc-f9d2-a43244d4c400/x340" class="moving-image righttop" alt="Righttop Image">
    </section>
    

<h1 class="scroll">Scroll For Rewards</h1>

<section class="bonuses">
    <h2 class="section-title">
        <i class="fas fa-gift bonus-icon"></i> Bonuses
    </h2>
    <small class="section-subtext">Claim & enjoy</small>
    <div class="bonus-wrapper">
        <!-- First Bonus (CSGO Empire) -->
        <div class="bonus-container">
            <div class="bonus-image-container">
                <img src="assets/images/csgo_empire.png" alt="Bonus Image" class="bonus-image">
            </div>
            <h3 class="bonus-title">CSGOEmpire</h3>
            <h2 class="bonus-description">CLAIM FREE CASES</h2>
            <p class="bonus-code-description">Must use code <strong>Mrthanosboss</strong> to claim</p>
            <div class="bonus-border"></div>
            <a href="https://csgoempire.com/r/thanosboss" class="get-cases-btn" target="_blank">
                <i class="fas fa-gift"></i> Claim Now
            </a>
        </div>
        
        <!-- Second Bonus (CSGOBIG) -->
        <div class="bonus-container small">
            <div class="bonus-image-container">
                <img src="assets/images/csgobig_img.png" alt="Bonus Image" class="bonus-image">
            </div>
            <h3 class="bonus-title">CSGOBIG</h3>
            <h2 class="bonus-description">CLAIM YOUR BONUSES</h2>
            <p class="bonus-code-description">Use code <strong>ThanosBonus</strong> to claim</p>
            <div class="bonus-border"></div>
            <a href="https://csgobig.com/r/thanosboss" class="get-cases-btn" target="_blank">
                <i class="fas fa-gift"></i> Claim Now
            </a>
        </div>        
</section>


<!-- Socials Section -->
<section class="socials">
    <h2 class="section-title"><i class="fas fa-share-alt"></i> Socials</h2>
    <small class="section-subtext">Go and follow</small><br><br><br>
    <div class="socials-container">
        <div class="social kick">
            <img src="assets/images/kick.png" alt="Kick" class="social-image">
            <p>Follow me on Kick</p>
            <a href="https://kick.com/thanosboss" target="_blank">
                <button class="follow-btn green-btn">Follow</button>
            </a>
        </div>
        <div class="social discord">
            <img src="assets/images/discord.jpg" alt="Discord" class="social-image">
            <p>Follow me on Discord</p>
            <a href="https://discord.gg/JyFv7PXqA5" target="_blank">
                <button class="follow-btn blue-btn">Follow</button>
            </a>
        </div>
        <div class="social youtube">
            <img src="assets/images/youtube.webp" alt="YouTube" class="social-image">
            <p>Follow me on YouTube</p>
            <a href="https://www.youtube.com/@ThanosbossRolls" target="_blank">
                <button class="follow-btn red-btn">Follow</button>
            </a>
        </div>
    </div>
</section>



<!-- Footer Section -->
<footer>
    <div class="footer-content">
        <!-- Left Section -->
        <div class="footer-left">
            <h1><a href="https://www.gambleaware.org" class="highlight-link">BEAWARE GAMBLING</a></h1>
            <p>
                We are not responsible for illegal gambling activities. Play responsibly. Gambling involves financial risks. Ensure compliance with your local laws before engaging in any activities. Seek help if you experience issues related to gambling.
            </p>
        </div>
        
        <!-- Center Section -->
        <div class="footer-center">
            <br><p>&copy; 2025 - 2026 ThanosBossGambling</p><br><br><br>
            <p>Made with ❤ by <a href="https://discord.com/users/1210058302109646928">A386</a></p>
        </div>
        
        <!-- Right Section -->
        <div class="footer-buttons">
            <h3 class="section-header">Site</h3>
            <a href="index.html">Home</a>
            <a href="rewards.html">Rewards</a>
            <a href="leaderboard.html">Leaderboard</a>
        </div>
    </div>
</footer>
</body>
</html>