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

Battle of the slots

Speel verantwoord

Blackjack

Blog

Campagnes

Claim

Contact

Dice

Faq Page

Favorieten

Aanraders

Geschenken

Home

Crash Games

Dice - Gridders

Jackpots

Table Games

Providers

Slotmachines

Tafelspellen

Live Casino

Speel en verdien

Premium Club Shop

Premium Club FAQ en Algemene Voorwaarden

Promoties

Recent

Online Roulette

Virtuele Sporten

Voucher Shop

Wat 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">
                Ben jij een krak in slots en wil je dat iedereen op Casino777 bewijzen? Dan is dit de perfecte kans!
            </p>

            <div class="date-banner">
                Van 21 tot 27 novembre gooien we letterlijk alles in de strijd met Battle of the Slots.</div>

            <p class="intro-text">
                Het leuke? Je strijdt niet alleen! Er trekken drie teams naar het front, ieder gelinkt met een provider: Playson, Play N’Go en Games Global.

            </p>

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

            <p class="intro-text">
               Sluit je aan bij team Rood, team Blauw of team Groen, stort je in de slots van de bijhorende provider en strijd de hele week lang met hart en ziel voor jouw team. De resultaten worden volgende week bekendgemaakt. Het best presterende team verdeelt een prijzenpot van wel € 10.000 CASH!
            </p>

            <div class="prize-section">
                <div>Prijzenpot </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-ranglijst</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;">Rood </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;">Blauw </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;">Groen </div>
                </div>
<br>
                <a href="https://www.casino777.be/nl/campagnes" class="play-button" style="text-align: center">Ik kies mijn team</a>
            </div>
        </div>
            </div>
        </div>
    </div>

</body>
</html>

Battle of the slots | Casino777

Battle of the slots

Battle of the Slots

🏆 Live-ranglijst

Spellen per team

Playson

Play n go

Games Global

Belangrijke informatie