<section class="section section__activities {% if contents['activities']['active'] is not defined or contents['activities']['active'] != 'on' %}d-none{% endif %}">
<div class="container">
<div class="row">
<div class="col-lg-5 v-align-center">
<h2 class="section__title">{% if contents['activities']['title'] is defined %}{{contents['activities']['title']}}{% endif %}</h2>
<div class="section__content">
{% if contents['activities']['content'] is defined %}{{contents['activities']['content']|raw}}{% endif %}
</div>
<div class="section__buttons">
{% if contents['activities']['buttons'] is defined %}
{% for button in contents['activities']['buttons'] %}
<a href="{{button['buttonUrl']}}" {% if button['blank'] %}target="_blank"{% endif %}>
<button class="btn btn-outline">{{button['buttonLabel']}}</button>
</a>
{% endfor %}
{% endif %}
</div>
</div>
<div class="offset-lg-1 col-lg-6">
<div id="activities-slider" class="section__slider">
<div class="section__slide justify-content-center">
<div class="card">
<div class="card__icon" style="background-color: rgba(61,88,219,0.18);"><i class="fas fa-cog" style="color: rgba(61,88,219);"></i></div>
<p class="card__title">Implantations</p>
<p class="card__text">Even throught using often arouses to classical Latinos</p>
</div>
<div class="card">
<div class="card__icon" style="background-color: rgba(54,182,75,0.18);"><i class="fas fa-cog" style="color: rgba(54,182,75);"></i></div>
<p class="card__title">Urbanisme</p>
<p class="card__text">Even throught using often arouses to classical Latinos</p>
</div>
<div class="card">
<div class="card__icon" style="background-color: rgba(219,61,61,0.18);"><i class="fas fa-cog" style="color: rgba(219,61,61);"></i></div>
<p class="card__title">MaƮtrise d'oeuvre</p>
<p class="card__text">Even throught using often arouses to classical Latinos</p>
</div>
<div class="card">
<div class="card__icon" style="background-color: rgba(244,185,40,0.18);"><i class="fas fa-cog" style="color: rgba(244,185,40);"></i></div>
<p class="card__title">Bornage</p>
<p class="card__text">Even throught using often arouses to classical Latinos</p>
</div>
</div>
<div class="section__slide justify-content-center">
<div class="card">
<div class="card__icon" style="background-color: rgba(61,88,219,0.18);"><i class="fas fa-cog" style="color: rgba(61,88,219);"></i></div>
<p class="card__title">Implantations</p>
<p class="card__text">Even throught using often arouses to classical Latinos</p>
</div>
<div class="card">
<div class="card__icon" style="background-color: rgba(54,182,75,0.18);"><i class="fas fa-cog" style="color: rgba(54,182,75);"></i></div>
<p class="card__title">Urbanisme</p>
<p class="card__text">Even throught using often arouses to classical Latinos</p>
</div>
<div class="card">
<div class="card__icon" style="background-color: rgba(219,61,61,0.18);"><i class="fas fa-cog" style="color: rgba(219,61,61);"></i></div>
<p class="card__title">MaƮtrise d'oeuvre</p>
<p class="card__text">Even throught using often arouses to classical Latinos</p>
</div>
<div class="card">
<div class="card__icon" style="background-color: rgba(244,185,40,0.18);"><i class="fas fa-cog" style="color: rgba(244,185,40);"></i></div>
<p class="card__title">Bornage</p>
<p class="card__text">Even throught using often arouses to classical Latinos</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>