{% extends 'layout-front.html.twig' %}

{% block extendsstylesheet %}{% endblock %}

{% block content %}
	<div class="rubrique-header">
		<div class="sub-title">
			<h2>Collaborer</h2>
			<div class="title">
				<h1>Groupes de travail</h1>
				<div class="puce"></div>
			</div>
		</div>
	</div>
	<div class="row groups-panels">
		{% for Group in arrGroup %}
			<div class="col-md-4 group-panel">
				<a href="{{ url_for('groupe_display', {crypt: Group.crypt}) }}">
					<div class="group-content">
						<video autoplay="" loop="" playsinline="" src="/public/assets/videos/{{ Group.Media }}"></video>
						<div class="group-text">
							<h4>{{ Group.Titre }}</h4>
							<p>
								{{ Group.Description }}
							</p>
						</div>
					</div>
				</a>
			</div>


		{% endfor %}
	</div>

{% endblock %}