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