templates/pages/blocks/faq_section.html.twig line 1

Open in your IDE?
  1. <section class="faq background-gray overflow-hidden" data-css-animation="stagger-list" data-brand-header>
  2.     <div class="grid-container">
  3.       <div class="grid-x grid-margin-x">
  4.         <div class="cell large-offset-1 large-10">
  5.           <div class="faq__title title out title__no-center" data-css-animation="out-in">
  6.             <div class="in">
  7.               <h2>{{ content.title }}</h2>
  8.             </div>
  9.           </div>
  10.           {% for category in content.blocks %}
  11.             <div class="faq__category">
  12.               <div id="category-{{ loop.index }}" class="title title__no-center faq__title-category faq__border" data-css-animation-x="stagger-item">
  13.                 <h4>{{ category.title }}</h4>
  14.               </div>
  15.               {% for question in category.question %}
  16.                 <div class="faq__card faq__border" data-simple-dropdown data-css-animation-x="stagger-item">
  17.                   <div data-click-area>
  18.                     <div class="grid-x grid-margin-x align-middle">
  19.                       <div class="cell small-2 large-1">
  20.                         <svg class="apartments-card__arrow" width="48" height="48" viewBox="0 0 48 48" fill="none"
  21.                              xmlns="http://www.w3.org/2000/svg">
  22.                           <circle class="border" opacity=".1" cx="24" cy="24" r="23.25" transform="rotate(90 24 24)"
  23.                                   stroke="#333"
  24.                                   stroke-width="1.5"/>
  25.                           <path class="arrow" d="M28.5 21.75l-4.5 4.5-4.5-4.5" stroke="#333" stroke-width="1.5"/>
  26.                         </svg>
  27.                       </div>
  28.                       <div class="cell small-10">
  29.                         <div class="title title__no-center">
  30.                           <h4>{{ question.title }}</h4>
  31.                         </div>
  32.                       </div>
  33.                     </div>
  34.                   </div>
  35.                   <div data-list>
  36.                     <div class="grid-x grid-margin-x">
  37.                       <div class="cell small-offset-1 small-10">
  38.                         <div class="editable">{{ question.content|raw }}</div>
  39.                       </div>
  40.                     </div>
  41.                   </div>
  42.                 </div>
  43.               {% endfor %}
  44.             </div>
  45.           {% endfor %}
  46.         </div>
  47.       </div>
  48.     </div>
  49.   </section>