Foehn Design System

Filter List Result List 

<h2>Ordre de tri</h2>
<ul>
    <li><a href="#">Trier par ordre alphabétique</a></li>
    <li><a href="#">Trier par ordre alphabétique inverse</a></li>
</ul>

<h2>Liste des résultats</h2>

<p>

    11

    résultats trouvés
</p>

<ol class="list-unstyled">

    <li>
        <h3>La Marmotte</h3>
        <dl class="row">
            <dt class="col-md-4">Région</dt>
            <dd class="col-md-8">Lausanne</dd>
            <dt class="col-md-4">Situation</dt>
            <dd class="col-md-8">Violence conjugale, Traite des êtres humains, Situation de précarité</dd>
            <dt class="col-md-4">Clientèle</dt>
            <dd class="col-md-8">Adultes uniquement</dd>
            <dt class="col-md-4">Degré</dt>
            <dd class="col-md-8">Avec rendez-vous</dd>
            <dt class="col-md-4">Offre</dt>
            <dd class="col-md-8">Hébergement, Intervention d'urgence, Information - Prévention - Orientation</dd>
        </dl>
        <p>
            <a href="#">
                Plus de détail<span class="sr-only"> sur La Marmotte</span>
            </a>
        </p>
    </li>

    <li>
        <h3>Armée du Salut - Bureau Social</h3>
        <dl class="row">
            <dt class="col-md-4">Région</dt>
            <dd class="col-md-8">Lausanne</dd>
            <dt class="col-md-4">Situation</dt>
            <dd class="col-md-8">Violence conjugale, Traite des êtres humains, Situation de précarité</dd>
            <dt class="col-md-4">Clientèle</dt>
            <dd class="col-md-8">Adultes uniquement</dd>
            <dt class="col-md-4">Degré</dt>
            <dd class="col-md-8">Avec rendez-vous</dd>
            <dt class="col-md-4">Offre</dt>
            <dd class="col-md-8">Hébergement, Intervention d'urgence, Information - Prévention - Orientation</dd>
        </dl>
        <p>
            <a href="#">
                Plus de détail<span class="sr-only"> sur Armée du Salut - Bureau Social</span>
            </a>
        </p>
    </li>

    <li>
        <h3>CSR Lausanne</h3>
        <dl class="row">
            <dt class="col-md-4">Région</dt>
            <dd class="col-md-8">Lausanne</dd>
            <dt class="col-md-4">Situation</dt>
            <dd class="col-md-8">Violence conjugale, Traite des êtres humains, Situation de précarité</dd>
            <dt class="col-md-4">Clientèle</dt>
            <dd class="col-md-8">Adultes uniquement</dd>
            <dt class="col-md-4">Degré</dt>
            <dd class="col-md-8">Avec rendez-vous</dd>
            <dt class="col-md-4">Offre</dt>
            <dd class="col-md-8">Hébergement, Intervention d'urgence, Information - Prévention - Orientation</dd>
        </dl>
        <p>
            <a href="#">
                Plus de détail<span class="sr-only"> sur CSR Lausanne</span>
            </a>
        </p>
    </li>

    <li>
        <h3>(anciennement Centre Saint-Martin)</h3>
        <dl class="row">
            <dt class="col-md-4">Région</dt>
            <dd class="col-md-8">Lausanne</dd>
            <dt class="col-md-4">Situation</dt>
            <dd class="col-md-8">Violence conjugale, Traite des êtres humains, Situation de précarité</dd>
            <dt class="col-md-4">Clientèle</dt>
            <dd class="col-md-8">Adultes uniquement</dd>
            <dt class="col-md-4">Degré</dt>
            <dd class="col-md-8">Avec rendez-vous</dd>
            <dt class="col-md-4">Offre</dt>
            <dd class="col-md-8">Hébergement, Intervention d'urgence, Information - Prévention - Orientation</dd>
        </dl>
        <p>
            <a href="#">
                Plus de détail<span class="sr-only"> sur (anciennement Centre Saint-Martin)</span>
            </a>
        </p>
    </li>

    <li>
        <h3>Fondation Mère Sofia - Echelle</h3>
        <dl class="row">
            <dt class="col-md-4">Région</dt>
            <dd class="col-md-8">Lausanne</dd>
            <dt class="col-md-4">Situation</dt>
            <dd class="col-md-8">Violence conjugale, Traite des êtres humains, Situation de précarité</dd>
            <dt class="col-md-4">Clientèle</dt>
            <dd class="col-md-8">Adultes uniquement</dd>
            <dt class="col-md-4">Degré</dt>
            <dd class="col-md-8">Avec rendez-vous</dd>
            <dt class="col-md-4">Offre</dt>
            <dd class="col-md-8">Hébergement, Intervention d'urgence, Information - Prévention - Orientation</dd>
        </dl>
        <p>
            <a href="#">
                Plus de détail<span class="sr-only"> sur Fondation Mère Sofia - Echelle</span>
            </a>
        </p>
    </li>

    <li>
        <h3>Fondation Point d&#39;Eau Lausanne</h3>
        <dl class="row">
            <dt class="col-md-4">Région</dt>
            <dd class="col-md-8">Lausanne</dd>
            <dt class="col-md-4">Situation</dt>
            <dd class="col-md-8">Violence conjugale, Traite des êtres humains, Situation de précarité</dd>
            <dt class="col-md-4">Clientèle</dt>
            <dd class="col-md-8">Adultes uniquement</dd>
            <dt class="col-md-4">Degré</dt>
            <dd class="col-md-8">Avec rendez-vous</dd>
            <dt class="col-md-4">Offre</dt>
            <dd class="col-md-8">Hébergement, Intervention d'urgence, Information - Prévention - Orientation</dd>
        </dl>
        <p>
            <a href="#">
                Plus de détail<span class="sr-only"> sur Fondation Point d&#39;Eau Lausanne</span>
            </a>
        </p>
    </li>

    <li>
        <h3>Bureau de l&#39;égalité entre les femmes et les hommes (BEFH)</h3>
        <dl class="row">
            <dt class="col-md-4">Région</dt>
            <dd class="col-md-8">Lausanne</dd>
            <dt class="col-md-4">Situation</dt>
            <dd class="col-md-8">Violence conjugale, Traite des êtres humains, Situation de précarité</dd>
            <dt class="col-md-4">Clientèle</dt>
            <dd class="col-md-8">Adultes uniquement</dd>
            <dt class="col-md-4">Degré</dt>
            <dd class="col-md-8">Avec rendez-vous</dd>
            <dt class="col-md-4">Offre</dt>
            <dd class="col-md-8">Hébergement, Intervention d'urgence, Information - Prévention - Orientation</dd>
        </dl>
        <p>
            <a href="#">
                Plus de détail<span class="sr-only"> sur Bureau de l&#39;égalité entre les femmes et les hommes (BEFH)</span>
            </a>
        </p>
    </li>

    <li>
        <h3>Etat civil</h3>
        <dl class="row">
            <dt class="col-md-4">Région</dt>
            <dd class="col-md-8">Lausanne</dd>
            <dt class="col-md-4">Situation</dt>
            <dd class="col-md-8">Violence conjugale, Traite des êtres humains, Situation de précarité</dd>
            <dt class="col-md-4">Clientèle</dt>
            <dd class="col-md-8">Adultes uniquement</dd>
            <dt class="col-md-4">Degré</dt>
            <dd class="col-md-8">Avec rendez-vous</dd>
            <dt class="col-md-4">Offre</dt>
            <dd class="col-md-8">Hébergement, Intervention d'urgence, Information - Prévention - Orientation</dd>
        </dl>
        <p>
            <a href="#">
                Plus de détail<span class="sr-only"> sur Etat civil</span>
            </a>
        </p>
    </li>

    <li>
        <h3>Fondation vaudoise de probation</h3>
        <dl class="row">
            <dt class="col-md-4">Région</dt>
            <dd class="col-md-8">Lausanne</dd>
            <dt class="col-md-4">Situation</dt>
            <dd class="col-md-8">Violence conjugale, Traite des êtres humains, Situation de précarité</dd>
            <dt class="col-md-4">Clientèle</dt>
            <dd class="col-md-8">Adultes uniquement</dd>
            <dt class="col-md-4">Degré</dt>
            <dd class="col-md-8">Avec rendez-vous</dd>
            <dt class="col-md-4">Offre</dt>
            <dd class="col-md-8">Hébergement, Intervention d'urgence, Information - Prévention - Orientation</dd>
        </dl>
        <p>
            <a href="#">
                Plus de détail<span class="sr-only"> sur Fondation vaudoise de probation</span>
            </a>
        </p>
    </li>

    <li>
        <h3>Institut universitaire de médecine légale</h3>
        <dl class="row">
            <dt class="col-md-4">Région</dt>
            <dd class="col-md-8">Lausanne</dd>
            <dt class="col-md-4">Situation</dt>
            <dd class="col-md-8">Violence conjugale, Traite des êtres humains, Situation de précarité</dd>
            <dt class="col-md-4">Clientèle</dt>
            <dd class="col-md-8">Adultes uniquement</dd>
            <dt class="col-md-4">Degré</dt>
            <dd class="col-md-8">Avec rendez-vous</dd>
            <dt class="col-md-4">Offre</dt>
            <dd class="col-md-8">Hébergement, Intervention d'urgence, Information - Prévention - Orientation</dd>
        </dl>
        <p>
            <a href="#">
                Plus de détail<span class="sr-only"> sur Institut universitaire de médecine légale</span>
            </a>
        </p>
    </li>

    <li>
        <h3>Ministère public d&#39;arrondissement de La Côte</h3>
        <dl class="row">
            <dt class="col-md-4">Région</dt>
            <dd class="col-md-8">Lausanne</dd>
            <dt class="col-md-4">Situation</dt>
            <dd class="col-md-8">Violence conjugale, Traite des êtres humains, Situation de précarité</dd>
            <dt class="col-md-4">Clientèle</dt>
            <dd class="col-md-8">Adultes uniquement</dd>
            <dt class="col-md-4">Degré</dt>
            <dd class="col-md-8">Avec rendez-vous</dd>
            <dt class="col-md-4">Offre</dt>
            <dd class="col-md-8">Hébergement, Intervention d'urgence, Information - Prévention - Orientation</dd>
        </dl>
        <p>
            <a href="#">
                Plus de détail<span class="sr-only"> sur Ministère public d&#39;arrondissement de La Côte</span>
            </a>
        </p>
    </li>

</ol>
 
<h2>Ordre de tri</h2>
<ul>
    <li><a href="#">Trier par ordre alphabétique</a></li>
    <li><a href="#">Trier par ordre alphabétique inverse</a></li>
</ul>

<h2>Liste des résultats</h2>

<p>
{% for item in results %}
{%if loop.last %}{{ loop.length }}{% endif %}
{% endfor %}
résultats trouvés
</p>

<ol class="list-unstyled">
    {% for item in results %}
    <li>
        <h3>{{ item.name }}</h3>
        <dl class="row">
            <dt class="col-md-4">Région</dt>
            <dd class="col-md-8">Lausanne</dd>
            <dt class="col-md-4">Situation</dt>
            <dd class="col-md-8">Violence conjugale, Traite des êtres humains, Situation de précarité</dd>
            <dt class="col-md-4">Clientèle</dt>
            <dd class="col-md-8">Adultes uniquement</dd>
            <dt class="col-md-4">Degré</dt>
            <dd class="col-md-8">Avec rendez-vous</dd>
            <dt class="col-md-4">Offre</dt>
            <dd class="col-md-8">Hébergement, Intervention d'urgence, Information - Prévention - Orientation</dd>
        </dl>
        <p>
            <a href="#">
                Plus de détail<span class="sr-only"> sur {{ item.name }}</span>
            </a>
        </p>
    </li>
    {% endfor %}
</ol>
 
{
  "results": [
    {
      "name": "La Marmotte"
    },
    {
      "name": "Armée du Salut - Bureau Social"
    },
    {
      "name": "CSR Lausanne"
    },
    {
      "name": "(anciennement Centre Saint-Martin)"
    },
    {
      "name": "Fondation Mère Sofia - Echelle"
    },
    {
      "name": "Fondation Point d'Eau Lausanne"
    },
    {
      "name": "Bureau de l'égalité entre les femmes et les hommes (BEFH)"
    },
    {
      "name": "Etat civil"
    },
    {
      "name": "Fondation vaudoise de probation"
    },
    {
      "name": "Institut universitaire de médecine légale"
    },
    {
      "name": "Ministère public d'arrondissement de La Côte"
    }
  ]
}

No notes defined.