templates/pages/estiam_en_images.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block page_contents %}
  4. <section class="section section-page-title bg-gradient py-xl-5 py-4" data-aos='fade-down'>
  5.   <div class="container">
  6.     <div class="row">
  7.       <div class="col-12 text-center text-white">
  8.         <h1 class="page-name font-weight-bold my-2">{% trans %}ÉSTIAM en images{% endtrans %} !</h1>
  9.       </div>
  10.     </div>
  11.   </div>
  12. </section>
  13. {% if videos %}
  14. <section class="section section-gallery-carousel pt-4 pb-4">
  15.   <div class="container">
  16.     <div class="row">
  17.       <div class="col-12 ">
  18.         <div class="slider slider-gallery pb-md-4">
  19.           {% for video in videos %}
  20.           <div>
  21.             <div>
  22.               <div class="embed-responsive embed-responsive-16by9 hvr-glow">
  23.                 <iframe loading="lazy" class="embed-responsive-item" src="{{ video.libraryUrl | extractYoutubeId }}?rel=0&enablejsapi=1" allowfullscreen></iframe>
  24.               </div>
  25.             </div>
  26.           </div>
  27.           {% endfor %}
  28.         </div>
  29.       </div>
  30.       <div class="col-12 text-md-right text-center link-more mb-4 mt-md-0 mt-2 position-relative">
  31.         <a href="https://www.youtube.com/channel/UC6TdoKYG0VjhV2GRP6wTBrQ/" target="_blank">{% trans %}Plus de vidéos sur notre YouTube{% endtrans %}<i class="fas fa-arrow-right font-12 ml-2"></i></a>
  32.       </div>
  33.     </div>
  34.     <div class="row"></div>
  35.   </div>
  36. </section>
  37. {% endif %}
  39. {% if photos %}
  40. <section class="section section-gallery overflow-hidden">
  41.   <div class="container-fluid px-0 position-relative">
  42.     <div class="row flex-wrap">
  43.       {% for photo in photos %}
  44.       <div class="col"><img src="{{ photo.libraryUrl }}" onerror="this.onerror=null;this.src='{{ asset('assets/images/no-img/news.jpg') }}';"></div>
  45.       {% endfor %}
  46.     </div>
  47.     <a href="https://www.instagram.com/estiamofficiel/" target="_blank" class="glow-on-hover position-absolute text-nowrap text-center">{% trans %}Plus d'images sur notre Instagram {% endtrans %}›</a>
  48.   </div>
  49. </section>
  50. {% endif %}
  51. {% endblock %}