Alain Afflelou Design System

Legal notices 

<div class="container px-0">
    <div class="rounded-t-2xl px-4 lg:px-6 py-6 flex justify-center lg:justify-between items-center gap-8 bg-dark-50 text-light-white flex-wrap lg:flex-nowrap">
        <div class="shrink-0">
            Copyright Alain Afflelou 2024
        </div>
        <div class="flex justify-center lg:justify-end items-center gap-6 lg:gap-4 flex-wrap">
            <a href="#" class="is-underlined text-xs link-light">
                Politique de protection des données personnelles
            </a>
            <a href="#" class="is-underlined text-xs link-light">
                Politique de cookies
            </a>
            <a href="#" class="is-underlined text-xs link-light">
                Paramétrage des cookies
            </a>
            <a href="#" class="is-underlined text-xs link-light">
                Mentions légales
            </a>
            <a href="#" class="is-underlined text-xs link-light">
                CGV
            </a>
            <a href="#" class="is-underlined text-xs link-light">
                Conditions de l’abonnement lentilles
            </a>
            <a href="#" class="is-underlined text-xs link-light">
                Plan du site
            </a>
        </div>
    </div>
</div>
 
<div class="container px-0">
    <div class="rounded-t-2xl px-4 lg:px-6 py-6 flex justify-center lg:justify-between items-center gap-8 bg-dark-50 text-light-white flex-wrap lg:flex-nowrap">
        <div class="shrink-0">
            {{ text }}
        </div>
        <div class="flex justify-center lg:justify-end items-center gap-6 lg:gap-4 flex-wrap">
            {% for link in links %}
                {% render "@template-link" with link|merge({color:color,size:size}) %}
            {% endfor %}
        </div>
    </div>
</div>
 
{
  "text": "Copyright Alain Afflelou 2024",
  "color": "light",
  "size": "xs",
  "links": [
    {
      "label": "Politique de protection des données personnelles",
      "underlined": true
    },
    {
      "label": "Politique de cookies",
      "underlined": true
    },
    {
      "label": "Paramétrage des cookies",
      "underlined": true
    },
    {
      "label": "Mentions légales",
      "underlined": true
    },
    {
      "label": "CGV",
      "underlined": true
    },
    {
      "label": "Conditions de l’abonnement lentilles",
      "underlined": true
    },
    {
      "label": "Plan du site",
      "underlined": true
    }
  ]
}

No notes defined.