Fact and figures

<div class="ecl-fact-figures ecl-fact-figures--col-3">
  <div class="ecl-fact-figures__items">
    <div class="ecl-fact-figures__item"><svg focusable="false" aria-hidden="true"
        class="ecl-fact-figures__icon ecl-icon ecl-icon--m">
        <use xlink:href="/dist/media/icons.1dbe9812.svg#general--digital"></use>
      </svg>
      <div class="ecl-fact-figures__value">00.0 million</div>
      <div class="ecl-fact-figures__title">Lorem ipsum</div>
      <div class="ecl-fact-figures__description">Nunc condimentum sapien ut nibh finibus suscipit vitae at justo. Morbi
        quis odio faucibus, commodo tortor id, elementum libero.</div>
    </div>
    <div class="ecl-fact-figures__item"><svg focusable="false" aria-hidden="true"
        class="ecl-fact-figures__icon ecl-icon ecl-icon--m">
        <use xlink:href="/dist/media/icons.1dbe9812.svg#general--digital"></use>
      </svg>
      <div class="ecl-fact-figures__value">00.0 million</div>
      <div class="ecl-fact-figures__title">Sed hendrerit</div>
      <div class="ecl-fact-figures__description">Turpis varius congue venenatis, erat dui feugiat felis.</div>
    </div>
    <div class="ecl-fact-figures__item"><svg focusable="false" aria-hidden="true"
        class="ecl-fact-figures__icon ecl-icon ecl-icon--m">
        <use xlink:href="/dist/media/icons.1dbe9812.svg#general--digital"></use>
      </svg>
      <div class="ecl-fact-figures__value">00.0 million</div>
      <div class="ecl-fact-figures__title">Donec suscipit interdum augue, ac dapibus eros finibus a.</div>
      <div class="ecl-fact-figures__description">Cras vestibulum efficitur mi, quis porta tellus rutrum ut. Quisque at
        pulvinar sem.</div>
    </div>
    <div class="ecl-fact-figures__item"><svg focusable="false" aria-hidden="true"
        class="ecl-fact-figures__icon ecl-icon ecl-icon--m">
        <use xlink:href="/dist/media/icons.1dbe9812.svg#general--digital"></use>
      </svg>
      <div class="ecl-fact-figures__value">00.0 million</div>
      <div class="ecl-fact-figures__title">Aenean dapibus</div>
      <div class="ecl-fact-figures__description">Aliquam lacinia diam eu sem malesuada, in interdum ante bibendum.</div>
    </div>
    <div class="ecl-fact-figures__item"><svg focusable="false" aria-hidden="true"
        class="ecl-fact-figures__icon ecl-icon ecl-icon--m">
        <use xlink:href="/dist/media/icons.1dbe9812.svg#general--digital"></use>
      </svg>
      <div class="ecl-fact-figures__value">00.0 million</div>
      <div class="ecl-fact-figures__title">Aliquam faucibus nulla eget eleifend</div>
      <div class="ecl-fact-figures__description">Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
        inceptos himenaeos. Duis nec lectus tortor.</div>
    </div>
    <div class="ecl-fact-figures__item"><svg focusable="false" aria-hidden="true"
        class="ecl-fact-figures__icon ecl-icon ecl-icon--m">
        <use xlink:href="/dist/media/icons.1dbe9812.svg#general--digital"></use>
      </svg>
      <div class="ecl-fact-figures__value">00.0 million</div>
      <div class="ecl-fact-figures__title">Nam lacinia nisl eget diam mattis</div>
      <div class="ecl-fact-figures__description">Sed efficitur bibendum rutrum. Nunc feugiat congue augue ac
        consectetur.</div>
    </div>
  </div>
  <div class="ecl-fact-figures__view-all"><a href="/example"
      class="ecl-fact-figures__view-all-link ecl-link ecl-link--standalone">View all metrics</a></div>
</div>

<div class="ecl-fact-figures ecl-fact-figures--col-4">
  <div class="ecl-fact-figures__items">
    <div class="ecl-fact-figures__item"><svg focusable="false" aria-hidden="true"
        class="ecl-fact-figures__icon ecl-icon ecl-icon--m">
        <use xlink:href="/dist/media/icons.1dbe9812.svg#general--digital"></use>
      </svg>
      <div class="ecl-fact-figures__value">00.0 million</div>
      <div class="ecl-fact-figures__title">Lorem ipsum</div>
      <div class="ecl-fact-figures__description">Nunc condimentum sapien ut nibh finibus suscipit vitae at justo. Morbi
        quis odio faucibus, commodo tortor id, elementum libero.</div>
    </div>
    <div class="ecl-fact-figures__item"><svg focusable="false" aria-hidden="true"
        class="ecl-fact-figures__icon ecl-icon ecl-icon--m">
        <use xlink:href="/dist/media/icons.1dbe9812.svg#general--digital"></use>
      </svg>
      <div class="ecl-fact-figures__value">00.0 million</div>
      <div class="ecl-fact-figures__title">Sed hendrerit</div>
      <div class="ecl-fact-figures__description">Turpis varius congue venenatis, erat dui feugiat felis.</div>
    </div>
    <div class="ecl-fact-figures__item"><svg focusable="false" aria-hidden="true"
        class="ecl-fact-figures__icon ecl-icon ecl-icon--m">
        <use xlink:href="/dist/media/icons.1dbe9812.svg#general--digital"></use>
      </svg>
      <div class="ecl-fact-figures__value">00.0 million</div>
      <div class="ecl-fact-figures__title">Donec suscipit interdum augue, ac dapibus eros finibus a.</div>
      <div class="ecl-fact-figures__description">Cras vestibulum efficitur mi, quis porta tellus rutrum ut. Quisque at
        pulvinar sem.</div>
    </div>
    <div class="ecl-fact-figures__item"><svg focusable="false" aria-hidden="true"
        class="ecl-fact-figures__icon ecl-icon ecl-icon--m">
        <use xlink:href="/dist/media/icons.1dbe9812.svg#general--digital"></use>
      </svg>
      <div class="ecl-fact-figures__value">00.0 million</div>
      <div class="ecl-fact-figures__title">Aenean dapibus</div>
      <div class="ecl-fact-figures__description">Aliquam lacinia diam eu sem malesuada, in interdum ante bibendum.</div>
    </div>
  </div>
  <div class="ecl-fact-figures__view-all"><a href="/example"
      class="ecl-fact-figures__view-all-link ecl-link ecl-link--standalone">View all metrics</a></div>
</div>