templates/default/staff_renderlet.html.twig line 1

{% if folder %}
    {% for subfolder in folder.getChildren() %}
        {% if subfolder.children %}
            <div class="row mb-4">
                <div class="col-12">
                    <h2 class="teamheading">{{ subfolder.key }}</h2>
                </div>
                <div class="stafflist mb-3">
                    <div class="row">
                        {% for staff in subfolder.getChildren() %}


                            <div class="col-12 col-md-6 col-xl-4 d-flex flex-column mb-4">


                                <div class="staffimg position-relative">
                                    {{ staff.image.thumbnail('staff').html|raw }}
                                    <div class="staffinfo">
                                        <h3>{{staff.name}}</h3>
                                        <h4>{{staff.position}}</h4>

                                    </div>
                                    <a href="#desc{{ staff.id }}" class="staffdesc-toggle w-100 h-100" role="button" aria-expanded=" false" aria-controls="desc{{ staff.id }}" data-bs-toggle="collapse">


                    <!--    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-info-circle-fill" viewBox="0 0 16 16">
  <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/>
</svg>-->
                                    </a>
                                </div>
                                <div class="staffdesc collapse" id="desc{{ staff.id }}">
                                    <h5>
                                        <a href="mailto:{{staff.email}}">{{staff.email}}</a>
                                    </h5>
                                    <p>{{ staff.body }}</p>

                                </div>

                            </div>


                        {% endfor %}
                    </div>
                </div>
            </div>
        {% endif %}
    {% endfor %}
{% endif %}