{% extends 'layouts/front/basethematiques.html.twig' %}
{% block title %}{{ parametres.structure ? parametres.structure.name : company_name }} | {{ title }}{% endblock %}
{% block body %}
{% for thematique in thematiques %}
<!-- start parallax section -->
<section class="p-0 parallax sm-background-image-center cover-background" data-stellar-background-ratio="0.5" style="background-image:url(
{% if thematique.filename %}
{{ vich_uploader_asset(thematique, 'imageFile') | imagine_filter('thematiques_large') }}
{% else %}
{{ asset('assetics/internes/images/empty.jpg') | imagine_filter('thematiques_large') }}
{% endif %}
);">
<div class="container-fluid one-third-screen position-relative lg-height-600px md-height-700px sm-height-450px">
<div class="slider-typography">
<div class="slider-text-middle-main">
<div class="slider-text-bottom text-left padding-70px-left sm-padding-15px-all">
<span class="alt-font text-uppercase font-weight-600 text-extra-small text-black letter-spacing-1 margin-25px-bottom sm-no-margin-bottom d-table d-md-block md-opacity10 parallax-category-text">{{ thematique.laus }}</span>
<a href="{{ path('articles.index', {'id': thematique.id, 'slug': thematique.slug}) }}" class="text-extra-large alt-font text-extra-dark-gray bg-white parallax-title mb-0">{{ thematique.name }}</a>
<div class="clear-both"></div>
<a href="{{ path('articles.index', {'id': thematique.id, 'slug': thematique.slug}) }}" class="btn btn-black btn-very-small margin-70px-bottom sm-no-margin-bottom">Découvrir</a>
</div>
</div>
</div>
</div>
</section>
<!-- end parallax section -->
{% endfor %}
{% endblock %}