{% extends 'partials/base.html.twig' %}

{% block content %}
   	<div class="columns small-12 intertitre">
        <div class="row ">
            <div class="columns small-10 small-offset-1 medium-8 medium-offset-2">
                <h3>{{ page.title }}</h3>
            </div>
        </div>
    </div>
    <div class="columns small-12 intro">
        <div class="row">
            <div class="columns small-10 small-offset-1 medium-8 medium-offset-2">
                {{ page.content }}
            </div>
        </div>
    </div>
    {% for m in header.modules %}
    	 {% include 'partials/modules.html.twig' with {'module':m } %}
    {% endfor %}
    <div class="columns small-12 intertitre">
        <div class="row ">
            <div class="columns small-10 small-offset-1 medium-8 medium-offset-2">
                <h3 id="team">L'équipe</h3>
            </div>
        </div>
    </div>
    <div class="columns small-10 small-offset-1 medium-8 medium-offset-2 ">
    	<div class="row">
    	{% for team in page.header.team %}
    		<div class="columns medium-6 small-12">
    			<div class="row">
    				<div class="columns small-4 teampic">
                    <div style="background-image: url('{{page.url}}/{{team.pic}}')" class="round">
                        {# <img src="{{page.url}}/{{team.pic}}" alt=""> #}
                    </div>
    				</div>
    				<div class="columns small-8">

    					<p>
    						<b>{{ team.name }}</b>
    						{{ team.description }}
    					</p>
    				</div>
    			</div>
    		</div>
    	{% endfor %}
    	</div>
    </div>
    <div class="columns small-12 intertitre">
        <div class="row ">
            <div class="columns small-10 small-offset-1 medium-8 medium-offset-2">
                <h3 id="part">Les Partenaires</h3>
            </div>
        </div>
    </div>
    <div class="columns small-10 small-offset-1 medium-8 medium-offset-2 ">
        <div class="row">
        {% for part in page.header.part %}
            <div class="columns medium-3 small-6">
                <div class="row">
                    <div class="columns small-12 teampic">
                        <a target="_blank" href="{{part.url}}">
                            <div style="background-image: url('{{page.url}}/{{part.pic}}')" class="square">
                            </div>
                        </a>                    
                    </div>
                </div>
            </div>
        {% endfor %}
        </div>
    </div>
{% endblock %}