templates/section/temoignage.html.twig line 1

Open in your IDE?
  1. <style>
  2.     .title{
  3.         font-family: Arial;
  4.         font-size: 35px !important;
  5.     }
  6. </style>
  7. <section class="elementor-section elementor-top-section elementor-element elementor-element-c108f6c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="c108f6c" data-element_type="section">
  8.    <div class="elementor-container elementor-column-gap-default">
  9.       <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-be04d4a" data-id="be04d4a" data-element_type="column">
  10.          <div class="elementor-widget-wrap elementor-element-populated">
  11.             <div class="elementor-element elementor-element-b96edb1 elementor-widget elementor-widget-gimont_elementor_heading" data-id="b96edb1" data-element_type="widget" data-widget_type="gimont_elementor_heading.default">
  12.                <div class="elementor-widget-container">
  13.                   <div class="ova-heading template_1">
  14.                      <span class="line"></span>
  15.                      <span class="subtitle">Nos témoignages</span>
  16.                      <h2 class="title">Ils nous font confiance</h2>
  17.                      <!--
  18.                      <p class="desc">Lorem ipsum is simply free text dolor sit amet, consectetur notted adipisicing elit.</p>
  19.                      -->
  20.                   </div>
  21.                </div>
  22.             </div>
  23.             <div class="elementor-element elementor-element-00b3971 elementor-widget elementor-widget-html" data-id="00b3971" data-element_type="widget" data-widget_type="html.default">
  24.                <div class="elementor-widget-container">
  25.                   <div id="nav-ova-testimonial-2"></div>
  26.                </div>
  27.             </div>
  28.          </div>
  29.       </div>
  30.       <div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-07ab1b4" data-id="07ab1b4" data-element_type="column">
  31.          <div class="elementor-widget-wrap elementor-element-populated">
  32.             <div class="elementor-element elementor-element-7ea5838 elementor-widget elementor-widget-gimont_elementor_testimonial_2" data-id="7ea5838" 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}" data-widget_type="gimont_elementor_testimonial_2.default">
  33.                <div class="elementor-widget-container">
  34.                   <div class="ova-testimonial-2 template_1">
  35.                      <div class="slide-testimonial" data-options="{&quot;items&quot;:2,&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;rtl&quot;:false}">
  36.                         <div class="owl-carousel owl-theme owl-loaded owl-drag">
  37.                             <div class="row">
  38.                     <div class="swiper mySwiper">
  39.                         <div class="swiper-wrapper">
  40.                                 {% if avis != null %}
  41.                                 {% for av in avis %}
  42.                                 <div class="col-md-6 col-sm-12 swiper-slide" style="border: #ededed; background-color: white !important;">
  43.                                    <div class="item">
  44.                                       <div class="ova-testimonial">
  45.                                          <div class="background-img" style="background-image: url('https://cimef-international.org/public/zzz.png');"></div>
  46.                                          <div class="wrapper">
  47.                                             <div class="author">
  48.                                                <div class="img">
  49.                                                   <img decoding="async" src="{{ asset('public/inter/logo-inter.jpg') }}" alt="Logo CIMEF-INTERNATIONAL">
  50.                                                </div>
  51.                                                <div class="info">
  52.                                                   <p class="job">
  53.                                                       {% if av.titre != null %}{{ av.titre }}{% else %} Fonction {% endif %}
  54.                                                      </p>
  55.                                                   <h3 class="name">{{ av.nom }}</h3>
  56.                                                   <div class="rating">
  57.                                                     {% for i in 1.. av.note %}
  58.                                                         {# {{ i }} #}
  59.                                                         <i class="fa fa-star"  aria-hidden="true"></i>
  60.                                                     {% endfor %}
  61.                                                     <!--
  62.                                                      <i class="fas fa-star"></i>
  63.                                                      <i class="fas fa-star"></i>
  64.                                                      <i class="fas fa-star"></i>
  65.                                                      <i class="fas fa-star"></i>
  66.                                                      <i class="fas fa-star"></i>
  67.                                                      -->
  68.                                                   </div>
  69.                                                </div>
  70.                                             </div>
  71.                                             <p class="desc"> {{ av.commentaire|raw }}</p>
  72.                                          </div>
  73.                                       </div>
  74.                                    </div>
  75.                                 </div>
  76.                                 {% endfor %}
  77.                                 {% endif %}
  78.                          </div>
  79.                     
  80.                         <!-- Pagination -->
  81.                         <div class="swiper-pagination"></div>
  82.                     
  83.                         <!-- Navigation -->
  84.                         <div class="swiper-button-next"></div>
  85.                         <div class="swiper-button-prev"></div>   
  86.                     </div>
  87.                             
  88.                             </div>
  89.                         </div>
  90.                      </div>
  91.                   </div>
  92.                </div>
  93.             </div>
  94.          </div>
  95.       </div>
  96.    </div>
  97. </section>