Name: Casino777.be
Brand: Casino777.be
Rating: 3.3 (2460 reviews)

Battle of the slots

Responsible Gaming

Blackjack

Blog

Campaigns

Claim

Contact us

Dice

Faq Page

Favourites

Featured

Gifts

Home

Crash Games

Dice - Gridders

Jackpots

Table Games

Providers

Slots

Table games

Live Casino

Play & Earn

Premium Club Shop

Premium Club FAQ and Terms and Conditions

Promotions

Recent

Online Roulette

Virtual Sports

Voucher Shop

What is Premium Club

Premium Club Level

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Battle of the Slots - Casino777</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        .header-image {
            width: 100%;
            height: auto;
            display: block;
            max-height: 400px;
            object-fit: cover;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        .content-section {
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(10px);
            border-radius: 20px;
            padding: 40px;
            margin: 30px 0;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        h1 {
            font-size: 2.5em;
            margin-bottom: 20px;
            text-align: center;
            background: linear-gradient(45deg, #ffd700, #ffed4e);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .intro-text {
            font-size: 1.2em;
            margin-bottom: 15px;
            text-align: center;
        }

        .date-banner {
            background: linear-gradient(90deg, #ff4757, #ff6348);
            padding: 15px;
            border-radius: 10px;
            text-align: center;
            font-size: 1.3em;
            font-weight: bold;
            margin: 20px 0;
            box-shadow: 0 4px 15px rgba(255, 71, 87, 0.4);
        }

        .teams-section {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
            margin: 30px 0;
        }

        .team-card {
            padding: 25px;
            border-radius: 15px;
            text-align: center;
            transition: transform 0.3s ease;
            border: 2px solid;
        }

        .team-card:hover {
            transform: translateY(-5px);
        }

        .team-rouge {
            background: linear-gradient(135deg, rgba(255, 0, 0, 0.2), rgba(200, 0, 0, 0.2));
            border-color: #ff0000;
        }

        .team-bleue {
            background: linear-gradient(135deg, rgba(0, 123, 255, 0.2), rgba(0, 86, 179, 0.2));
            border-color: #007bff;
        }

        .team-verte {
            --gradient: #00ff00, #00cc00;
            background-color: #1a2d1a;
        }

        .team-name {
            font-size: 1.5em;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .prize-section {
            background: linear-gradient(135deg, #ffd700, #ffed4e);
            color: #1a1a2e;
            padding: 30px;
            border-radius: 15px;
            text-align: center;
            margin: 30px 0;
            box-shadow: 0 8px 32px rgba(255, 215, 0, 0.3);
        }

        .prize-amount {
            font-size: 3em;
            font-weight: bold;
            margin: 10px 0;
        }

        .progress-section {
            margin: 40px 0;
        }

        .progress-title {
            font-size: 1.5em;
            margin-bottom: 20px;
            text-align: center;
        }

        .progress-container {
            background: rgba(255, 255, 255, 0.1);
            border-radius: 50px;
            height: 40px;
            overflow: hidden;
            position: relative;
            border: 2px solid rgba(255, 255, 255, 0.2);
        }

        .progress-bar {
            height: 100%;
            background: linear-gradient(90deg, #ffd700, #ffed4e, #ffd700);
            background-size: 200% 100%;
            animation: shimmer 2s infinite;
            border-radius: 50px;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            padding-right: 15px;
            font-weight: bold;
            color: #1a1a2e;
            transition: width 0.5s ease;
        }

        @keyframes shimmer {
            0% { background-position: 200% 0; }
            100% { background-position: -200% 0; }
        }
   /* Button */
.button-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
        .play-button {
    display: block;
    margin: 50px auto;
    padding: 16px 40px;
    font-size: 18px;
    font-weight: bold;
    color: white;
    background: linear-gradient(45deg, #4285f4, #1976d2, #0d47a1);
    border: none;
    border-radius: 25px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

        .play-button::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(
                90deg,
                transparent,
                rgba(255, 255, 255, 0.4),
                transparent
            );
            animation: shimmer 2s infinite;
        }

        .play-button:hover {
            transform: translateY(-2px);
            background: linear-gradient(45deg, #5294ff, #2196f3, #1565c0);
        }

        .play-button:active {
            transform: translateY(0);
        }

        @keyframes shimmer {
            0% { left: -100%; }
            100% { left: 100%; }
        }

        .progress-controls {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin-top: 20px;
        }

        .btn {
            background: linear-gradient(45deg, #667eea, #764ba2);
            border: none;
            padding: 12px 30px;
            border-radius: 25px;
            color: white;
            font-size: 1em;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
        }

        .btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);
        }

        @media (max-width: 768px) {
            .content-section {
                padding: 20px;
            }

            h1 {
                font-size: 1.8em;
            }

            .intro-text {
                font-size: 1em;
            }

            .prize-amount {
                font-size: 2em;
            }

            .teams-section {
                grid-template-columns: 1fr;
            }

            .progress-controls {
                flex-direction: column;
            }

            .btn {
                width: 100%;
            }
        }
    </style>
</head>
<body>
    <img src="https://static-dev.casino777.be/img2/promo/2025/battleoftheslot/tournament desktop_2560x552.jpg">

    <div class="container">
        <div class="content-section">
            <h1>Battle of the Slots</h1>
            
            <p class="intro-text">
                Are you a slots wizard and want to prove it to everybody at Casino777? Then this is the perfect opportunity!
            </p>

            <div class="date-banner">
                From 21 to 27 novembre , we’re bringing out the big guns with Battle of the Slots.</div>

            <p class="intro-text">
                The best part? You’re not fighting alone! Three teams are heading into battle, each linked to a provider: Playson, Play’n GO, and Games Global.

            </p>
            
            <div class="teams-section">
                <div class="team-card team-rouge">
<a href="https://www.casino777.be/en/red-team">
                    <div class="team-name">&#128308; Team Rood</div>
                    <p>Playson Games (click hier)</p></a>
                </div>
                <div class="team-card team-bleue">
<a href="https://www.casino777.be/en/blue-team">
                    <div class="team-name">&#128309; Team Blauw </div>
                    <p>Games Global  Games (click hier)</p></a>
                </div>
                <div class="team-card team-verte">
<a href="https://www.casino777.be/en/green-team">
                    <div class="team-name">&#128994; Team Groen</div>
                    <p>Play n' GO Games (click hier)</p></a>
                </div>
            </div>

            <p class="intro-text">
               Join Team Red, Team Blue, or Team Yellow, dive into the slots of the corresponding provider, and fight with heart and soul for your team all week long. The results will be calculated next week, and the best-performing team will share a prize pool of up to €10,000 CASH!
            </p>

            <div class="prize-section">
                <div>Pirze pool</div>
                <div class="prize-amount">€10.000</div>
                <div>CASH !</div>
            </div>

 <div style="margin-top: 40px;">
                <h3 style="text-align: center; margin-bottom: 15px; font-size: 1.5em;">&#127942; Live ranking</h3>
                <div style="display: flex; height: 40px; border-radius: 25px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.3);">
                    <div id="barRouge" style="width: 40%; background: linear-gradient(45deg, #ff0000, #cc0000); transition: width 0.5s ease; display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 0.9em;">Red</div>
                    <div id="barBleue" style="width: 30%; background: linear-gradient(45deg, #007bff, #0056b3); transition: width 0.5s ease; display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 0.9em;">Blue</div>
                    <div id="barVerte" style="width: 30%; background: linear-gradient(45deg, #00ff00, #00cc00); transition: width 0.5s ease; display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 0.9em;">Green</div>
                </div>
<br>
                <a href="https://www.casino777.be/campaigns" class="play-button" style="text-align: center">I choose a team</a>
            </div>
        </div>
            </div>
        </div>
    </div>
</body>
</html>

Battle of the slots | Casino777

Battle of the slots

Battle of the Slots

🏆 Live ranking

Games per team

Playson

Play n go

Games Global

Important Information