Title 1
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 class="ecl-navigation-list ecl-navigation-list--col-2">
<article class="ecl-navigation-list__item ecl-navigation-list__item--no-border">
<div class="ecl-navigation-list__image" aria-label="Alt text of the image" role="img"
style="background-image:url(&#x27;https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg&#x27;)">
</div>
<div class="ecl-content-block ecl-navigation-list__content-block">
<h1 class="ecl-content-block__title"><a href="/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="/example" class="ecl-link ecl-link--standalone">Primary link
1</a></li>
<li class="ecl-content-block__link-item"><a href="/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="/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="/example" class="ecl-link ecl-link--standalone">Secondary
link 1</a></li>
<li class="ecl-content-block__link-item"><a href="/example" class="ecl-link ecl-link--standalone">Secondary
link 2</a></li>
</ul>
</div>
</div>
</article>
<article class="ecl-navigation-list__item ecl-navigation-list__item--no-border">
<div class="ecl-navigation-list__image" aria-label="Alt text of the image" role="img"
style="background-image:url(&#x27;https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg&#x27;)">
</div>
<div class="ecl-content-block ecl-navigation-list__content-block">
<h1 class="ecl-content-block__title"><a href="/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="/example" class="ecl-link ecl-link--standalone">Primary link
1</a></li>
<li class="ecl-content-block__link-item"><a href="/example" class="ecl-link ecl-link--standalone">Primary link
2</a></li>
<li class="ecl-content-block__link-item"><a href="/example" class="ecl-link ecl-link--standalone">Primary link
3</a></li>
<li class="ecl-content-block__link-item"><a href="/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="/example" class="ecl-link ecl-link--standalone">Secondary
link 1</a></li>
<li class="ecl-content-block__link-item"><a href="/example" class="ecl-link ecl-link--standalone">Secondary
link 2</a></li>
</ul>
</div>
</div>
</article>
<article class="ecl-navigation-list__item ecl-navigation-list__item--no-border">
<div class="ecl-navigation-list__image" aria-label="Alt text of the image" role="img"
style="background-image:url(&#x27;https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg&#x27;)">
</div>
<div class="ecl-content-block ecl-navigation-list__content-block">
<h1 class="ecl-content-block__title"><a href="/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="/example" class="ecl-link ecl-link--standalone">Primary link
1</a></li>
<li class="ecl-content-block__link-item"><a href="/example" class="ecl-link ecl-link--standalone">Primary link
2</a></li>
<li class="ecl-content-block__link-item"><a href="/example" class="ecl-link ecl-link--standalone">Primary link
3</a></li>
<li class="ecl-content-block__link-item"><a href="/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="/example" class="ecl-link ecl-link--standalone">Secondary
link 1</a></li>
<li class="ecl-content-block__link-item"><a href="/example" class="ecl-link ecl-link--standalone">Secondary
link 2</a></li>
</ul>
</div>
</div>
</article>
</div>
Try it yourself on the playground
Playground