<div class="ecl-navigation-list ecl-navigation-list--col-2">
<article class="ecl-navigation-list__item">
<picture class="ecl-picture ecl-navigation-list__picture"><img class="ecl-navigation-list__image"
src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg" alt="Alt text for the image" />
</picture>
<div class="ecl-content-block ecl-navigation-list__content-block" data-ecl-auto-init="ContentBlock"
data-ecl-content-block="">
<h1 class="ecl-content-block__title" data-ecl-title-link=""><a href="/component-library/v3.13.0/example"
class="ecl-link ecl-link--standalone">Title 1</a></h1>
<div class="ecl-content-block__description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus
gravida ipsum ut lorem cursus, quis tincidunt sem viverra. Nunc vestibulum, mauris quis porta venenatis, justo
odio commodo tellus</div>
<div class="ecl-content-block__link-container">
<ul class="ecl-content-block__link-list">
<li class="ecl-content-block__link-item"><a href="/component-library/v3.13.0/example"
class="ecl-link ecl-link--standalone">Primary link 1</a></li>
<li class="ecl-content-block__link-item"><a href="/component-library/v3.13.0/example"
class="ecl-link ecl-link--standalone">Primary link 2</a></li>
<li class="ecl-content-block__link-item">A simple string</li>
<li class="ecl-content-block__link-item"><a href="/component-library/v3.13.0/example"
class="ecl-link ecl-link--standalone">Primary link 3</a></li>
</ul>
<ul class="ecl-content-block__link-list">
<li class="ecl-content-block__link-item"><a href="/component-library/v3.13.0/example"
class="ecl-link ecl-link--standalone">Secondary link 1</a></li>
<li class="ecl-content-block__link-item"><a href="/component-library/v3.13.0/example"
class="ecl-link ecl-link--standalone">Secondary link 2</a></li>
</ul>
</div>
</div>
</article>
<article class="ecl-navigation-list__item">
<picture class="ecl-picture ecl-navigation-list__picture"><img class="ecl-navigation-list__image"
src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg" alt="Alt text for the image" />
</picture>
<div class="ecl-content-block ecl-navigation-list__content-block" data-ecl-auto-init="ContentBlock"
data-ecl-content-block="">
<h1 class="ecl-content-block__title" data-ecl-title-link=""><a href="/component-library/v3.13.0/example"
class="ecl-link ecl-link--standalone">Title 2</a></h1>
<div class="ecl-content-block__description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus
gravida ipsum ut lorem cursus, quis tincidunt sem viverra. Nunc vestibulum, mauris quis porta venenatis, justo
odio commodo tellus</div>
<div class="ecl-content-block__link-container">
<ul class="ecl-content-block__link-list">
<li class="ecl-content-block__link-item"><a href="/component-library/v3.13.0/example"
class="ecl-link ecl-link--standalone">Primary link 1</a></li>
<li class="ecl-content-block__link-item"><a href="/component-library/v3.13.0/example"
class="ecl-link ecl-link--standalone">Primary link 2</a></li>
<li class="ecl-content-block__link-item"><a href="/component-library/v3.13.0/example"
class="ecl-link ecl-link--standalone">Primary link 3</a></li>
<li class="ecl-content-block__link-item"><a href="/component-library/v3.13.0/example"
class="ecl-link ecl-link--standalone">Primary link 4</a></li>
</ul>
<ul class="ecl-content-block__link-list">
<li class="ecl-content-block__link-item"><a href="/component-library/v3.13.0/example"
class="ecl-link ecl-link--standalone">Secondary link 1</a></li>
<li class="ecl-content-block__link-item"><a href="/component-library/v3.13.0/example"
class="ecl-link ecl-link--standalone">Secondary link 2</a></li>
</ul>
</div>
</div>
</article>
<article class="ecl-navigation-list__item">
<picture class="ecl-picture ecl-navigation-list__picture"><img class="ecl-navigation-list__image"
src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg" alt="Alt text for the image" />
</picture>
<div class="ecl-content-block ecl-navigation-list__content-block" data-ecl-auto-init="ContentBlock"
data-ecl-content-block="">
<h1 class="ecl-content-block__title" data-ecl-title-link=""><a href="/component-library/v3.13.0/example"
class="ecl-link ecl-link--standalone">Title 3</a></h1>
<div class="ecl-content-block__description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus
gravida ipsum ut lorem cursus, quis tincidunt sem viverra. Nunc vestibulum, mauris quis porta venenatis, justo
odio commodo tellus</div>
<div class="ecl-content-block__link-container">
<ul class="ecl-content-block__link-list">
<li class="ecl-content-block__link-item"><a href="/component-library/v3.13.0/example"
class="ecl-link ecl-link--standalone">Primary link 1</a></li>
<li class="ecl-content-block__link-item"><a href="/component-library/v3.13.0/example"
class="ecl-link ecl-link--standalone">Primary link 2</a></li>
<li class="ecl-content-block__link-item"><a href="/component-library/v3.13.0/example"
class="ecl-link ecl-link--standalone">Primary link 3</a></li>
<li class="ecl-content-block__link-item"><a href="/component-library/v3.13.0/example"
class="ecl-link ecl-link--standalone">Primary link 4</a></li>
</ul>
<ul class="ecl-content-block__link-list">
<li class="ecl-content-block__link-item"><a href="/component-library/v3.13.0/example"
class="ecl-link ecl-link--standalone">Secondary link 1</a></li>
<li class="ecl-content-block__link-item"><a href="/component-library/v3.13.0/example"
class="ecl-link ecl-link--standalone">Secondary link 2</a></li>
</ul>
</div>
</div>
</article>
</div>Try it yourself on the playground
Playground