templates/front/partials/newsletter.html.twig line 1

Open in your IDE?
  1. <section class="newsletter bg-violet-dark text-white">
  2.     <div class="fluid-grid">
  3.         <div class="row">
  4.             <div class="col-12 lg-col-5 xl-col-4 lg-col-offset-1">
  5.                 <h2 class="title title--M-bis font-weight-light newsletter__title">
  6.                     Inscrivez-vous <span>à la newsletter</span>
  7.                     <div class="newsletter__picto icon-center" aria-hidden="true">
  8.                         <svg width="79" height="57">
  9.                             <use href="#icon-hp" xlink:href="#icon-hp"></use>
  10.                         </svg>
  11.                     </div>
  12.                 </h2>
  13.                 <div class="paragraph paragraph--tight mt-4 relative z-2">
  14.                     Chaque semaine recevez les dernières actualités de la CGF, du commerce de gros et de nos partenaires.
  15.                 </div>
  16.             </div>
  17.             <div class="col-12 lg-col-6 lg-col-offset-7 mt-4 lg:mt-2">
  18.                 <form js-form-validation="{isCustomSubmit: true}" js-form="{type: 'newsletter', url: 'ajax/newsletter', success: 'Merci pour votre inscription à la newsletter.'}">
  19.                     <div class="flex">
  20.                         <div class="grow -mr-4" js-form-validation-field-wrapper>
  21.                             <label for="email_newsletter" class="sr-only">Email</label>
  22.                             <input js-form-validation-field required class="text-input text-input--L w-full" id="email_newsletter" name="email" type="email" placeholder="Renseignez votre e-mail*" data-validation-type="email">
  23.                         </div>
  25.                         {{ render_esi(controller('App\\Controller\\FrontController::generateCSRF', {
  26.                             'key': 'newsletter_form',
  27.                             'fieldName': null
  28.                         })) }}
  29.                         {#<input js-form-validation-field type="hidden" name="token"
  30.                                value="{{ csrf_token('newsletter_form') }}"/>#}
  32.                         <button class="button button--green button--rect">
  33.                             <span class="hidden md:inline-block">M'inscrire</span>
  34.                             <svg width="14" height="12" class="icon ml-2">
  35.                                 <use href="#icon-send" xlink:href="#icon-send"></use>
  36.                             </svg>
  37.                         </button>
  38.                     </div>
  39.                     <div class="custom-checkbox mt-4" js-form-validation-field-wrapper>
  40.                         <input id="consent" type="checkbox" name="rgpd" required js-form-validation-field data-validation-type="checkbox" />
  41.                         <label for="consent" class="custom-checkbox__label custom-checkbox__label--white">
  42.                             En renseignant votre adresse e-mail, vous acceptez de recevoir nos dernières actualités ainsi que nos derniers articles et vous prenez connaissance de notre Politique de confidentialité<sup>*</sup>
  43.                         </label>
  44.                     </div>
  45.                 </form>
  46.             </div>
  47.         </div>
  48.     </div>
  49. </section>