templates/themes/ismart/block/home-testimonial.html.twig line 1

Open in your IDE?
  1. <section class="home-user">
  2.     <div class="container">
  3.         {% set locale = app.request.get('_locale') %}
  4.         {% set testimonials = getTestimonial(locale)  %}
  5.         <div class="row">
  6.             <div class="col-12">
  7.                 <h2 class="page-title mb-5" data-aos="fade-up">{{ block.title }} <br> {{ block.subTitle }}</h2>
  8.                 <ul class="d-flex justify-content-center user-list" id="myTab" role="tablist" data-aos="fade-up">
  9.                     {% for type, itms in testimonials %}
  10.                     <li class="nav-item" role="presentation">
  11.                         <button class="testimonial-tab button red nav-link {% if loop.index == 1 %}active{% endif %}" id="testimonial-tab-control-{{ loop.index }}" data-bs-toggle="tab" data-bs-target="#testimonial-tab-pane-{{ loop.index }}"
  12.                                 data-index="{{ loop.index }}"
  13.                                 type="button" role="tab" aria-controls="testimonial-tab-pane-{{ loop.index }}" aria-selected="true">{{ type | trans }}
  14.                         </button>
  15.                     </li>
  16.                     {% endfor %}
  17.                 </ul>
  19.                 <div class="tab-content" id="myTabContent" data-aos="fade-up">
  20.                     {% for items in testimonials %}
  21.                     <div class="tab-pane fade  {% if loop.index == 1 %}show active{% endif %}" id="testimonial-tab-pane-{{ loop.index }}" role="tabpanel" aria-labelledby="testimonial-tab-control-{{ loop.index }}"
  22.                          tabindex="0">
  24.                         {% if isMobile %}
  25.                             <div class="user-slider slider-1 blaze-slider overflow-visible"  data-index="{{ loop.index }}">
  26.                                 <div class="blaze-container">
  27.                                     <div class="blaze-track-container">
  28.                                         <div class="blaze-track">
  29.                                             {% for itm in items %}
  30.                                                 <div class="item">
  31.                                                     <div class="row justify-content-md-center align-content-center align-items-center">
  32.                                                         <div class="col-xl-4 col-lg-5">
  33.                                                             <div class="user-img">
  34.                                                                 <div class="user-info">
  35.                                                                     <p class="name">{{ itm.post.title }}</p>
  36.                                                                     <span>{{ itm.post.subTitle }}</span>
  37.                                                                 </div>
  38.                                                                 <picture class="user overflow-hidden picture-lazy">
  39.                                                                     <img
  40.                                                                         loading="lazy"
  41.                                                                         class="d-block w-100"
  42.                                                                         src="{{ getImageWebp(getImageBySize(itm.post.image,'small')) }}"
  43.                                                                         data-src="{{ getImageWebp(getImageBySize(itm.post.image,'thumb')) }}"
  44.                                                                         alt="">
  45.                                                                 </picture>
  46.                                                                 <picture class="bg overflow-hidden w-100 picture-lazy">
  47.                                                                     <img loading="lazy" class="d-block w-100"
  48.                                                                          src="{{ getImageWebp(getImageBySize(itm.post.thumbnail,'small')) }}"
  49.                                                                          data-src="{{ getImageWebp(getImageBySize(itm.post.thumbnail,'thumb')) }}" alt="">
  50.                                                                 </picture>
  51.                                                             </div>
  52.                                                         </div>
  53.                                                         <div class="col-xl-4 col-lg-5">
  54.                                                             <p>{{ itm.post.content }}</p>
  55.                                                         </div>
  56.                                                     </div>
  57.                                                 </div>
  58.                                             {% endfor %}
  59.                                         </div>
  60.                                     </div>
  62.                                     <button class="blaze-prev" aria-label="Go to previous slide">
  63.                                         <svg data-name="Layer 1" id="Layer_1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><title/><path d="M12.5,32,45.17,0,51.5,6.62,25.24,32,51.5,57.38,45.17,64Z" data-name="&lt;Compound Path&gt;" id="_Compound_Path_"/></svg>
  64.                                     </button>
  65.                                     <button class="blaze-next" aria-label="Go to next slide">
  66.                                         <svg data-name="Layer 1" id="Layer_1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><title/><path d="M51.66,32,19,0,12.66,6.62,38.91,32,12.66,57.38,19,64Z" data-name="&lt;Compound Path&gt;" id="_Compound_Path_"/></svg>
  67.                                     </button>
  68.                                     <div class="blaze-pagination d-flex align-items-center justify-content-center flex-row"></div>
  70.                                 </div>
  71.                             </div>
  72.                         {% else %}
  73.                             <div class="user-slider slider-1">
  74.                                 {% for itm in items %}
  75.                                     <div class="item">
  76.                                         <div class="row justify-content-md-center align-content-center align-items-center">
  77.                                             <div class="col-xl-4 col-lg-5">
  78.                                                 <div class="user-img">
  79.                                                     <div class="user-info">
  80.                                                         <p class="name">{{ itm.post.title }}</p>
  81.                                                         <span>{{ itm.post.subTitle }}</span>
  82.                                                     </div>
  83.                                                     <picture class="user overflow-hidden picture-lazy">
  84.                                                         <img
  85.                                                                 loading="lazy"
  86.                                                                 class="d-block w-100"
  87.                                                                 src="{{ getImageWebp(getImageBySize(itm.post.image,'small')) }}"
  88.                                                                 data-src="{{ getImageWebp(getImageBySize(itm.post.image,'thumb')) }}"
  89.                                                                 alt="">
  90.                                                     </picture>
  91.                                                     <picture class="bg overflow-hidden w-100 picture-lazy">
  92.                                                         <img loading="lazy" class="d-block w-100"
  93.                                                              src="{{ getImageWebp(getImageBySize(itm.post.thumbnail,'small')) }}"
  94.                                                              data-src="{{ getImageWebp(getImageBySize(itm.post.thumbnail,'feature')) }}" alt="">
  95.                                                     </picture>
  96.                                                 </div>
  97.                                             </div>
  98.                                             <div class="col-xl-4 col-lg-5">
  99.                                                 <p>{{ itm.post.content }}</p>
  100.                                             </div>
  101.                                         </div>
  102.                                     </div>
  103.                                 {% endfor %}
  104.                             </div>
  105.                         {% endif %}
  107.                     </div>
  108.                     {% endfor %}
  109.                 </div>
  110.             </div>
  111.         </div>
  112.     </div>
  113. </section>