templates/footer/newsletter.html.twig line 1

Open in your IDE?
  1. <section class="container-fluid">
  2.     <div class="row mt-5 mb-0 newsletter">
  3.         {# <img class="img-100" src="{{ asset('assets/images/newsletter.jpg')}}" alt="Arrière plan newsletter"> #}
  4.         <div class="newsletter-text offset-1 col-10 offset-md-2 col-md-8 offset-xl-4 col-xl-4 text-center my-auto">
  5.             <div class="">
  6.                 <div class="mb-3">
  7.                     <p class="newsletter-titre">Abonnez-vous à la newsletter !</p>
  8.                 </div>
  9.             </div>
  10.             <div class="">
  11.                 <div class="mb-4">
  12.                     <label for="email-newsletter">
  13.                         Restez informés des nouveautés Sogal <br />
  14.                         en vous inscrivant à notre newsletter :
  15.                     </label>
  16.                 </div>
  17.             </div>
  18.             <button type="button" class="button mx-auto" data-toggle="modal" data-target="#modelNewsletter">
  19.                 Je m'abonne !
  20.             </button>
  23.         </div>
  24.     </div>
  25. </section>
  26. <!-- Button trigger modal -->
  28. <!-- Modal -->
  29. <div class="modal fade" id="modelNewsletter" tabindex="-1" role="dialog" aria-labelledby="modelTitleId" aria-hidden="true">
  30.     <div class="modal-dialog" role="document">
  31.         <div class="modal-content">
  32.             <div class="modal-header text-center">
  33.                 <span class="modal-title w-100" style="font-size: 1.2em; font-weight:700;">Abonnez-vous à la newsletter !</span>
  34.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  35.                         <span aria-hidden="true">&times;</span>
  36.                     </button>
  37.             </div>
  38.             <div class="modal-body">
  39.                     <form method="POST" action="https://cmai.activehosted.com/proc.php" id="_form_40_" class="_form _form_40 " novalidate>
  40.                         <input type="hidden" name="u" value="40"/>
  41.                         <input type="hidden" name="f" value="40"/>
  42.                         <input type="hidden" name="s"/>
  43.                         <input type="hidden" name="c" value="0"/>
  44.                         <input type="hidden" name="m" value="0"/>
  45.                         <input type="hidden" name="act" value="sub"/>
  46.                         <input type="hidden" name="v" value="2"/>
  47.                         <div class="d-flex flex-column">
  48.                             <div class="d-flex justify-content-center">
  49.                                 <input type="text" class="form-control" id="email-newsletter" name="email" placeholder="Saisissez votre e-mail" required/>
  50.                             </div>
  51.                             <div class="d-flex justify-content-center flex-column mt-3" >
  52.                                 <div class="d-flex justify-content-center">
  53.                                     <div class="g-recaptcha" data-sitekey="6LcwIw8TAAAAACP1ysM08EhCgzd6q5JAOUR1a0Go"></div>
  54.                                 </div>
  55.                             </div>
  56.                             <div>
  57.                                 <button id="_form_40_submit" class="input-group-prepend button mx-auto mt-3" type="submit">
  58.                                     Envoyer
  59.                                 </button>
  60.                             </div>
  61.                             <div class="_clear-element"></div>
  62.                         </div>
  63.                         <div class="_form-thank-you" style="display:none;"></div>
  64.                     </form>
  65.             </div>
  66.         </div>
  67.     </div>
  68. </div>