<section class=“bar background-white no-mb”>

<div class="container" id="equipe">
    <div class="col-md-12">
        <div class="heading text-center">
            <h2>{{ page.team_section_title }}</h2>
        </div>

        <div class="row">
            {% for team in page.team %}
            <div class="col-md-3 col-sm-3">
                <div class="team-member">
                    <div class="image">
                        <img src="assets/img/{{ team.name }}.jpg" alt="" class="img-responsive img-circle">
                    </div>
                    <h3>{{ team.name }}</h3>
                    <p class="role">{{ team.role }}</p>
                    <div class="social">
                        <a href="{{ team.linkedin }}" class="external linkedin" data-animate-hover="pulse"><i class="fa fa-linkedin"></i></a>
                        <a href="mailto:'{{ team.email }}'" class="email" data-animate-hover="pulse"><i class="fa fa-envelope"></i></a>
                    </div>
                    <div class="text">
                        <p>{{ team.text }}</p>
                    </div>
                </div>
            </div>
            {% endfor %}
        </div>
        <!-- /.row -->
    </div>
</div>

</section>