<section id="espaces">
<div class="container mb-5">
{% if data.title is defined %}<h2 class="red">{{ data.title }}</h2>{% endif %}
</div>
<div class="row container container-espaces p-0">
{% set nbLoop = 0 %}
{% for block in data.sub_blocks %}
{% if loop.first or loop.index == 4 or loop.index == 5 %}
{% set nbLoop = nbLoop + 1 %}
<div class="col-md-4 column-{{ nbLoop }} p-0 espaces">
{% endif %}
<a href="{{ block.button_link }}" class="col-md-12">
<span class="bg-espace" style="background:url({% if block.img_background is defined %}{{ asset('uploads/'~block.img_background.0) }}{% else %}{{ asset('img/espace-single.png') }}{% endif %})no-repeat center;">
<span class="d-flex justify-content-center align-items-end h-100 pb-3">
<span class="btn-round btn-red-bg-white h-auto">{{ block.button_label }}</span>
</span>
</span>
</a>
{% if loop.index == 3 or loop.index == 4 or loop.index == 6 %}
</div>
{% endif %}
{% endfor %}
</div>
</section>