templates/Lenord/Main/infolettre.html.twig line 1

Open in your IDE?
  1. {% extends 'Lenord/base.html.twig' %}
  2. {% block header_epingles %}
  3.   {{ include('Lenord/Main/parts/epingles.html.twig') }}
  4. {% endblock %}
  5. {% block header_breadcrumb %}
  6.   {% include 'Nordinfo/Main/parts/breadcrumb.html.twig' with {'variation':'le-nord'} %}
  7. {% endblock %}
  8. {% block header_breadcrumb_pdf %}
  9.   {% include 'Nordinfo/Main/parts/breadcrumb.html.twig' with {'variation':'le-nord'} %}
  10. {% endblock %}
  11. {% block body %}
  12.   <main role="main" class="mainContent pt-0 pb-5 bgColorHighlightBlue" tabindex="-1" id="mainContent">
  13.     {% include 'Nordinfo/Main/parts/back_btn.html.twig' with {'back_btn_class':'--leNord --barHeading --blueDark'} %}
  14.     <div class="container pt-5 pb-5">
  15.       <article class="pb-6">
  16.         <h1 class="text-center">Infolettre</h1>
  17.         <div style="text-align:center;">
  18.           <img src="/img/logos/logo-departement.png" width="300px" height="121.5px" alt="">
  19.         </div>
  20.         <div class="pt-5">
  21.           <p>
  22.             <strong>Recevez toutes les deux semaines une sélection d’actualités, de services et d’idées sorties qui font
  23.               le Nord.</strong>
  24.           </p>
  25.           <p>
  26.             Pour vous abonner à l’infolettre du Département, merci de remplir ce formulaire. Votre courriel est
  27.             nécessaire pour la gestion de votre abonnement à cette infolettre et sera conservé jusqu'à désabonnement.
  28.             Les destinataires des données sont exclusivement les services du Département du Nord.
  29.           </p>
  30.           <p>
  31.             <a href="https://lenord.fr/donnees-personnelles#infolettre">Plus
  32.               d'information sur la protection de vos données personnelles</a>
  33.           </p>
  34.           <p>
  35.             Vous pourrez vous désabonner à tout moment en cliquant sur le lien de désinscription à la fin des courriels
  36.             reçus.
  37.           </p>
  38.           <p class="text-center pb-5 pt-5">Les champs suivis d'un astérisque (<span class="colorRed">*</span>)
  39.             sont obligatoires</p>
  40.           <form id="sb_form" onsubmit="process2(
  41.                       'https://services.sarbacane.com/core/v1/forms/contacts/upsert?listID=-g2yvIUSR922trAcpGyU4w&amp;formID=um8Emb-2R425t5Y8RZ45VQ&amp;timezone=Europe/Paris', 'https://forms.sbc30.net/', '61782104b95cee62596eb989', 'true', 'message',
  42.                       '', 'https://services.sarbacane.com/core/v1/transactional/sendmessage/optin', 'Merci', 'Votre demande d%27inscription a bien été prise en compte',
  43.                       'Vous allez recevoir un courriel de confirmation', 'Vous devrez cliquer sur le lien de confirmation pour valider votre inscription', 'Erreur',
  44.                       'Une erreur inattendue s%27est produite.', 'Le formulaire est en cours d%27édition, veuillez patienter quelques minutes avant d%27essayer à nouveau.', 'um8Emb-2R425t5Y8RZ45VQ',
  45.                       'FR', 'Sarbacane'
  46.                     );
  47.                     return false;" method="post" class="formCustom">
  48.             <div class="form-group">
  49.               <div class="__input-wrapper _select">
  50.                 <div class="__inner">
  51.                   <label id="label-EMAIL_ID" for="input-email">
  52.                     <span class="label-text">Courriel (<span class="font-italic">adresse@domaine.com</span>)</span>
  53.                     <span class="colorRed" id="form-mandatory">*</span>
  54.                   </label>
  55.                   <input class="form-control" id="input-email" type="email" autocomplete="email" name="email"
  56.                          required="true" sb-form-input="">
  57.                 </div>
  58.               </div>
  59.             </div>
  60.             <div class="form-group">
  61.               <div class="__input-wrapper _select">
  62.                 <div class="__inner">
  63.                   <label id="label-katr5r7gyoufxryllymkq" for="input-katr5r7gyoufxryllymkq">
  64.                     <span class="label-text" id="form-mandatory">Année de naissance</span>
  65.                     <span class="colorRed" id="form-mandatory">*</span>
  66.                   </label>
  67.                   <input class="form-control" id="input-katr5r7gyoufxryllymkq" type="number" min="1900" max="2019"
  68.                          autocomplete="bday-year" name="katr5r7gyoufxryllymkq" required="true" sb-form-input="">
  69.                 </div>
  70.               </div>
  71.             </div>
  72.             <div class="form-group">
  73.               <div class="__input-wrapper _select">
  74.                 <div class="__inner">
  75.                   <label id="label-2nkysb7a0i56zv9cxv435c" for="input-2nkysb7a0i56zv9cxv435c">
  76.                     <span class="label-text" id="form-mandatory">Code postal</span>
  77.                     <span class="colorRed" id="form-mandatory">*</span>
  78.                   </label>
  79.                   <input class="form-control" id="input-2nkysb7a0i56zv9cxv435c" type="number" max="99999"
  80.                          autocomplete="postal-code" name="2nkysb7a0i56zv9cxv435c" required="true" sb-form-input="">
  81.                 </div>
  82.               </div>
  83.             </div>
  84.             <div class="form-group">
  85.                             <div class="form-check">
  86.                                 <input class="form-check-input" id="invalidCheck" required type="checkbox" value="" name="checkbox">
  87.                                 <label class="form-check-label" for="invalidCheck">
  88.                                     <span class="d-none label-text">En cochant cette case, j'accepte les mentions légales</span>
  89.                                     En cochant cette case, j'accepte les
  90.                                     <a href="https://lenord.fr/mentions-legales#infolettre">mentions légales</a>&nbsp; de ce site<span class="colorRed d-validation-none">*</span>
  91.                                 </label>
  92.                             </div>
  93.                         </div>
  94.             <div class="__buttons-wrapper" id="div-submitInput">
  95.               <button class="btn btnFormSubmit" id="submitInput" type="submit" value="Valider">
  96.                 <span>VALIDER</span>
  97.               </button>
  98.               <div class="loader" style="display:none"></div>
  99.             </div>
  100.           </form>
  101.           <script type="text/javascript" src="https://forms.sbc30.net/form.js"></script>
  102.         </div>
  103.       </article>
  104.     </div>
  105.   </main>
  106. {% endblock %}
  107. {% block footer_top %}
  108.   {{ include('Lenord/Main/js/submenu.js.html.twig') }}
  109. {% endblock %}