News ticker

<div class="ecl-news-ticker" data-ecl-news-ticker="true" data-ecl-auto-init="NewsTicker">
  <div class="ecl-news-ticker__container">
    <div class="ecl-news-ticker__content">
      <ul class="ecl-news-ticker__slides" id="news-ticker-example-content">
        <li class="ecl-news-ticker__slide"><svg class="ecl-icon ecl-icon--l ecl-news-ticker__icon" focusable="false"
            aria-hidden="true">
            <use xlink:href="/dist/media/icons.e3d8f25c.svg#euro"></use>
          </svg><a href="/example" class="ecl-link ecl-link--standalone ecl-news-ticker__slide-text">Lorem ipsum dolor
            sit amet, consectetur adipiscing elit. Aenean et finibus mi. Sed hendrerit velit id ex ornare interdum. Duis
            suscipit tortor vitae mi feugiat suscipit. Morbi consequat tortor magna, ac malesuada nunc placerat non.
            Vivamus pulvinar augue tristique lectus lobortis iaculis.</a></li>
        <li class="ecl-news-ticker__slide"><svg class="ecl-icon ecl-icon--l ecl-news-ticker__icon" focusable="false"
            aria-hidden="true">
            <use xlink:href="/dist/media/icons.e3d8f25c.svg#global"></use>
          </svg><a href="/example" class="ecl-link ecl-link--standalone ecl-link--icon ecl-news-ticker__slide-text"><svg
              class="ecl-icon ecl-icon--2xs ecl-link__icon" focusable="false" aria-hidden="false" role="img">
              <title>Link to an external domain</title>
              <use xlink:href="/dist/media/icons.e3d8f25c.svg#external"></use>
            </svg><span class="ecl-link__label">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et
              finibus mi. Sed hendrerit velit id ex ornare interdum. Duis suscipit tortor vitae mi feugiat suscipit.
              Morbi consequat tortor magna, ac malesuada nunc placerat non. Vivamus pulvinar augue tristique lectus
              lobortis iaculis. Nam condimentum aliquam sem, a bibendum mauris faucibus id. In euismod semper ex et
              tincidunt. Donec eu augue posuere, feugiat enim ac, faucibus tortor.</span></a></li>
        <li class="ecl-news-ticker__slide"><img class="ecl-news-ticker__icon"
            src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image4.jpg"
            alt="Alternative text for the image" title="title of the image"><a href="/example"
            class="ecl-link ecl-link--standalone ecl-news-ticker__slide-text">Duis aute irure dolor in reprehenderit in
            voluptate velit esse cillum dolore eu fugiat nulla pariatur</a></li>
        <li class="ecl-news-ticker__slide"><svg class="ecl-icon ecl-icon--l ecl-news-ticker__icon" focusable="false"
            aria-hidden="true">
            <use xlink:href="/dist/media/icons.e3d8f25c.svg#information-outline"></use>
          </svg><a href="/example" class="ecl-link ecl-link--standalone ecl-news-ticker__slide-text">Excepteur sint
            occaecat cupidatat officia deserunt mollit anim id est laborum</a></li>
        <li class="ecl-news-ticker__slide"><svg class="ecl-icon ecl-icon--l ecl-news-ticker__icon" focusable="false"
            aria-hidden="true">
            <use xlink:href="/dist/media/icons.e3d8f25c.svg#livestreaming"></use>
          </svg><a href="/example" class="ecl-link ecl-link--standalone ecl-news-ticker__slide-text">Sed ut perspiciatis
            unde omnis iste natus error sit voluptatem accusantium</a></li>
        <li class="ecl-news-ticker__slide"><svg class="ecl-icon ecl-icon--l ecl-news-ticker__icon" focusable="false"
            aria-hidden="true">
            <use xlink:href="/dist/media/icons.e3d8f25c.svg#euro"></use>
          </svg><a href="/example" class="ecl-link ecl-link--standalone ecl-news-ticker__slide-text">Nemo enim ipsam
            voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores</a></li>
      </ul>
    </div>
  </div>
  <div class="ecl-news-ticker__controls">
    <div class="ecl-news-ticker__actions"><button
        class="ecl-button ecl-button--tertiary ecl-news-ticker__prev ecl-button--icon-only" type="button"
        data-ecl-news-ticker-prev><span class="ecl-button__container"><span class="ecl-button__label"
            data-ecl-label="true">Previous item</span><svg
            class="ecl-icon ecl-icon--l ecl-icon--rotate-270 ecl-button__icon" focusable="false" aria-hidden="true"
            data-ecl-icon>
            <use xlink:href="/dist/media/icons.e3d8f25c.svg#corner-arrow"></use>
          </svg></span></button><button
        class="ecl-button ecl-button--tertiary ecl-news-ticker__play ecl-button--icon-only" type="button"
        data-ecl-news-ticker-play><span class="ecl-button__container"><span class="ecl-button__label"
            data-ecl-label="true">Play news ticker</span><svg class="ecl-icon ecl-icon--l ecl-button__icon"
            focusable="false" aria-hidden="true" data-ecl-icon>
            <use xlink:href="/dist/media/icons.e3d8f25c.svg#play-outline"></use>
          </svg></span></button><button
        class="ecl-button ecl-button--tertiary ecl-news-ticker__pause ecl-button--icon-only" type="button"
        data-ecl-news-ticker-pause><span class="ecl-button__container"><span class="ecl-button__label"
            data-ecl-label="true">Pause news ticker</span><svg class="ecl-icon ecl-icon--l ecl-button__icon"
            focusable="false" aria-hidden="true" data-ecl-icon>
            <use xlink:href="/dist/media/icons.e3d8f25c.svg#pause-outline"></use>
          </svg></span></button><button
        class="ecl-button ecl-button--tertiary ecl-news-ticker__next ecl-button--icon-only" type="button"
        data-ecl-news-ticker-next><span class="ecl-button__container"><span class="ecl-button__label"
            data-ecl-label="true">Next item</span><svg class="ecl-icon ecl-icon--l ecl-icon--rotate-90 ecl-button__icon"
            focusable="false" aria-hidden="true" data-ecl-icon>
            <use xlink:href="/dist/media/icons.e3d8f25c.svg#corner-arrow"></use>
          </svg></span></button></div>
    <div class="ecl-news-ticker__counter"><span class="ecl-news-ticker__counter--current">1</span> of <span
        class="ecl-news-ticker__counter--max">6</span></div>
  </div>
</div>