templates/section/reference-index.html.twig line 1

Open in your IDE?
  1. <section style="margin-top: 80px; margin-bottom: 80px;" class="elementor-section elementor-top-section elementor-element elementor-element-936b8f7 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="936b8f7" data-element_type="section">
  2.    <div class="elementor-container elementor-column-gap-default">
  3.       <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-243ef1f" data-id="243ef1f" data-element_type="column">
  4.          <div class="elementor-widget-wrap elementor-element-populated">
  5.             <div class="elementor-element elementor-element-4d5410c elementor-widget elementor-widget-gimont_elementor_images_slider" data-id="4d5410c" data-element_type="widget" data-settings="{&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:3000,&quot;nav_control&quot;:&quot;no&quot;}" data-widget_type="gimont_elementor_images_slider.default">
  6.                <div class="elementor-widget-container">
  7.                   <!-- 
  8.                   <div class="ova-images-slider owl-carousel owl-theme " data-options="{&quot;items&quot;:5,&quot;slideBy&quot;:1,&quot;margin&quot;:30,&quot;autoplayHoverPause&quot;:true,&quot;loop&quot;:true,&quot;autoplay&quot;:true,&quot;autoplayTimeout&quot;:3000,&quot;smartSpeed&quot;:500,&quot;dots&quot;:false,&quot;nav&quot;:false,&quot;rtl&quot;:false}" >
  9.                      <div class="item-images-slider">
  10.                         <img decoding="async" src="https://demo.ovathemewp.com/gimont/wp-content/uploads/2023/06/logo-evato.png" alt="">
  11.                      </div>
  12.                   </div>
  13.                   -->
  14.                     <div class="swiper mySwiper">
  15.                         <div class="swiper-wrapper">
  16.                             {% if reference != null %}
  17.                                 {% for ref in reference %}
  18.                                 <div class="swiper-slide" style="background-position: center center; background-repeat: no-repeat; 
  19.                                 background-image: url('{{ asset('public/uploads/images/references/' ~ ref.image) }}'); background-size: contain;">
  20.                                 </div>
  21.                                 {% endfor %}
  22.                             {% endif %}
  23.                             <!--
  24.                             <div class="swiper-slide">
  25.                                 test2
  26.                                 <img decoding="async" class="img-fluid" src="https://demo.ovathemewp.com/gimont/wp-content/uploads/2023/06/logo-evato.png" alt="">
  27.                             </div>
  28.                             <div class="swiper-slide">
  29.                                 test3
  30.                                 <img decoding="async" class="img-fluid" src="https://demo.ovathemewp.com/gimont/wp-content/uploads/2023/06/logo-evato.png" alt="">
  31.                             </div>
  32.                             <div class="swiper-slide">
  33.                                 test4
  34.                                 <img decoding="async" class="img-fluid" src="https://demo.ovathemewp.com/gimont/wp-content/uploads/2023/06/logo-evato.png" alt="">
  35.                             </div>
  36.                             <div class="swiper-slide">
  37.                                 test5
  38.                                 <img decoding="async" class="img-fluid" src="https://demo.ovathemewp.com/gimont/wp-content/uploads/2023/06/logo-evato.png" alt="">
  39.                             </div>
  40.                             <div class="swiper-slide">
  41.                                 test6
  42.                                 <img decoding="async" class="img-fluid" src="https://demo.ovathemewp.com/gimont/wp-content/uploads/2023/06/logo-evato.png" alt="">
  43.                             </div>
  44.                             -->
  45.                         </div>
  46.                     
  47.                         <!-- Pagination -->
  48.                         <div class="swiper-pagination"></div>
  49.                     
  50.                         <!-- Navigation -->
  51.                         <div class="swiper-button-next"></div>
  52.                         <div class="swiper-button-prev"></div>
  53.                     </div>
  54.                </div>
  55.             </div>
  56.          </div>
  57.       </div>
  58.    </div>
  59. </section>
  61.