<div class="ecl-navigation-list ecl-navigation-list--col-2">
  <article class="ecl-navigation-list__item ecl-navigation-list__item--no-border">
    <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">
      <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">
    <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">
      <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">
    <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">
      <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>