Baden-Württemberg Stiftung

Link Collection @link-collection

In Development

HTML
Context

<div class="link-collection link-collection--blue">
  <div class="link-collection__items">
    <div class="link-collection__item">
      <div class="link-list">
        <h3 class="headline headline--5 link-list__headline">Weiterführende Informationen</h3>
        <ul class="link-list__list">
          <li class="link-list__item"><a class="link" href="#">Kurzfilmwettbewerb „Smart. Ohne Phone startet“</a></li>
          <li class="link-list__item"><a class="link" href="#">Stiftungsprogramm verbessert Integration in Baden-Württemberg</a></li>
          <li class="link-list__item"><a class="link" href="#">Ausschreibung Lehrerpreis der Stiftung der Kinderland</a></li>
        </ul>
      </div>
    </div>
    <div class="link-collection__item">
      <div class="link-list">
        <h3 class="headline headline--5 link-list__headline">Zugehörige Begriffe</h3>
        <ul class="link-list__list">
          <li class="link-list__item"><a class="link" href="/dove">Dove</a></li>
          <li class="link-list__item"><a class="link" href="/dragonfly">Dragonfly</a></li>
          <li class="link-list__item"><a class="link" href="/duck">Duck</a></li>
          <li class="link-list__item"><a class="link" href="/deer">Deer</a></li>
          <li class="link-list__item"><a class="link" href="/dolphin">Dolphin</a></li>
          <li class="link-list__item"><a class="link" href="/donkey">Donkey</a></li>
          <li class="link-list__item"><a class="link" href="/dovekie">Dovekie</a></li>
          <li class="link-list__item"><a class="link" href="/dugong">Dugong</a></li>
          <li class="link-list__item"><a class="link" href="/dunnock">Dunnock</a></li>
          <li class="link-list__item"><a class="link" href="/dusky-dolphin">Dusky Dolphin with a name that is a bit longer</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>

{
  "backgroundColor": "blue",
  "items": [
    {
      "headline": {
        "text": "Weiterführende Informationen",
        "size": 5
      },
      "items": [
        {
          "link": "#",
          "icon": null,
          "text": "Kurzfilmwettbewerb „Smart. Ohne Phone startet“"
        },
        {
          "link": "#",
          "icon": null,
          "text": "Stiftungsprogramm verbessert Integration in Baden-Württemberg"
        },
        {
          "link": "#",
          "icon": null,
          "text": "Ausschreibung Lehrerpreis der Stiftung der Kinderland"
        }
      ]
    },
    {
      "headline": {
        "text": "Zugehörige Begriffe",
        "size": 5
      },
      "items": [
        {
          "text": "Dove",
          "link": "/dove"
        },
        {
          "text": "Dragonfly",
          "link": "/dragonfly"
        },
        {
          "text": "Duck",
          "link": "/duck"
        },
        {
          "text": "Deer",
          "link": "/deer"
        },
        {
          "text": "Dolphin",
          "link": "/dolphin"
        },
        {
          "text": "Donkey",
          "link": "/donkey"
        },
        {
          "text": "Dovekie",
          "link": "/dovekie"
        },
        {
          "text": "Dugong",
          "link": "/dugong"
        },
        {
          "text": "Dunnock",
          "link": "/dunnock"
        },
        {
          "text": "Dusky Dolphin with a name that is a bit longer",
          "link": "/dusky-dolphin"
        }
      ]
    }
  ]
}