{% extends 'base.html.twig' %}

{% block title %}Nos réalisations en photos avant / apres - {{ metaP().raisonSociale }}{% endblock %}

{% block body %}
<article id="avantApres" class="avantApres portfolio">
    <div class="container">
        <div class="section-title">
            <h1 class="sectionTitre">Nos réalisations</h1>
        </div>
        <!-- <div class="row">
            <div class="col-lg-12 d-flex justify-content-center">
                <ul id="iso-flters">
                    <li data-filter="*" class="filter-active">{% trans %}Tous{% endtrans %}</li>
                    {% for filtre in filtres %}
                    <li data-filter=".filter-{{ filtre|lower|replace({' ': ''}) }}">
                        {{ filtre }}</li>
                    {% endfor %}
                </ul>
            </div>
        </div> -->
        <ul id="portfolio-flters" class="d-flex filters justify-content-center" data-aos="fade-up" data-aos-delay="100">
            <li data-filter="*" class="filter-active">Tous</li>
            {% for filtre in filtres %}
            <li data-filter=".filter-{{ filtre|lower|replace({' ': ''}) }}">
                {{ filtre }}</li>
            {% endfor %}
        </ul>
        <div class="row gy-4 center flex-c filter">
            {% include 'pages/beforeAfter/beforeAfter.html.twig' %}
        </div>
    </div>
</article>
{% endblock %}