<div class="accordion" id="{{ accordionId }}"> {% if(items is defined) %} {% set itemId = accordionId|lower %} <div class="accordion-item yellow my-2 border-0 rounded-0"> <div class="accordion-header" id="{{ itemId }}"> <button class="d-flex align-items-center accordion-button icon collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-{{ itemId }}" aria-expanded="false" aria-controls="collapse-{{ itemId }}"> <span class="fw-bolder">{{ title|raw }}</span> </button> </div> <div id="collapse-{{ itemId }}" class="accordion-collapse collapse" aria-labelledby="{{ itemId }}" data-bs-parent="#{{ accordionId }}"> <div class="accordion-body"> <div class="container"> <div class="row"> {% for person in items %} <div class="col-12 col-md-6 col-lg-4 col-xl-3 mb-5"> <div class="mb-4 mb-lg-0 d-inline"> <img class="w-100 mb-2" src="{{ person.image.formats['sulu-400x400'] }}" alt="{{ person.name }}"> <p>{{ person.name|raw }}</p> </div> </div> {% endfor %} </div> </div> </div> </div> </div> {% endif %}</div>