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

The Summit

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>La Grande Ascension</title>
    <style>
        .dark-card {
            background-color: #1a1f2b;
            border-color: #2d3748;
        }
        .dark-text {
            color: #e2e8f0;
        }
        .dark-text-secondary {
            color: #a0aec0;
        }
        .dark-border {
            border-color: #2d3748;
        }
        .dark-input {
            background-color: #1a1f2b;
            border-color: #2d3748;
            color: #e2e8f0;
        }
        .dark-input:focus {
            border-color: #3b82f6;
        }
        .dark-table {
            background-color: #1a1f2b;
        }
        .dark-table th {
            background-color: #2d3748;
            color: #e2e8f0;
        }
        .dark-table td {
            border-color: #2d3748;
            color: #e2e8f0;
        }
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #1a1f2b;
            min-width: 160px;
            box-shadow: 0 8px 16px rgba(0,0,0,0.2);
            z-index: 1;
        }
        .dropdown:hover .dropdown-content {
            display: block;
        }
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.5);
        }
        .modal-content {
            background-color: #1a1f2b;
            margin: 15% auto;
            padding: 20px;
            border-radius: 8px;
            width: 80%;
            max-width: 500px;
        }
        .tooltip {
            position: relative;
            display: inline-block;
        }
        .tooltip .tooltip-text {
            visibility: hidden;
            background-color: #1a1f2b;
            color: #e2e8f0;
            text-align: center;
            padding: 5px;
            border-radius: 6px;
            position: absolute;
            z-index: 1;
            bottom: 125%;
            left: 50%;
            transform: translateX(-50%);
        }
        .tooltip:hover .tooltip-text {
            visibility: visible;
        }

        @keyframes pulse {
            0%, 100% {
                opacity: 1;
            }
            50% {
                opacity: 0.5;
            }
        }

        @keyframes shimmer {
            0% {
                background-position: -200% 0;
            }
            100% {
                background-position: 200% 0;
            }
        }

        @keyframes slide-up-fade {
            0% {
                opacity: 0;
                transform: translateY(20px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes movingRight {
            0% {
                transform: translateX(0);
                opacity: 1;
            }
            50% {
                opacity: 0.8;
            }
            100% {
                transform: translateX(150px);
                opacity: 0;
            }
        }

        @keyframes disappear {
            0% {
                opacity: 1;
            }
            100% {
                opacity: 0;
            }
        }

        /* Animation Classes */
        .animate-pulse {
            animation: pulse 2s ease-in-out infinite;
        }

        .animate-shimmer {
            background: linear-gradient(90deg, #2d3748 0%, #4a5568 50%, #2d3748 100%);
            background-size: 200% 100%;
            animation: shimmer 2s linear infinite;
        }

        .animate-movingRight-disappear {
            animation: movingRight 3s ease-in-out infinite;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            padding: 15px;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(255, 0, 0, 0.3);
            position: relative;
            overflow: hidden;
        }
        
        .animate-movingRight-disappear::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 100%;
            background: rgba(255, 255, 255, 0.3);
            transform: skewX(-20deg);
            animation: shimmer 3s linear infinite;
        }
        
        /* Transition Classes */
        .transition-all {
            transition: all 0.3s ease;
        }
        
        .transition-opacity {
            transition: opacity 0.3s ease;
        }
        
        .transition-transform {
            transition: transform 0.3s ease;
        }
        
        /* Hover Effects */
        .hover\:scale-110:hover {
            transform: scale(1.1);
        }
        
        .hover\:opacity-50:hover {
            opacity: 0.5;
        }
        
        .hover\:rotate-12:hover {
            transform: rotate(12deg);
        }
        
        .hover\:skew-x-12:hover {
            transform: skewX(12deg);
        }

        /* New styles for better layout */
        .component-section {
            margin-bottom: 2rem;
            padding: 2rem;
            /* background-color: #1a1f2b; */
            /* border-radius: 0.5rem; */
            /* border: 1px solid #2d3748; */
        }

        /* Tab styles - CSS-only implementation */
        .tabs {
            display: flex;
            flex-direction: column;
        }
        .tab-input {
            display: none;
        }
        .tab-labels {
            display: flex;
            gap: 0.5rem;
            margin-bottom: 1rem;
        }
        .tab-label {
            padding: 0.5rem 1rem;
            background-color: #2d3748;
            border-radius: 0.375rem;
            cursor: pointer;
            color: #e2e8f0;
            transition: background-color 0.2s;
        }
        .tab-label:hover {
            background-color: #3b82f6;
        }
        .tab-content {
            display: none;
            padding: 1rem;
        }
        .tab-input:checked + .tab-label {
            background-color: #3b82f6;
        }
        .tab-input:checked ~ .tab-content {
            display: block;
        }
        /* 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%; }
        }
        /* CSS-only accordion implementation */
        .accordion-item input[type="radio"] {
            display: none;
        }
        .accordion-item label {
            display: block;
            cursor: pointer;
            padding: 0.75rem 1rem;
            font-weight: 600;
            color: #e2e8f0;
        }
        .accordion-item .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out, padding 0.3s ease-out, opacity 0.3s ease-out;
            opacity: 0;
            padding: 0 1rem;
        }
        .accordion-item input[type="radio"]:checked ~ .accordion-content {
            max-height: 500px;
            padding: 1rem;
            opacity: 1;
        }
        
        /* CSS-only tabs implementation */
        .css-tabs {
            position: relative;
        }
        .css-tab {
            display: none;
        }
        .css-tab-label {
            display: inline-block;
            padding: 0.75rem 1rem;
            cursor: pointer;
            color: #a0aec0;
            border-bottom: 2px solid transparent;
        }
        .css-tab:checked + .css-tab-label {
            color: #e2e8f0;
            border-bottom: 2px solid #3b82f6;
        }
        .css-tab-content {
            display: none;
            padding: 1rem;
        }
        #tab1:checked ~ .css-tab-content:nth-of-type(1),
        #tab2:checked ~ .css-tab-content:nth-of-type(2),
        #tab3:checked ~ .css-tab-content:nth-of-type(3) {
            display: block;
        }

        /* Enhanced table styles */
        .enhanced-table {
            background-color: #1a1f2b;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
            border: 1px solid #2d3748;
            width: 100%;
            max-width: 600px;
            margin: 0 auto;
            border-collapse: collapse;
        }
        
        .enhanced-table th {
            background: linear-gradient(135deg, #3b82f6, #1d4ed8);
            color: white;
            padding: 16px 20px;
            font-weight: 600;
            font-size: 15px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            position: relative;
        }
        
        .enhanced-table th::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 2px;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
        }
        
        .enhanced-table td {
            padding: 16px 20px;
            border-bottom: 1px solid #2d3748;
            color: #e2e8f0;
            font-size: 12px;
            transition: all 0.3s ease;
            position: relative;
            text-align: center;
        }
        
        .enhanced-table tr:hover td {
            background-color: #2d3748;
            transform: scale(1.02);
        }
        
        .enhanced-table tr:last-child td {
            border-bottom: none;
        }
        .multiplicateur {
            display: inline-block;
            background: linear-gradient(135deg, #f59e0b, #d97706);
            color: white;
            padding: 6px 12px;
            border-radius: 20px;
            font-weight: bold;
            font-size: 15px;
            text-shadow: 0 1px 2px rgba(0,0,0,0.3);
        }
                
        .lastmultiplicateur {
            display: inline-block;
            background: linear-gradient(135deg, #f59e0b, #d97706);
            color: white;
            padding: 6px 12px;
            border-radius: 20px;
            font-weight: bold;
            font-size: 20px;
            text-shadow: 0 1px 2px rgba(0,0,0,0.3);
        }

        .prix {
            display: inline-block;
            background: linear-gradient(135deg, #10b981, #059669);
            color: white;
            padding: 8px 16px;
            border-radius: 25px;
            font-weight: bold;
            font-size: 12px;
            position: relative;
        }
        
        .prix::before {
            content: '€';
            margin-right: 4px;
        }
        /* Multiplier styling */
        .multiplier-badge {
            display: inline-block;
            background: linear-gradient(135deg, #f59e0b, #d97706);
            color: white;
            padding: 6px 12px;
            border-radius: 20px;
            font-weight: bold;
            font-size: 14px;
            text-shadow: 0 1px 2px rgba(0,0,0,0.3);
        }

        /* Prize styling */
        .prize-amount {
            display: inline-block;
            background: linear-gradient(135deg, #10b981, #059669);
            color: white;
            padding: 8px 16px;
            border-radius: 25px;
            font-weight: bold;
            font-size: 16px;
            text-shadow: 0 1px 2px rgba(0,0,0,0.3);
            position: relative;
        }

        .prize-amount::before {
            content: '€';
            margin-right: 4px;
        }

        /* Special styling for highest prize */
        .enhanced-table tr:last-child .multiplier-badge {
            background: linear-gradient(135deg, #dc2626, #991b1b);
            animation: pulse 2s ease-in-out infinite;
        }

        .enhanced-table tr:last-child .prize-amount {
            background: linear-gradient(135deg, #dc2626, #991b1b);
            animation: pulse 2s ease-in-out infinite;
            font-size: 18px;
        }

        /* Responsive design */
        @media (max-width: 640px) {
            .enhanced-table {
                max-width: 100%;
                font-size: 14px;
            }
            
            .enhanced-table th,
            .enhanced-table td {
                padding: 12px 16px;
            }
            
            .multiplier-badge,
            .prize-amount {
                font-size: 13px;
                padding: 4px 10px;
            }
        }
    </style>
</head>
<body class="p-8">

    <div class="mb-4">
        <img src="https://static-dev.casino777.be/img2/promo/2025/thesummit/EN/tournament_desktop_2560x552_EN.jpg">
        <div class="p-2"></div>
      <div class="mb-4">
        <div class="p-2"></div>
<div><p class="text-xl dark-text mb-4">Klaar om tijdens The Summit ongeziene hoogtes te verkennen? Trek alvast je bergschoenen aan, want je vertrekt op tocht naar de hoogste vermenigvuldiger.</p>
  <h6 class="text-xl dark-text mb-4">Klim elke week mee en maak kans op wel € 500 CASH!
</h6>
  </div>
<section class="component-section align-left">
            <h4 class="text-3xl dark-text mb-4">Hoe werkt het?</h4>
            <div class="gap-2 flex-wrap space-y-2">
                <div class="w-full dark-card p-6 rounded-lg shadow-md">
                    <h3 class="text-xl font-semibold mb-1 dark-text"><p align="left">&#128204; Speel een van de deelnemende spellen van Indigo Magic of Atomic Slot Lab</p>
                    </h3>
              </div>
                <div class="w-full dark-card text-white p-6 rounded-lg shadow-md">
                    <h3 class="text-xl font-semibold mb-2"align="left">&#127993; Ga op jacht naar de hoogste vermenigvuldiger</h3>
                </div>
                <div class="w-full dark-card p-6 rounded-lg shadow-md">
                    <h3 class="text-xl font-semibold mb-2 dark-text"align="left">&#128176; Ontvang een cashprijs die hoger wordt als je een hogere vermenigvuldiger bereikt</h3>
                </div>
            </div>
        </section>
        
        <div class="prize-table-container">
        <h2 class="text-2xl font-semibold mb-4 dark-text" style="text-align: center">Prijzen</h2>
            <table class="enhanced-table">
                <thead>
                    <tr>
                        <th>Vermenigvuldiger</th>
                        <th>Prijzen(€)</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><span class="multiplicateur">5x</span></td>
                        <td><span class="prix">1</span></td>                      
                    </tr>
                    <tr>
                        <td><span class="multiplicateur">10x</span></td>
                        <td><span class="prix">2</span></td>                      
                    </tr>
                    <tr>
                        <td><span class="multiplicateur">20x</span></td>
                        <td><span class="prix">5</span></td>                      
                    </tr>
                    <tr>
                        <td><span class="multiplicateur">40x</span></td>
                        <td><span class="prix">7</span></td>                      
                    </tr>
                    <tr>
                        <td><span class="multiplicateur">70x</span></td>
                        <td><span class="prix">10</span></td>                      
                    </tr>
                    <tr>
                        <td><span class="multiplicateur">100x</span></td>
                        <td><span class="prix">25</span></td>                      
                    </tr>
                    <tr>
                        <td><span class="multiplicateur">200x</span></td>
                        <td><span class="prix">150</span></td>                      
                    </tr>
                    <tr>
                        <td><span class="lastmultiplicateur">1000x</span></td>
                        <td><span class="prix">500</span></td>                      
                    </tr>
                </tbody>
            </table>
        </div>
        
        <div class="button-group">
            <a href="https://www.casino777.be/nl/indigo-magic-spellen" class="play-button">Indigo Magic</a>
            <a href="https://www.casino777.be/nl/atomic-slot-lab-spellen" class="play-button">Atomic Slot Lab</a>
        </div>
    </div>
</body>
</html></div>

The Summit | Casino777

The Summit

Klim elke week mee en maak kans op wel € 500 CASH!

Hoe werkt het?

📌 Speel een van de deelnemende spellen van Indigo Magic of Atomic Slot Lab

🏹 Ga op jacht naar de hoogste vermenigvuldiger

💰 Ontvang een cashprijs die hoger wordt als je een hogere vermenigvuldiger bereikt

Prijzen

Vermenigvuldiger	Prijzen(€)
5x	1
10x	2
20x	5
40x	7
70x	10
100x	25
200x	150
1000x	500