<div class="row">

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

	<div class="col col-6"><h3>Lorem Ipsum Dolor</h3></div>

</div>

<div class="row">

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

	<div class="col col-6">

		<p class="lead">{{ site.data.bacon[0] | markdownify  }}</p>

		<hr>

	</div>

</div>

<div class="row mb-2">

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

	<div class="col col-6"><small class="text-muted"><strong>23 juin 2017</strong></small></div>

</div>

{% for note in site.data.bacon %}

<div class="row note mb-2">

	<div class="col col-3 d-flex flex-column justify-content-between small text-muted text-right metadata">

		<div>10:20</div>

		<div class="filler"></div>

		<div>10:30</div>

	</div>

	<div class="col col-6 content">

		{{ note | markdownify }}

	</div>

	{% if include.margins=="side" %}

	<div class="margin col col-3 small text-muted">

		{{ note | truncate: "100" | markdownify }}

	</div>

	{% endif %}

{% if include.margins=="bottom" %}

<div class="row">

	<div class="col col-6 offset-md-3 small text-muted">

		{{ note | truncate: "200" | markdownify }}

	</div>

{% endif %}

</div>

{% endfor %}

</div>