{% set title = "Nos valeurs"|os_trans("Our values") %}
{% set menu = 'about' %}
{% import "Default/macros.html.twig" as macros %}

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

{% block content %}
<div class='gpadding {{desktop("vt-60-in")}} {{mobile("vt-30-in")}} '>
    <div class='articles {{desktop("")}} {{mobile("")}}'>
        {% for o in list %}
        <aside class="shadow {{desktop('flex row bottom-60')}}{{mobile('bottom-20')}}">
            <figure class="relative hoverflow {{desktop('third_30')}}{{mobile('w100 mrect')}}">
                <img src="{{asset(o.picture)}}" class="block w100" loading="lazy">
            </figure>
            <div class="flex col middle left w100 {{desktop('hz-60-in vt-30-in')}}{{mobile('hz-20-in vt-15-in')}}">
                <h2 class="h3 upper warning">{{o|os_trans("label")}}</h2>
                <p class="top-10 h5">
                    {{o|os_trans("description")|nl2br}}
                </p>
            </div>
        </aside>
        {% endfor %}
    </div>
    <div class='{{desktop("")}}'>
    {% include ("Default/counter.html.twig") with {expanded:true} %}
    </div>
</div>
{% endblock %}