{% if equipes|length > 0 %}
<section id="team" class="team">
    <div class="container" data-aos="fade-up">
        <div class="section-title">
            <h2 class="sectionTitre">Notre équipe</h2>
        </div>
        <div class="row">
            {% for equipe in equipes %}
                <div class="col-lg-6 mt-4">
                    <div class="member d-flex align-items-start" data-aos="zoom-in" data-aos-delay="200">
                        <div class="pic"><img src="{{ asset(equipeImg ~ equipe.imageName) }}" class="img-fluid" loading="lazy" alt="{{ equipe.name }}"></div>
                        <div class="member-info">
                            <h4>{{ equipe.name }}</h4>
                            <span>{{ equipe.job }}</span>
                            <p>Aut maiores voluptates amet et quis praesentium qui senda para</p>
                            <div class="social">
                                <a href="{{ equipe.facebook }}"><i class="ri-facebook-fill"></i></a>
                                <a href="{{ equipe.instagram }}"><i class="ri-instagram-fill"></i></a>
                                <a href="{{ equipe.linkedin }}"><i class="ri-linkedin-fill"></i></a>
                                <a href="{{ equipe.youtube }}"> <i class="ri-youtube-box-fill"></i> </a>
                            </div>
                        </div>
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>
</section><!-- End Team Section -->
{% endif %}