templates/themes/ismart/block/block-faq.html.twig line 1

Open in your IDE?
  1. <section class="qa-container" style="background-image: url({{ block.image }})">
  2.     <div class="qa-content d-flex flex-column align-content-center bg-transparent">
  3.         <div class="bg-transparent container">
  4.             <div class="qa-content-title d-flex justify-content-center" data-aos="fade-right" data-aos-delay="100">
  5.                 <span>{{ block.title }}</span></div>
  6.             <div class="qa-content-wrapper d-flex flex-md-row flex-column">
  7.                 <div class="qa-content-qs d-none d-lg-block">
  8.                     <div class="qa-content-qs-title" data-aos="fade-down" data-aos-delay="300"><span>{{ block.subTitle }}</span>
  9.                     </div>
  10.                     <div class="list-group qa-content-qs-list" id="list-tab" role="tablist" data-aos="fade-down"
  11.                          data-aos-delay="500">
  12.                         {% set locale = app.request.get('_locale') %}
  13.                         {% set items = getQAList(locale) %}
  14.                         {% for itm in items %}
  15.                         <a class="list-group-item list-group-item-action {% if loop.index == 1 %}active{% endif %}" id="FAQ-{{ loop.index }}"
  16.                                                  data-bs-toggle="list" href="#FAQ-{{ loop.index }}-ans" role="tab"
  17.                                                  aria-controls="FAQ-01-ans">{{ itm.question }}</a>
  18.                         {% endfor %}
  19.                     </div>
  20.                 </div>
  21.                 <div class="qa-content-as d-none d-lg-block" data-aos="fade-down" data-aos-delay="700">
  22.                     <div class="tab-content" id="nav-tabContent">
  24.                         {% for itm in items %}
  25.                             <div class="tab-pane fade show {% if loop.index == 1 %}active{% endif %}" id="FAQ-{{ loop.index }}-ans" role="tabpanel"
  26.                                  aria-labelledby="FAQ-01">
  27.                                 <div class="question-title"><h2>{{ itm.question }}</h2></div>
  28.                                 <div class="question-content">
  29.                                     {{ itm.answer | raw }}
  30.                                 </div>
  31.                             </div>
  32.                         {% endfor %}
  33.                     </div>
  34.                 </div>
  35.                 <div class="qa-content-qs d-block d-lg-none">
  36.                     <div class="qa-content-qs-title" data-aos="fade-down" data-aos-delay="300"><span>{{ block.subTitle }}</span>
  37.                     </div>
  38.                     <div class="qa-content-qs-list" id="list-tab" role="tablist" data-aos="fade-down"
  39.                          data-aos-delay="500">
  40.                         {% for itm in items %}
  41.                             <a class="list-group-item-collapsed collapsed"
  42.                                data-bs-toggle="collapse" href="#FAQ-{{ loop.index }}-collapse" role="button"
  43.                                aria-expanded="false" aria-controls="FAQ-{{ loop.index }}-collapse">{{ itm.question }}</a>
  44.                             <div class="qa-content-as collapse" id="FAQ-{{ loop.index }}-collapse">
  45.                                 <div class="question-content">
  46.                                     {{ itm.answer | raw }}
  47.                                 </div>
  48.                             </div>
  49.                         {% endfor %}
  50.                     </div>
  51.                 </div>
  52.             </div>
  53.         </div>
  54.     </div>
  55. </section>