<html><head></head><body><div data-t-name="FreeHtmlEmbed"><style>
    .image-container {
        text-align: center;
margin-left: -10px;
margin-right: -10px;
margin-top: 0;
margin-bottom: 40px;
    }

    .image-container img {
        width: 100%;
        height: auto;
    }

    /* Regeln für Bildschirme mit einer Breite von bis zu 600px (typischerweise Mobilgeräte) */
    @media (max-width: 600px) {
        .image-container img {
            width: 100%; /* Das Bild nimmt die volle Breite des Bildschirms ein */
        }
.image-container {
margin-left: -10px;
margin-right: -10px;
margin-top: 20px;
margin-bottom: 40px;
    }
    }
</style>

<div class="image-container">
    <img src="https://production-livingdocs-bluewin-ch.imgix.net/2024/12/12/fcf18b2c-abe1-473a-9887-daee78a70d49.jpeg" alt="Promotionsbanner mit FC Basel Spielern und dem 4 Monate geschenkt Störer">
</div></div><div class="m-fluid-container">
  <div class="m-fluid-container__content"><div class="m-headline m-headline__h4 m-headline--reduced-space">
  <div class="row">
    <div class="col-12 col-md-12 col-lg-12 col-xl-12 offset-md-1 col-md-10 offset-lg-2 col-lg-8 offset-xl-3 col-xl-6">
      <h3 class="m-headline__title"><span class="swisscom-blue-font">blue Sport</span></h3></div>
  </div>
</div><div class="m-headline">
  <div class="row">
    <div class="col-12 col-md-12 col-lg-12 col-xl-12 offset-md-1 col-md-10 offset-lg-2 col-lg-8 offset-xl-3 col-xl-6">
      <h3 class="m-headline__title">Offre spéciale et unique pour toi</h3></div>
  </div>
</div><div class="m-text">
  <div class="row">
    <div class="col-12 col-md-10 col-lg-8 col-xl-7 offset-md-1 offset-lg-2 offset-xl-3 col-xl-6">
      <p class="m-text__main-text">Reviens à l'abonnement et profite de l'offre unique de seulement CHF 19.90 par mois pendant 12 mois*.</p>
      
    </div>
  </div>
</div><div class="m-text">
  <div class="row">
    <div class="col-12 col-md-10 col-lg-8 col-xl-7 offset-md-1 offset-lg-2 offset-xl-3 col-xl-6">
      <p class="m-text__main-text">Pour cela, il te suffit de remplir le formulaire, confirmer nos CGV et de cliquer sur « Envoyer ». Ton abonnement annuel blue Sport avec l'offre sera alors activé et confirmé par e-mail.</p>
      
    </div>
  </div>
</div><div class="m-fluid-container m-fluid-container--light-grey">
  <div class="m-fluid-container__content"><div data-t-name="FreeHtmlEmbed"><br>
<div>
    <title>Form Validation Example</title>
    <style>
        /* Add CSS for mobile view */
        @media screen and (max-width: 600px) {
            .container {
                max-width: 100%;
                padding: 10px;
            }
        }
        

        /* Add CSS for desktop view */
        @media screen and (min-width: 601px) {
            .container {
                max-width: 750px;
                margin: 0 auto;
                padding: 10px;
            }
        }

        .input-field {
            box-sizing: border-box;
            font-family: 'TheSans', sans-serif;
            font-size: 16px;
            height: 48px;
            padding-left: 14px;
            border: 1px solid black;
            width: 100%;
            border-radius: 4px;
        }

        .input-field-select {
            box-sizing: border-box;
            font-family: 'TheSans', sans-serif;
            font-size: 16px;
            height: 48px;
            padding-left: 14px;
            margin-bottom: 14px;
            border: 1px solid black;
            width: 40%;
            border-radius: 4px;
        }

        .input-field-plus-description {
            box-sizing: border-box;
            font-family: 'TheSans', sans-serif;
            font-size: 16px;
            height: 48px;
            padding-left: 14px;
            margin-bottom: 1px;
            border: 1px solid black;
            width: 100%;
            border-radius: 4px;
        }

        .input-field-hidden {
            display: none;
        }

        .hint-text {
            font-size: 14px;
            color: black;
            margin-bottom: 40px;

        }

        .legal-link {
            font-size: 16px;
            color: blue;
            margin-bottom: 20px;

        }

        .checkbox-label {
            font-size: 16px;
            margin-bottom: 20px;

        }

        .g-recaptcha {
            margin-top: 10px;
        }

        .send-button {
            background-color: #1781e3;
color:#fff;
font-size: 16px;
text-align: center;
min-width: auto;
padding: 10px 15px 10px 15px;
border-radius: 3px;
border: 2px #1781e3 solid;
white-space: nowrap;
overflow: hidden;
        }

        input, label {
    display:block;
}

        /* Add more CSS styles as needed */
    </style>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
    <script src="https://www.google.com/recaptcha/api.js"></script>
    <script>
     function timestamp() { var response = document.getElementById("g-recaptcha-response"); if (response == null || response.value.trim() == "") {var elems = JSON.parse(document.getElementsByName("captcha_settings")[0].value);elems["ts"] = JSON.stringify(new Date().getTime());document.getElementsByName("captcha_settings")[0].value = JSON.stringify(elems); } } setInterval(timestamp, 500); 
    </script>
    <div class="container">
    <form action="https://webto.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8&amp;orgId=00D1r000000fZMA" method="POST">
    
    <input type="hidden" name="captcha_settings" value="{&quot;keyname&quot;:&quot;CinemaRecapcha&quot;,&quot;fallback&quot;:&quot;true&quot;,&quot;orgId&quot;:&quot;00D1r000000fZMA&quot;,&quot;ts&quot;:&quot;&quot;}">
    <input type="hidden" name="oid" value="00D1r000000fZMA">
    <input type="hidden" name="retURL" value="https://www.blueplus.ch/fr/offres/offre-speciale-sport-merci">
    <input type="hidden" name="Campaign_ID" value="701c4000005ATXRAA4">
    <input type="hidden" name="member_status" value="sent">
    
    
    <label for="salutation">Titre de civilité</label><select required="" class="input-field-select" id="salutation" name="salutation">
        <option value="">– Rien –</option>
    <option value="Herr">Monsieur</option>
    <option value="Frau">Madame</option>
<option value="Keine">Non spécifié</option>
    </select><br>

    <label for="first_name">Prénom</label><input required="" class="input-field" id="first_name" maxlength="40" name="first_name" size="20" type="text"><br>
    
    <label for="last_name">Nom de famille</label><input required="" class="input-field" id="last_name" maxlength="80" name="last_name" size="20" type="text"><br>

<label for="email">E-Mail</label><input required="" class="input-field" id="email" maxlength="80" name="email" size="20" type="text"><br>
    
    <label for="zip">Code postal</label><input required="" class="input-field" id="zip" maxlength="20" name="zip" size="20" type="text"><br>
    
    <label for="city">Ville</label><input required="" class="input-field" id="city" maxlength="40" name="city" size="20" type="text"><br>
    
    <input type="hidden" id="lead_source" name="lead_source" value="bluePlus">

    <input type="hidden" id="00N1r00000KAXMf" name="00N1r00000KAXMf" value="FR">
    
    <div class="g-recaptcha" data-sitekey="6Lf4sconAAAAAGcCKwm1x7BRucKkrqYTe7E0r-uN" data-callback="callback"></div><br>
                 <p><i>Avant d'envoyer le formulaire, coche la case et accepte ainsi également les <a href="https://www.blueplus.ch/fr/conditions-generale-de-vente-des-prestations" style="color: #0095fd">conditions de participation</a></i></p><br>

    <input id="submit-button" required="" class="send-button" type="submit" name="submit" disabled="">
    
    </form>
    <script type="text/javascript">
      function callback() {
        const submitButton = document.getElementById("submit-button");
        submitButton.removeAttribute("disabled");
      }
</script>
    </div>
</div>
<br>
<br></div></div>
</div><div class="m-fluid-container">
  <div class="m-fluid-container__content"><div class="m-text m-text--fine-print">
  <div class="row">
    <div class="col-12">
      <p class="m-text__main-text">*Offre valable pour l'abonnement annuel blue Sport. L'offre est unique et n'est valable que pour le client contacté en cas de commande via ce site. L'abonnement coûte 19.90/mois pendant 12 mois à partir de la date d'activation. Ensuite, le prix habituel (34.90/mois) est facturé. L'abonnement peut être résilié à la fin de la durée minimale du contrat (12 mois), moyennant un préavis d'un mois. Ensuite, le délau de résiliation est de 1 mois.</p>
    </div>
  </div>
</div></div>
</div></div>
</div></body></html>