<div>
    <div class="row mt-5">

        <div class="col-lg-4 mb-3">
            <h2 class="sr-only">Les plus visités</h2>
            <nav class="p-1" aria-labelledby="acces-direct-economie">
                <ul class="vd-menu-list-links">
                    <li class="nav-item"><a href="#" class="nav-link">Lorem ipsum dolor.</a></li>
                    <li class="nav-item"><a href="#" class="nav-link">Lorem ipsum dolor.</a></li>
                    <li class="nav-item"><a href="#" class="nav-link">Lorem ipsum dolor.</a></li>
                </ul>
            </nav>
        </div><!-- /.col-lg-4 -->

        <div class="col-lg-8">
            <h2 class="sr-only">Thèmes</h2>
            <ul class="list-unstyled row" aria-labelledby="economie">

                <li class="vd-domain-item vd-domain-item--big mb-4 col-md-6">
                    <a href="domaines" class="vd-link-invisible vd-domain-item__link h2">Entreprises</a>
                    <span class="vd-domain-item__text">
                        <span class="sr-only">(Exemple de contenu: </span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.<span class="sr-only">)</span>
                    </span>
                </li>

                <li class="vd-domain-item vd-domain-item--big mb-4 col-md-6">
                    <a href="domaines" class="vd-link-invisible vd-domain-item__link h2">Marchés publics</a>
                    <span class="vd-domain-item__text">
                        <span class="sr-only">(Exemple de contenu: </span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.<span class="sr-only">)</span>
                    </span>
                </li>

                <li class="vd-domain-item vd-domain-item--big mb-4 col-md-6">
                    <a href="domaines" class="vd-link-invisible vd-domain-item__link h2">Emploi - Chômage</a>
                    <span class="vd-domain-item__text">
                        <span class="sr-only">(Exemple de contenu: </span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.<span class="sr-only">)</span>
                    </span>
                </li>

                <li class="vd-domain-item vd-domain-item--big mb-4 col-md-6">
                    <a href="domaines" class="vd-link-invisible vd-domain-item__link h2">Développement économique</a>
                    <span class="vd-domain-item__text">
                        <span class="sr-only">(Exemple de contenu: </span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.<span class="sr-only">)</span>
                    </span>
                </li>

                <li class="vd-domain-item vd-domain-item--big mb-4 col-md-6">
                    <a href="domaines" class="vd-link-invisible vd-domain-item__link h2">Tourisme</a>
                    <span class="vd-domain-item__text">
                        <span class="sr-only">(Exemple de contenu: </span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.<span class="sr-only">)</span>
                    </span>
                </li>

                <li class="vd-domain-item vd-domain-item--big mb-4 col-md-6">
                    <a href="domaines" class="vd-link-invisible vd-domain-item__link h2">Agriculture</a>
                    <span class="vd-domain-item__text">
                        <span class="sr-only">(Exemple de contenu: </span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.<span class="sr-only">)</span>
                    </span>
                </li>

                <li class="vd-domain-item vd-domain-item--big mb-4 col-md-6">
                    <a href="domaines" class="vd-link-invisible vd-domain-item__link h2">Protection consommateur</a>
                    <span class="vd-domain-item__text">
                        <span class="sr-only">(Exemple de contenu: </span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.<span class="sr-only">)</span>
                    </span>
                </li>

                <li class="vd-domain-item vd-domain-item--big mb-4 col-md-6">
                    <a href="domaines" class="vd-link-invisible vd-domain-item__link h2">Poursuites et faillites</a>
                    <span class="vd-domain-item__text">
                        <span class="sr-only">(Exemple de contenu: </span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.<span class="sr-only">)</span>
                    </span>
                </li>

                <li class="vd-domain-item vd-domain-item--big mb-4 col-md-6">
                    <a href="domaines" class="vd-link-invisible vd-domain-item__link h2">Registre du commerce</a>
                    <span class="vd-domain-item__text">
                        <span class="sr-only">(Exemple de contenu: </span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.<span class="sr-only">)</span>
                    </span>
                </li>

                <li class="vd-domain-item vd-domain-item--big mb-4 col-md-6">
                    <a href="domaines" class="vd-link-invisible vd-domain-item__link h2">Police du commerce</a>
                    <span class="vd-domain-item__text">
                        <span class="sr-only">(Exemple de contenu: </span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.<span class="sr-only">)</span>
                    </span>
                </li>

            </ul><!-- /.col-lg-8 -->
        </div><!-- /.row -->

    </div><!-- /.row -->
</div>
{% for domain in domains %}
  {% if domain.name ==  activeDomain or not activeDomain %}
  <div>
    <div class="row mt-5">

      <div class="col-lg-4 mb-3">
        <h2 class="sr-only">Les plus visités</h2>
        <nav class="p-1" aria-labelledby="acces-direct-{{ domain.name | lower }}">
          <ul class="vd-menu-list-links">
            <li class="nav-item"><a href="#" class="nav-link">Lorem ipsum dolor.</a></li>
            <li class="nav-item"><a href="#" class="nav-link">Lorem ipsum dolor.</a></li>
            <li class="nav-item"><a href="#" class="nav-link">Lorem ipsum dolor.</a></li>
          </ul>
        </nav>
      </div><!-- /.col-lg-4 -->

      <div class="col-lg-8">
        <h2 class="sr-only">Thèmes</h2>
        <ul class="list-unstyled row" aria-labelledby="{{ domain.name | lower | urlencode }}">
          {% for theme in domain.themes %}
          {% render '@domain-item', {styleModifier:'mb-4 col-md-6', name:theme.name}, true %}
          {% endfor %}
        </ul><!-- /.col-lg-8 -->
      </div><!-- /.row -->

    </div><!-- /.row -->
  </div>
  {% endif %}
{% endfor %}
{
  "activeDomain": "Economie",
  "domains": [
    {
      "name": "Culture",
      "themes": [
        {
          "name": "Aides et soutiens"
        },
        {
          "name": "Ecole-Musée"
        },
        {
          "name": "Bibliothèque cantonale et universitaire"
        },
        {
          "name": "Musées cantonaux"
        },
        {
          "name": "Patrimoine vaudois"
        },
        {
          "name": "Passculture"
        },
        {
          "name": "Formations artistiques"
        },
        {
          "name": "Cinéma"
        },
        {
          "name": "Assises de la culture"
        }
      ],
      "description": "Aides et subventions, passculture, Musées, Bibliothèques, Patrimoine vaudois, etc."
    },
    {
      "name": "Economie",
      "themes": [
        {
          "name": "Entreprises"
        },
        {
          "name": "Marchés publics"
        },
        {
          "name": "Emploi - Chômage"
        },
        {
          "name": "Développement économique"
        },
        {
          "name": "Tourisme"
        },
        {
          "name": "Agriculture"
        },
        {
          "name": "Protection consommateur"
        },
        {
          "name": "Poursuites et faillites"
        },
        {
          "name": "Registre du commerce"
        },
        {
          "name": "Police du commerce"
        }
      ],
      "description": "Registre du commerce, poursuites et faillites, Entreprise, Chômage, Agriculture, développement économique, etc."
    },
    {
      "name": "Environnement",
      "themes": [
        {
          "name": "Développement durable"
        },
        {
          "name": "Faune et nature"
        },
        {
          "name": "Forêts"
        },
        {
          "name": "Air"
        },
        {
          "name": "Sols"
        },
        {
          "name": "Eaux"
        },
        {
          "name": "Energie"
        },
        {
          "name": "Bruit"
        },
        {
          "name": "Rayonnement"
        },
        {
          "name": "Produits chimiques"
        },
        {
          "name": "Déchets"
        },
        {
          "name": "Sites pollués"
        }
      ],
      "description": "Subventions pour l’énergie, faune et nature, eaux, forêts, air, développement durable, etc."
    },
    {
      "name": "Etat, Droit, Finance",
      "themes": [
        {
          "name": "Lois / Constitution"
        },
        {
          "name": "Votations et élections"
        },
        {
          "name": "Justice"
        },
        {
          "name": "Médiations"
        },
        {
          "name": "Protection des données et transparence"
        },
        {
          "name": "Curatelles et tutelles"
        },
        {
          "name": "Égalité"
        },
        {
          "name": "Impôts"
        },
        {
          "name": "Finances publiques"
        },
        {
          "name": "Affaires extérieures"
        },
        {
          "name": "Personnel de l'État"
        },
        {
          "name": "Statistiques"
        }
      ],
      "description": "Justice, votations, Egalité, protection des données, Impôts, finances publiques, Etat employeur, statistiques, etc."
    },
    {
      "name": "Formation",
      "themes": [
        {
          "name": "Avant l'Ecole"
        },
        {
          "name": "Scolarité obligatoire"
        },
        {
          "name": "Gymnase"
        },
        {
          "name": "Apprentissage"
        },
        {
          "name": "Enseignement supérieur"
        },
        {
          "name": "Orientation"
        },
        {
          "name": "Bourses"
        },
        {
          "name": "Pédagogie spécialisée"
        },
        {
          "name": "Santé à l'école"
        },
        {
          "name": "Jours fériés et vacances scolaires"
        },
        {
          "name": "Schooling"
        },
        {
          "name": "Espace enseignant"
        }
      ],
      "description": "Vacances scolaires, scolarité obligatoire, orientation, apprentissage, gymnase, Bourses, etc."
    },
    {
      "name": "Mobilité",
      "themes": [
        {
          "name": "Mobilité et planification"
        },
        {
          "name": "Mobilité douce"
        },
        {
          "name": "Promotion des mobilités durables"
        },
        {
          "name": "Routes"
        },
        {
          "name": "Transports publics"
        },
        {
          "name": "Automobile"
        },
        {
          "name": "Navigation"
        }
      ],
      "description": "Automobiles, Routes, navigation, transports publics, mobilités durables, etc."
    },
    {
      "name": "Santé",
      "themes": [
        {
          "name": "Actualités"
        },
        {
          "name": "Système de santé"
        },
        {
          "name": "Organisation"
        },
        {
          "name": "Lutte contre les maladies"
        },
        {
          "name": "Prévention"
        },
        {
          "name": "Dépendances"
        },
        {
          "name": "Professionnels"
        }
      ],
      "description": "Prévention, système de santé, dépendances, santé en milieu scolaire, droit des patients, les professionnels de la santé, etc."
    },
    {
      "name": "Social",
      "themes": [
        {
          "name": "Informations sociales"
        },
        {
          "name": "Prestations, assurances et soutien"
        },
        {
          "name": "Vivre à domicile"
        },
        {
          "name": "EMS"
        },
        {
          "name": "Handicaps"
        },
        {
          "name": "Dettes et surendettement"
        },
        {
          "name": "Aide aux victimes et auteur-e-s de violences"
        },
        {
          "name": "Bénévolat"
        }
      ],
      "description": "Subside à l’assurance maladie, revenu d’insertion, violence, le RDU, les prestations familles, PC familles, Rente-pont, etc."
    },
    {
      "name": "Vie privée",
      "themes": [
        {
          "name": "Familles"
        },
        {
          "name": "Enfance et jeunesse"
        },
        {
          "name": "Logement"
        },
        {
          "name": "Contrôle des habitants"
        },
        {
          "name": "Etat civil"
        },
        {
          "name": "Documents d'identité"
        },
        {
          "name": "Population étrangère"
        },
        {
          "name": "Religions"
        },
        {
          "name": "Animaux"
        },
        {
          "name": "Sport"
        },
        {
          "name": "Violence domestique"
        }
      ],
      "description": "Vacances scolaires, scolarité obligatoire, orientation, apprentissage, gymnase, Bourses, etc."
    },
    {
      "name": "Sécurité",
      "themes": [
        {
          "name": "Prévention"
        },
        {
          "name": "Protection de la population"
        },
        {
          "name": "Police"
        },
        {
          "name": "Pompiers"
        },
        {
          "name": "Armée"
        },
        {
          "name": "Protection civile"
        },
        {
          "name": "Pénitentiaire"
        },
        {
          "name": "Catastrophe"
        },
        {
          "name": "Service civil"
        }
      ],
      "description": "Police, pénitentiaire, armée, catastrophe, protection de la population, etc."
    },
    {
      "name": "Territoire",
      "themes": [
        {
          "name": "Aménagement"
        },
        {
          "name": "Améliorations foncières"
        },
        {
          "name": "Opérations foncières"
        },
        {
          "name": "Géologie"
        },
        {
          "name": "Dangers Naturels"
        },
        {
          "name": "Informations sur le territoire"
        },
        {
          "name": "Construction"
        },
        {
          "name": "Registre foncier"
        },
        {
          "name": "Districts / Préfectures"
        },
        {
          "name": "Communes"
        }
      ],
      "description": "Aménagement, permis de construire, registre foncier, communes, préfectures, dangers naturels, etc."
    }
  ]
}

No notes defined.