Front W - Pattern Library

Branding 

<div class="branding">
    <div class="logo">
        <a href="https://hs-duesseldorf.de/" title="Startseite Hochschule Düsseldorf" aria-label="Startseite Hochschule Düsseldorf">
            <img src="/assets/logos/marke_hsd.svg" alt="">
        </a>
    </div>
    <div class="logo">
        <a href="https://wiwi.hs-duesseldorf.de/" title="Startseite Fachbereich Wirtschaftswissenschaften" aria-label="Startseite Fachbereich Wirtschaftswissenschaften">
            <img src="/assets/logos/marke_w.svg" alt="">
        </a>
    </div>
</div>
 
<div class="branding">
  {% for item in logos %}
  <div class="logo">
    <a href="{{ item.url }}" title="{{ item.label }}" aria-label="{{ item.label }}">
      <img src="{{ item.src }}" alt="">
    </a>
  </div>
  {% endfor %}
</div>
 
{
  "logos": [
    {
      "label": "Startseite Hochschule Düsseldorf",
      "url": "https://hs-duesseldorf.de/",
      "src": "/assets/logos/marke_hsd.svg"
    },
    {
      "label": "Startseite Fachbereich Wirtschaftswissenschaften",
      "url": "https://wiwi.hs-duesseldorf.de/",
      "src": "/assets/logos/marke_w.svg"
    }
  ]
}