<div class='bg-white relative w100 gpadding {{desktop("vt-80-in")}} {{mobile("top-15-in")}}'> {{include('Default/notice.html.twig')}} <div class="{{desktop('flex row middle')}}{{mobile('w100 vt-30-in')}}"> <div class="flex col {{desktop('right-60')}}"> <h2 class="success extrabold lh-1">{{"Abonnez-vous à notre newsletter"|os_trans("Subscribe to our newsletter")}}</h2> <p class="black h6 top-10"> Ne ratez aucune des informations, offres, promotions, etc. de l'EFPJ. </p> </div> <div class="{{desktop('half_40')}}{{mobile('top-20')}}"> <form action='{{path("subscribers")}}' method='post' class='w100 h100'> <div class='w100 {{desktop("")}}'> <div class='flex middle {{desktop("row space wrap")}} w100 {{mobile("col")}}'> {% set divClass = ' '~desktop(" half-20 vt-20")~mobile(" w100 vt-5") %} {% set class = 'w100 text-left noradius noborder bg-white shadow-alt-2 black '~desktop(" h6 vt-15-in hz-30-in")~mobile("h5 vt-15-in hz-10-in") %} <div class="{{divClass}}"> {{ form_widget(form.fname, {attr:{class:class,placeholder:'Votre prénom'|os_trans('Your first name')}}) }} </div> <div class="{{divClass}}"> {{ form_widget(form.lname, {attr:{class:class,placeholder:'Votre nom'|os_trans('Your last name')}}) }} </div> <div class="{{divClass}}"> {{ form_widget(form.email, {attr:{class:class,placeholder:'Votre adresse e-mail*'|os_trans('Your email address')}}) }} </div> <div class="{{divClass}}"> </div> <div class="{{divClass}}"> <div class="g-recaptcha" data-sitekey="{{os_param('recaptcha')['key']}}"></div> </div> <div class="flex row space middle {{divClass}}"> <i class="mhide"></i> <button type='submit' class='p special noborder bg-warning black bold upper iflex row middle center {{desktop(" hz-20-in vt-15-in top-20")}} pointer {{mobile(" hz-20-in vt-10-in top-10")}}'><span>{{"S'inscrire"|os_trans('Subscribe')}}</span></button> </div> </div> </div> {{form_end(form)}} </div> </div></div>