<!DOCTYPE html>

<html lang="fr-CA">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Fans de Hockey! | Meilleurs Cotes Ici!</title>

    <style>

        :root {

            --hfx-red: #AF1E2D;

            --hfx-blue: #192168;

            --hfx-white: #FFFFFF;

            --hfx-black: #000000;

        }

        body { font-family: 'Arial Black', sans-serif; background-color: #f4f4f4; margin: 0; color: var(--hfx-black); }

        .container { max-width: 800px; margin: 0 auto; padding: 20px; background: white; border: 5px solid var(--hfx-black); }

        

        header { text-align: center; border-bottom: 4px solid var(--hfx-red); padding-bottom: 20px; }

        h1 { color: var(--hfx-red); margin: 0; font-size: 2.5rem; text-transform: uppercase; }

        h2 { color: var(--hfx-blue); }


        .hero { background: var(--hfx-red); color: white; padding: 20px; text-align: center; margin: 20px 0; border: 3px solid var(--hfx-black); }

        .btn { display: block; width: 80%; margin: 20px auto; padding: 20px; background: var(--hfx-blue); color: white; text-align: center; font-size: 1.5rem; text-decoration: none; border: 3px solid white; cursor: pointer; }

        

        .table-wrapper { overflow-x: auto; margin: 20px 0; }

        table { width: 100%; border-collapse: collapse; border: 3px solid var(--hfx-black); }

        th, td { border: 1px solid #ccc; padding: 12px; text-align: center; }

        th { background: #eee; text-transform: uppercase; }

        

        .footer-cta { background: var(--hfx-black); color: white; padding: 30px; text-align: center; }

        .footer-disclaimer { font-size: 0.7rem; color: #666; margin-top: 20px; }

    </style>

</head>

<body>


<div class="container">

    <header>

        <h1>FANS DE HOCKEY!</h1>

        <p>HOCKEY FANS! GET BETTER ODDS!</p>

    </header>


    <div class="hero">

        <h2>MISE GRATUITE JUSQU'À 250 $ !</h2>

        <p>FREE BET UP TO $250! BONUS POUR NOUVEAUX UTILISATEURS / FOR NEW USERS</p>

        <a href="YOUR_SIGNUP_LINK_HERE" class="btn">CRÉER UN COMPTE / CREATE ACCOUNT</a>

    </div>


    <h3>COMPARAISON DES COTES / ODDS COMPARISON</h3>

    <div class="table-wrapper">

        <table>

            <thead>

                <tr>

                    <th>Marché / Market</th>

                    <th>Mise-o-jeu</th>

                    <th>BetOnline</th>

                </tr>

            </thead>

            <tbody>

                <tr><td>Gagnant / Winner</td><td>1.80</td><td><strong>1.85</strong></td></tr>

                <tr><td>Total de buts / Over 6.0</td><td>1.75</td><td><strong>1.98</strong></td></tr>

            </tbody>

        </table>

    </div>


    <div class="footer-cta">

        <h2>ÉPARGNEZ PLUS SUR CHAQUE PARI!</h2>

        <p>SAVE MORE ON EVERY BET!</p>

        <a href="YOUR_SIGNUP_LINK_HERE" class="btn" style="background: var(--hfx-red);">CRÉER UN COMPTE ET DÉPOSER / SIGN UP & DEPOSIT</a>

    </div>


    <div class="footer-disclaimer">

        *Termes et conditions applicables. / Terms and conditions apply.

    </div>

</div>


</body>

</html>