<div class="session container">

<div class="row">

<div class="col col-9">

{% for session in site.data.sessions %}

<div class="mb-3">

	<h5 class="mb-0"><a href="/">{{ session.title }}</a></h5>

	<small class="text-muted">{{ session.first | date: "%d/%m/%Y %H:%M" }} → {{ session.last | date: "%d/%m/%Y %H:%M" }}</small>

	<div>{{ session.annotations }} notes</div>

	<div>{{ session.description  }}</div>

	<div class="keywords">

	<i class="fa fa-book" aria-hidden="true"></i>

	{% for keyword in session.keywords  %}

		<span class="badge badge-default">{{ keyword }}</span>

	{% endfor  %}

	</div>

	<hr>

</div>

{% endfor %}

</div>

<div class="control col col-3">

	<button class="btn btn-primary w-100">Nouvelle session</button>

	<div class="sync-status text-center">

	<small class="text-muted">dernière synchro : 01/01/2018</small>

	</div>

</div>

</div>

</div>