BAGS — Design System

List Brands 

<div class="list--brands">
    <a class="brand" href="aeg">
        <img src="https://chci-vysavat.cz/images/firms/aeg.jpg" alt="logo firmy AEG">
        <span>AEG</span>
    </a>
    <a class="brand" href="aeg">
        <img src="https://chci-vysavat.cz/images/firms/aeg.jpg" alt="logo firmy AEG">
        <span>AEG</span>
    </a>
    <a class="brand" href="aeg">
        <img src="https://chci-vysavat.cz/images/firms/aeg.jpg" alt="logo firmy AEG">
        <span>AEG</span>
    </a>
    <a class="brand" href="aeg">
        <img src="https://chci-vysavat.cz/images/firms/aeg.jpg" alt="logo firmy AEG">
        <span>AEG</span>
    </a>
    <a class="brand" href="aeg">
        <img src="https://chci-vysavat.cz/images/firms/aeg.jpg" alt="logo firmy AEG">
        <span>AEG</span>
    </a>
    <a class="brand" href="aeg">
        <img src="https://chci-vysavat.cz/images/firms/aeg.jpg" alt="logo firmy AEG">
        <span>AEG</span>
    </a>
    <a class="brand" href="aeg">
        <img src="https://chci-vysavat.cz/images/firms/aeg.jpg" alt="logo firmy AEG">
        <span>AEG</span>
    </a>

</div>
 
<div class="list--brands">
	{% for brand in brands %}{% render '@brand',
		brand %}
	{% endfor %}
</div>
 
{
  "brands": [
    {
      "link": "aeg",
      "img": "https://chci-vysavat.cz/images/firms/aeg.jpg",
      "alt": "logo firmy AEG",
      "brand": "AEG"
    },
    {
      "link": "aeg",
      "img": "https://chci-vysavat.cz/images/firms/aeg.jpg",
      "alt": "logo firmy AEG",
      "brand": "AEG"
    },
    {
      "link": "aeg",
      "img": "https://chci-vysavat.cz/images/firms/aeg.jpg",
      "alt": "logo firmy AEG",
      "brand": "AEG"
    },
    {
      "link": "aeg",
      "img": "https://chci-vysavat.cz/images/firms/aeg.jpg",
      "alt": "logo firmy AEG",
      "brand": "AEG"
    },
    {
      "link": "aeg",
      "img": "https://chci-vysavat.cz/images/firms/aeg.jpg",
      "alt": "logo firmy AEG",
      "brand": "AEG"
    },
    {
      "link": "aeg",
      "img": "https://chci-vysavat.cz/images/firms/aeg.jpg",
      "alt": "logo firmy AEG",
      "brand": "AEG"
    },
    {
      "link": "aeg",
      "img": "https://chci-vysavat.cz/images/firms/aeg.jpg",
      "alt": "logo firmy AEG",
      "brand": "AEG"
    }
  ]
}

No notes defined.