templates/front/includes/_newsletterorange.html.twig line 1

  1. <!-- Newsletter START -->
  2.     <section class="pt-5 pt-lg-0">
  3.         <div class="container position-relative overflow-hidden">
  4.             <!-- SVG decoration -->
  5.             <figure class="position-absolute top-50 start-50 translate-middle ms-3">
  6.                 <svg>
  7.                     <path class="fill-white opacity-3" d="m496 22.999c0 10.493-8.506 18.999-18.999 18.999s-19-8.506-19-18.999 8.507-18.999 19-18.999 18.999 8.506 18.999 18.999z"/>
  8.                     <path class="fill-white opacity-3" d="m775 102.5c0 5.799-4.701 10.5-10.5 10.5-5.798 0-10.499-4.701-10.499-10.5 0-5.798 4.701-10.499 10.499-10.499 5.799 0 10.5 4.701 10.5 10.499z"/>
  9.                     <path class="fill-white opacity-3" d="m192 102c0 6.626-5.373 11.999-12 11.999s-11.999-5.373-11.999-11.999c0-6.628 5.372-12 11.999-12s12 5.372 12 12z"/>
  10.                     <path class="fill-white opacity-3" d="m20.499 10.25c0 5.66-4.589 10.249-10.25 10.249-5.66 0-10.249-4.589-10.249-10.249-0-5.661 4.589-10.25 10.249-10.25 5.661-0 10.25 4.589 10.25 10.25z"/>
  11.                 </svg>
  12.             </figure>
  13.             <!-- Svg decoration -->
  14.             <figure class="position-absolute bottom-0 end-0 mb-5 d-none d-sm-block">
  15.                 <svg class="rotate-130" width="258.7px" height="86.9px" viewBox="0 0 258.7 86.9">
  16.                     <path stroke="white" fill="none" stroke-width="2" d="M0,7.2c16,0,16,25.5,31.9,25.5c16,0,16-25.5,31.9-25.5c16,0,16,25.5,31.9,25.5c16,0,16-25.5,31.9-25.5 c16,0,16,25.5,31.9,25.5c16,0,16-25.5,31.9-25.5c16,0,16,25.5,31.9,25.5s16-25.5,31.9-25.5"/>
  17.                     <path stroke="white" fill="none" stroke-width="2" d="M0,57c16,0,16,25.5,31.9,25.5c16,0,16-25.5,31.9-25.5c16,0,16,25.5,31.9,25.5c16,0,16-25.5,31.9-25.5 c16,0,16,25.5,31.9,25.5c16,0,16-25.5,31.9-25.5c16,0,16,25.5,31.9,25.5s16-25.5,31.9-25.5"/>
  18.                 </svg>
  19.             </figure>
  20.             
  21.             <div class="bg-grad p-3 p-sm-5 rounded-3">
  22.                 <div class="row justify-content-center position-relative">
  23.                     <!-- SVG decoration -->
  24.                     <figure class="fill-white opacity-1 position-absolute top-50 start-0 translate-middle-y">
  25.                         <svg width="141px" height="141px">
  26.                             <path d="M140.520,70.258 C140.520,109.064 109.062,140.519 70.258,140.519 C31.454,140.519 -0.004,109.064 -0.004,70.258 C-0.004,31.455 31.454,-0.003 70.258,-0.003 C109.062,-0.003 140.520,31.455 140.520,70.258 Z"/>
  27.                         </svg>
  28.                     </figure>
  29.                     <!-- Newsletter -->
  30.                     <div class="col-12 position-relative my-2 my-sm-3">
  31.                         <div class="row align-items-center">
  32.                             <!-- Title -->
  33.                             <div class="col-lg-6">
  34.                                 <h3 class="text-white mb-3 mb-lg-0">{% trans %}AREYOUREADYFORCONVERSATION_KEY{% endtrans %}</h3>
  35.                             </div>
  36.                             <!-- Input item -->
  37.                             <div class="col-lg-6 text-lg-end">
  38.                                 <form class="bg-body rounded p-2">
  39.                                     <div class="input-group">
  40.                                         <input class="form-control border-0 me-1" type="email" placeholder="{% trans %}TYPEEMAILHERE_KEY{% endtrans %}">
  41.                                         <button type="button" class="btn btn-dark mb-0 rounded">{% trans %}SUBSCRIBE_KEY{% endtrans %}</button>
  42.                                     </div>
  43.                                 </form>
  44.                             </div>
  45.                         </div>
  46.                     </div>
  47.                 </div> <!-- Row END -->
  48.             </div>
  49.         </div>
  50.     </section>
  51.     <!-- Newsletter END -->