{% extends "base.twig" %}

{% block content %}
{% include 'components/title_page.twig' %}
<section>
	<div class="hero">
				<div class="__head">
			<h1 class="__titre">{{ post.meta('titre') }}</h1>
			<div class="__sous_titre">
				<h2>{{ post.meta('sous_titre') }}</h2>
			</div>
		</div>
		<div class="slide">
			{% for item in post.meta('slide_image') %}
				<div class="image">
					<img src="{{ Image(item.image).src }}" />
				</div>
			{% endfor %}
		</div>
	</div>
</section>

<section>
	<div class="coming_soon row align-items-start">
	{% for item in posts %}
		{% include 'components/thumbnails/thumbnails.twig' %}
	{% endfor %}
	</div>
</section>

<section>
	<div class="association">

		<div class="__header">
			<h2>{{ post.meta('texte_chapeau_asso') }}</h2>
		</div>

		<div class="__body">
			<div class="image_sectionasso">
				<img src="{{ Image(post.meta('image')).src }}" />
			</div>
			<div class="content row">
			<div class="col-6">
				{{ post.meta('paragraphe_descriptif') }}
			</div>
			<div class="col-6">
				{{ post.meta('paragraphe_descriptif_2') }}
				<div class="btn redirection_page">
				{% include 'components/buttons/bouton_ensavoir.html.twig' %}
				</div>
			</div>
			</div>
		</div>

	</div>
</section>

<section>
	<div class="projet">
		<div class="__header">
			<h1 class="titre">Les Projets</h1>
			<h2 class="texte_chapeau">{{ post.meta('texte_chapeau_projet') }}</h2>
		</div>
		<div class="__body">
			<div class="wrapper__content">
				{% for item in seq %}
				    <div class="__head">

				    </div>
						<div class="__content">

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


<section>
	<div class="temps_forts">
		<div class="__header">
			<h1 class="titre">Les Temps forts</h1>
		</div>
</section>


<section>
	<div class="video">
		<div class="__header">
			<h1 class="titre">La Mine en vidéo</h1>
		</div>
		<div class="__body">
			<div class="wrapper__content">
				{% if post.video_la_mine  %}
    			<iframe width="560" height="315" src="//www.youtube.com/embed/{{ post.video_la_mine }}" frameborder="0" allowfullscreen></iframe>
				{% endif %}
			</div>
	</div>
</section>

{% endblock %}