templates/pages/blocks/contact_section.html.twig line 1

Open in your IDE?
  1.     <section class="background-gray contacts" data-brand-header>
  2.       <div class="grid-container">
  3.         <div class="grid-x grid-margin-x" data-tabs="officeimages">
  4.           <div class="cell xlarge-offset-1 medium-12 large-7 xlarge-6 xxlarge-5 small-order-2 large-order-1"
  5.                data-tabs="offices">
  6.             <div class="title title__no-center indent-l out" data-css-animation="out-in" style="--delay: .2s">
  7.               <div class="in">
  8.                 <h2>{{ content.title }}</h2>
  9.               </div>
  10.             </div>
  11.             <div class="contacts__tabs" data-css-animation="fade-in" style="--delay: 1s">
  12.               {% set city = content.bureaux|first %}
  13.                 <div>
  14.                   <div class="contacts__tabs-offices">
  15.                       <div class="contacts__office" style="flex-basis: 70%;">
  16.                         <div class=" title title__no-center contacts__location">
  17.                           <svg width="24" height="24" viewBox="0 0 16 16">
  18.                             <use xlink:href="#location"/>
  19.                           </svg>
  20.                           <h5>{{ city.adresse }}</h5>
  21.                         </div>
  22.                         <address>
  23.                           <div class="contacts__link">{{ 'Tel'|trans }}: <a href="tel:{{ city.phone }}">{{ city.phone }}</a></div>
  24.                           <div class="contacts__link">
  25.                             {%  if city.fax is defined and city.fax is not null %}
  26.                             {{ 'Fax'|trans }}: <a href="tel:{{ city.fax }}">{{ city.fax }}</a>
  27.                             {% endif %}
  28.                           </div>
  29.                             {%  if city.horaires is defined and city.horaires is not null %}
  30.                               <div class="contacts__link">
  31.                                <span>{{ 'Horaires'|trans }} : {{ city.horaires|raw }}</span>
  32.                                </div>
  33.                             {% endif %}
  34.                           <div class="contacts__link">
  35.                             {% if city.email is defined and city.email is not null %}
  36.                             {{ 'Email'|trans }}: <a href="mailto:{{ city.email }}">{{ city.email }}</a>
  37.                             {% endif %}
  38.                           </div>
  39.                         </address>
  40.                       </div>
  41.                   </div>
  42.                 </div>
  43.             </div>
  44.           </div>
  45.           <div
  46.               class="cell medium-offset-3 large-offset-1 xlarge-offset-0 xxlarge-offset-1 medium-6 large-4 small-order-1 large-order-2">
  47.             <div class="contacts__tabs" data-css-animation="fade-in" style="--delay: 1s">
  48.               {% set city = content.bureaux|first %}
  49.                 <div>
  50.                     <img data-src="{{ city.image.url }}" alt data-lazy-image />
  51.                 </div>
  52.             </div>
  53.           </div>
  54.         </div>
  55.       </div>
  56.     </section>
  58.     <section class="contacts__form section background-gray" data-brand-header>
  59.       <div class="grid-container">
  60.         <div class="grid-x grid-margin-x align-middle">
  61.           <div class="cell medium-offset-1 medium-10" data-css-animation="fade-in-up">
  62.             <div class="contacts__map" data-tab-map="offices"
  63.                  data-zoom="6"
  64.                  data-marker-url="{{ asset('frontend/main/icons/marker.svg') }}"
  65.                  data-marker-clusterer-url="{{ asset('frontend/main/data/markerClasterer/m') }}"
  66.                  data-coordinates-route="{{ path('search_contact_coordinates') }}"
  67.                  data-min-zoom-circle='999'></div>
  68.           </div>
  69.         </div>
  70.       </div>
  71.     </section>