Front W - Pattern Library

Linkbox 

<div class="box">
    <h3 class="mb--lg">Mehr zum Studiengang</h3>
    <ul class="list list--ordered text-columns md:text-columns--2">
        <li>
            <a href="/studieninhalte-aufbau#section-1">Studienverlauf</a>
        </li>
        <li>
            <a href="/voraussetzungen-bewerbung#section-2">Zugangsvoraussetzungen</a>
        </li>
        <li>
            <a href="/studieninhalte-aufbau#section-4">Professor*innen / Dozent*innen</a>
        </li>
        <li>
            <a href="/profil#section-4">Erfahrungsberichte</a>
        </li>
        <li>
            <a href="/aktuelles">Termine und Fristen</a>
        </li>
        <li>
            <a href="/profil#section-3">Berufsperspektiven</a>
        </li>
        <li>
            <a href="/aktuelles">Gastvorträge und Praxisprojekte</a>
        </li>
        <li>
            <a href="/aktuelles">Veranstaltungen</a>
        </li>
        <li>
            <a href="/voraussetzungen-bewerbung#section-4">Beratung und Kontakt</a>
        </li>
    </ul>
</div>
 
<div class="box">
  {% if title is defined %}
    <h3 class="mb--lg">{{ title }}</h3>
  {% endif %}
  {% if links|length > 0 %}
    <ul class="list list--ordered text-columns md:text-columns--2">
      {% for link in links %}
        <li>
          <a href="{{ link.url }}">{{ link.title }}</a>
        </li>
      {% endfor %}
    </ul>
  {% endif %}
</div>
 
{
  "title": "Mehr zum Studiengang",
  "links": [
    {
      "url": "/studieninhalte-aufbau#section-1",
      "title": "Studienverlauf"
    },
    {
      "url": "/voraussetzungen-bewerbung#section-2",
      "title": "Zugangsvoraussetzungen"
    },
    {
      "url": "/studieninhalte-aufbau#section-4",
      "title": "Professor*innen / Dozent*innen"
    },
    {
      "url": "/profil#section-4",
      "title": "Erfahrungsberichte"
    },
    {
      "url": "/aktuelles",
      "title": "Termine und Fristen"
    },
    {
      "url": "/profil#section-3",
      "title": "Berufsperspektiven"
    },
    {
      "url": "/aktuelles",
      "title": "Gastvorträge und Praxisprojekte"
    },
    {
      "url": "/aktuelles",
      "title": "Veranstaltungen"
    },
    {
      "url": "/voraussetzungen-bewerbung#section-4",
      "title": "Beratung und Kontakt"
    }
  ]
}