templates/_partials/coins/gallery-section.html.twig line 1

Open in your IDE?
  1. <div class="tz-gallery">
  2.     <section class="row mb-5 d-flex" style="position: relative;">
  3.         <div class="col-md-6 d-flex">
  4.             <div class="" style="height: 100%; overflow: hidden;">
  5.                 <a class="lightbox" href="{{ attraction.url | length > 0 ? attraction.url : asset('build/images/autres/1-600.c14c1b04.jpg') }}">
  6.                     <img class="w-100" src="{{ attraction.url | length > 0 ? attraction.url : asset('build/images/autres/1-600.c14c1b04.jpg') }}" alt="">
  7.                 </a>
  8.             </div>
  9.         </div>
  10.         <div class="col-md-6 d-flex">
  11.             <div class="row">
  12.                 {% if attraction.attractionMedia | length > 0 %}
  13.                     {% for image in attraction.attractionMedia|slice(0, 4) %}
  14.                         <div class="col-md-6 mb-1" style="padding-left: 0px;">
  15.                             <div class="" style="height: 98%; overflow: hidden;">
  16.                                 <a class="lightbox" href="{{ asset(image.url) }}">
  17.                                     <img class="w-100" src="{{ asset(image.url) }}" alt="">
  18.                                 </a>
  19.                             </div>
  20.                         </div>
  21.                     {% endfor %}
  22.                 {% endif %}
  23.             </div>
  24.         </div>
  26.         <div class="d-flex justify-content-end"
  27.              style="position: absolute; bottom: 20px; z-index: 10; right: 20px;">
  28.             <a id="m__openModal" type="button" class="p-1 text-dark __coin_btn_galery" style="">
  29.                 <strong style="font-weight: 700"><i class="fas fa-th"></i> Afficher toutes les photos
  30.                     ({{ attraction.attractionMedia | length }})</strong>
  31.             </a>
  32.         </div>
  34.     </section>
  35. </div>