<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>