{% extends 'front.html.twig' %}
{% block title %} Bureau STH{% endblock %}
{% block stytesheets %}
    {{ parent() }}
{% endblock %}
{% block body %}
    <!-- Start Main Banner -->
    <div class="page-title">
        <div class="d-table">
            <div class="d-table-cell">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 col-md-12">
                            <h3>Bureau STH</h3>
                            <ul>
                                <li><a href="">Home</a></li>
                                <li>/</li>
                                <li class="active">Bureau</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Main Banner -->

    <!-- Start Team Area -->
    <section class="team-area ptb-80">
        <div class="container">
            <div class="row">
               {%  for team in teams %}
                <div class="col-6 col-sm-6 col-md-6 col-lg-3">
                    <div class="our-team">
                        <div class="team-img">
                            <img src="{{ asset('uploads/images/'~team.picture) }}" alt="Bureau STH">
                            <div class="social">
                                <ul>
                                    <li><a href="#" class="fa fa-facebook"></a></li>
                                    <li><a href="#" class="fa fa-twitter"></a></li>
                                    <li><a href="#" class="fa fa-linkedin"></a></li>
                                    <li><a href="#" class="fa fa-skype"></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="team-content">
                            <h3 class="title"><a href="#">{{ team.fullname }}</a></h3>
                            <span class="post">{{ team.function }}</span>
                        </div>
                    </div>
                </div>
                {%  endfor %}
            </div>
        </div>
    </section>
    <!-- End Team Area -->

{% endblock %}

{% block javascripts %}
    {{ parent() }}
{% endblock %}