templates/Blocks/TestimonialSlider/Frontend/renderFrontend.html.twig line 1

Open in your IDE?
  1. {% set sliderKey = (random(9,99999) * random(9,99999)) %}
  3. <section class="testimonial-hero">
  4.     <div id="slider-{{ sliderKey }}" class="carousel slide" data-ride="carousel">
  6.         <ol class="carousel-indicators">
  7.             {% if data.slides|length %}
  8.                 {% for key, someSlide in data.slides %}
  9.                     <li data-target="#slider-{{ sliderKey }}" data-slide-to="{{ (key - 1) }}" class="{{ (key - 1) == 0 ? 'active' : '' }}"></li>
  10.                 {% endfor %}
  11.             {% endif %}
  12.         </ol>
  14.         <div class="carousel-inner">
  16.             {% if data.slides|length %}
  17.                 {% for key, someSlide in data.slides %}
  19.                     <div class="carousel-item {{ (key - 1) == 0 ? 'active' : '' }}" style="background-color: #002040;">
  20.                         <div class="overlay">
  21.                             <div class="carousel-content">
  22.                                 <div class="container h-100">
  23.                                     <div class="d-table h-100">
  24.                                         <div class="align-middle d-table-cell">
  25.                                             <div class="row p-3 m-3" style="background-color: #e3edf3">
  26.                                                 <p class="testimonial-content">{{ someSlide.text|nl2br|raw }}</p>
  27.                                                 <div class="testimonial-slider-author">
  28.                                                     <span class="testimonial-content">{{ someSlide.author }}</span>
  29.                                                 </div>
  30.                                             </div>
  31.                                         </div>
  32.                                     </div>
  33.                                 </div>
  34.                             </div>
  35.                         </div>
  36.                     </div>
  37.                 {% endfor %}
  38.             {% endif %}
  40.         </div>
  42.     </div>
  43. </section>