templates/home/blocks/contact_form_left_map_right.html.twig line 1

Open in your IDE?
  1. <section class="contact-form-map pt-5">
  2.     <div class="w-100 bg-blue-very-light h-100 d-flex align-items-center">
  3.         <div class="d-flex col-md-12 container-form-map pr-0">
  4.             <div class="col-md-6 d-flex align-items-center pb-5 pt-5 position-relative">
  5.                 <div class="form_block">
  6.                     {% if data.pre_title is defined %}
  7.                         <p>{{ data.pre_title }}</p>
  8.                     {% endif %}
  9.                     <h2 class="blue">{{ data.title }}</h2>
  10.                     {% if data.description is not empty %}
  11.                         <div class="blue-dark pb-3">
  12.                             {{ data.description.0|raw }}
  13.                         </div>
  14.                     {% endif %}
  15.                     {% if data.url_link is defined and data.url_link %}
  16.                         <a class="btn-section blue-dark" href="{{ data.url_link }}">{{ data.label_btn }}</a>
  17.                     {% endif %}
  18.                     <div class="col-md-12 col-xl-8 col-lg-12 pl-0">
  19.                         {{ form_start(form, {'attr': {'id': 'contactForm'}}) }}
  20.                             {{ form_rest(form) }}
  21.                             <div class="mt-3 cta">
  22.                                 <input type="text" id="website" name="website"/>
  23.                                 <button class="btn-section blue-dark" type="submit">{{ 'form.send'|trans }}</button>
  24.                             </div>
  25.                             <div id="messageContact"></div>
  26.                         {{ form_end(form) }}
  27.                     </div>
  28.                 </div>
  29.                 <img src="{{ asset('img/carfit_perso_contact.svg') }}" alt="Carfit contact" id="carfitContact">
  30.             </div>
  31.             <div class="col-md-6 pr-0 map" id="map">
  32.                 <div class="w-100 h-100" >
  33.                 </div>
  34.             </div>
  35.         </div>
  36.     </div>
  37. </section>