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">
<div class="ecl-navigation-list__item ecl-navigation-list__item--no-border">
<article class="ecl-card ecl-card--tile ecl-navigation-list__card">
<div class="ecl-card__image" role="img"
style="background-image:url(&#x27;https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg&#x27;)">
</div>
<div class="ecl-card__body">
<h1 class="ecl-card__title"><a href="/example" class="ecl-link ecl-link--standalone">Title 1</a></h1>
<div class="ecl-card__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>
<ul class="ecl-card__link-container">
<li class="ecl-card__link-item"><a href="/example"
class="ecl-link ecl-link--standalone ecl-card__link">primary link 1</a></li>
<li class="ecl-card__link-item"><a href="/example"
class="ecl-link ecl-link--standalone ecl-card__link">primary link 2</a></li>
<li class="ecl-card__link-item"><a href="/example"
class="ecl-link ecl-link--standalone ecl-card__link">primary link 3</a></li>
<li class="ecl-card__link-item"><a href="/example"
class="ecl-link ecl-link--standalone ecl-card__link">primary link 4</a></li>
</ul>
<ul class="ecl-card__link-container">
<li class="ecl-card__link-item"><a href="/example"
class="ecl-link ecl-link--standalone ecl-card__link">secondary link 1</a></li>
<li class="ecl-card__link-item"><a href="/example"
class="ecl-link ecl-link--standalone ecl-card__link">secondary link 2</a></li>
</ul>
</div>
</article>
</div>
<div class="ecl-navigation-list__item ecl-navigation-list__item--no-border">
<article class="ecl-card ecl-card--tile ecl-navigation-list__card">
<div class="ecl-card__image" role="img"
style="background-image:url(&#x27;https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg&#x27;)">
</div>
<div class="ecl-card__body">
<h1 class="ecl-card__title"><a href="/example" class="ecl-link ecl-link--standalone">Title 2</a></h1>
<div class="ecl-card__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>
<ul class="ecl-card__link-container">
<li class="ecl-card__link-item"><a href="/example"
class="ecl-link ecl-link--standalone ecl-card__link">primary link 1</a></li>
<li class="ecl-card__link-item"><a href="/example"
class="ecl-link ecl-link--standalone ecl-card__link">primary link 2</a></li>
<li class="ecl-card__link-item"><a href="/example"
class="ecl-link ecl-link--standalone ecl-card__link">primary link 3</a></li>
<li class="ecl-card__link-item"><a href="/example"
class="ecl-link ecl-link--standalone ecl-card__link">primary link 4</a></li>
</ul>
<ul class="ecl-card__link-container">
<li class="ecl-card__link-item"><a href="/example"
class="ecl-link ecl-link--standalone ecl-card__link">secondary link 1</a></li>
<li class="ecl-card__link-item"><a href="/example"
class="ecl-link ecl-link--standalone ecl-card__link">secondary link 2</a></li>
</ul>
</div>
</article>
</div>
<div class="ecl-navigation-list__item ecl-navigation-list__item--no-border">
<article class="ecl-card ecl-card--tile ecl-navigation-list__card">
<div class="ecl-card__image" role="img"
style="background-image:url(&#x27;https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg&#x27;)">
</div>
<div class="ecl-card__body">
<h1 class="ecl-card__title"><a href="/example" class="ecl-link ecl-link--standalone">Title 3</a></h1>
<div class="ecl-card__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>
<ul class="ecl-card__link-container">
<li class="ecl-card__link-item"><a href="/example"
class="ecl-link ecl-link--standalone ecl-card__link">primary link 1</a></li>
<li class="ecl-card__link-item"><a href="/example"
class="ecl-link ecl-link--standalone ecl-card__link">primary link 2</a></li>
<li class="ecl-card__link-item"><a href="/example"
class="ecl-link ecl-link--standalone ecl-card__link">primary link 3</a></li>
<li class="ecl-card__link-item"><a href="/example"
class="ecl-link ecl-link--standalone ecl-card__link">primary link 4</a></li>
</ul>
<ul class="ecl-card__link-container">
<li class="ecl-card__link-item"><a href="/example"
class="ecl-link ecl-link--standalone ecl-card__link">secondary link 1</a></li>
<li class="ecl-card__link-item"><a href="/example"
class="ecl-link ecl-link--standalone ecl-card__link">secondary link 2</a></li>
</ul>
</div>
</article>
</div>
</div>
Try it yourself on the playground
Playground