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

{% block title %}Test article
{% endblock %}

{% block body %}
	<div class="article-view">
		<div class="article-hero">
			<img src="/images/placeholder/placeholder.jpg" alt="Cover of the article">
		</div>
		<div class="container grid">
			<div class="article-meta">
				{% include 'articles/components/_breadcrumb.html.twig' %}
				<h1 itemprop="headline">Today I'm sharing with you our blog design on which I've design on which I've</h1>
				<div class="meta">
					<p>Publié le
						<time itemprop="datePublished" datetime="2023-06-09">29 Juin 2022</time>, Durée de lecture: 3min
					</p>
					{% include 'articles/components/_share.html.twig' %}
				</div>
			</div>
			<div class="article-main">
	Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.			<article itemscope itemtype="https://schema.org/BlogPosting">
					<p itemprop="description"></p>
					<img src="/images/placeholder/placeholder.jpg" alt="Cover of the article">
					<h2>Today I'm sharing with you our blog design on which I've Today I'm sharing with you our blog design on which I've</h2>
					<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet</p>
					<h2>Today I'm sharing with you our blog design on which I've</h2>
					<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet</p>
					<h2>Today I'm sharing with you our blog design on which I've</h2>
					<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet</p>
					<h3>Today I'm sharing with you our blog design on which I've</h3>
					<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet</p>
					<h3>Today I'm sharing with you our blog design on which I've</h3>
					<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet</p>

				</article>
				<div class="container flex centered">
					{% include 'articles/components/_share.html.twig' %}
				</div>
			</div>
			<aside>
				<h2>Infos pratiques</h2>
				<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est</p>
				<h2>Liens utiles</h2>
				<div class="actions">
					<div class="btn-line"><a href="#" class="btn is-anim is-secondary is-alt"><span>Nos actions de prévention</span> {{ svg('images/articles/external-link.svg') }}</a></div>
					<div class="btn-line"><a href="#" class="btn is-anim is-secondary is-alt"><span>Lien d'inscription</span> {{ svg('images/articles/external-link.svg') }}</a></div>
					<div class="btn-line"><a href="#" class="btn is-anim is-secondary is-alt"><span>Lien numero 3</span> {{ svg('images/articles/external-link.svg') }}</a></div>
				</div>
				<h2>Médias</h2>
				<div class="actions">
					<div class="btn-line"><a href="#" class="btn is-primary is-alt">{{ svg('images/articles/file.svg') }} <span>Télécharger le Document</span></a></div>
					<div class="btn-line"><a href="#" class="btn is-primary is-alt">{{ svg('images/articles/file.svg') }} <span>Télécharger la Vidéo</span></a></div>
				</div>
				<h2>Contact</h2>
				<div class="actions">
					<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est</p>
				</div>
			</aside>
		</div>
	</div>
{% endblock %}