{% extends 'base.html.twig' %}
{%- block title_tag -%}
    ▷ Nos réalisations de site internet et de SEO | Refined web
{%- endblock -%}
{%- block description_tag -%}
    Découvrez nos réalisations de site internet et de référencement naturel. Contactez-nous pour discuter de votre projet et obtenir des conseils gratuits.
{%- endblock -%}
{% block robots %}
    <meta name="robots" content="noindex"/>
{% endblock %}
{% block content %}
    <article>
        <div class="section section--portfolios section--index section--unique-padding">
            <div class="section__align-center">
                <h1 class="heading1 heading1--before heading1--regular heading1--portfolio-home">Quelques une de nos réalisations</h1>
                <div class="portfolio__filter">
                    <button class="portfolio__filter-button portfolio__filter-button--active" data-filter="tout">tout</button>
                    {% for category in categories %}
                        <button class="portfolio__filter-button" data-filter="{{category.slug}}">
                            {{- category.name -}}
                        </button>
                    {% endfor %}
                </div>
            </div>
        </div>

        <section class="section section--index">
            <div class="section__align-center">
                <div class="portfolio portfolio--portfolios-home">
                    <div class="portfolio__list">
                        {{ include('portfolio/_portfolios_item.html.twig') }}                   
                        <div class="portfolio__overlay"></div>
                    </div>
                    {% if showLoadButton %}
					<div class="load-items" data-totalItems="{{totalPortfolios}}" data-limit="{{limit}}">
						<button class="button button--load"><i class="load-items__icon flaticon-download"></i><span>Charger plus de réalisations</span></button>
					</div>
				{% endif %}
                </div>
            </div>
        </section>

    </article>
{% endblock %}