Content item

<article class="ecl-u-d-flex ecl-u-pv-m ecl-u-border-bottom ecl-u-border-color-grey-15">
  <div class="ecl-u-flex-grow-1">
    <div class="ecl-u-type-s ecl-u-type-color-grey-75 ecl-u-type-family-alt"><span class="ecl-u-type-uppercase">News
        article</span> | <time dateTime="2019-10-17">17 October 2019</time></div><a href="/example"
      class="ecl-u-d-inline-block ecl-u-type-prolonged-m ecl-u-type-bold ecl-u-type-family-alt ecl-u-mt-xs ecl-link ecl-link--standalone">Article
      title</a>
    <p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs">Lorem ipsum dolor sit amet, consectetur
      adipiscing elit. Phasellus ut ex tristique, dignissim sem ac, bibendum est. Sed vehicula lorem non nunc tincidunt
      hendrerit. Nunc tristique ante et fringilla fermentum.</p>
    <ul class="ecl-u-mt-m ecl-unordered-list ecl-unordered-list--no-bullet">
      <li class="ecl-u-d-flex ecl-u-align-items-center ecl-u-type-color-grey-75 ecl-unordered-list__item"><svg
          focusable="false" aria-hidden="true" class="ecl-icon ecl-icon--m">
          <use xlink:href="/component-library/dist/media/icons.3cf410f9.svg#general--location"></use>
        </svg><span class="ecl-u-type-s ecl-u-ml-s ecl-u-type-family-alt">Brussels, Belgium</span></li>
      <li class="ecl-u-d-flex ecl-u-align-items-center ecl-u-type-color-grey-75 ecl-unordered-list__item"><svg
          focusable="false" aria-hidden="true" class="ecl-icon ecl-icon--m">
          <use xlink:href="/component-library/dist/media/icons.3cf410f9.svg#general--livestreaming"></use>
        </svg><span class="ecl-u-type-s ecl-u-ml-s ecl-u-type-family-alt">Live stream available</span></li>
    </ul>
  </div>
  <div role="img" aria-label="Example image"
    class="ecl-u-media-ratio-3-2 ecl-u-media-bg-size-contain ecl-u-media-bg-repeat-none ecl-u-flex-shrink-0 ecl-u-ml-xl ecl-u-d-lg-none"
    style="background-image:url(&quot;https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg&quot;);width:7.5rem">
  </div>
  <div role="img" aria-label="Example image"
    class="ecl-u-media-ratio-3-2 ecl-u-media-bg-size-contain ecl-u-media-bg-repeat-none ecl-u-flex-shrink-0 ecl-u-ml-xl ecl-u-d-none ecl-u-d-lg-block"
    style="background-image:url(&quot;https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg&quot;);width:13.125rem">
  </div>
</article>

<article descriptionList="[object Object]" descriptionListTaxonomy="[object Object]"
  class="ecl-u-d-flex ecl-u-pv-m ecl-u-border-bottom ecl-u-border-color-grey-15">
  <div class="ecl-u-flex-grow-1">
    <div class="ecl-u-type-s ecl-u-type-color-grey-75 ecl-u-type-family-alt"><span class="ecl-u-type-uppercase">News
        article</span> | <time dateTime="2019-10-17">17 October 2019</time></div><a href="/example"
      class="ecl-u-d-inline-block ecl-u-type-prolonged-m ecl-u-type-bold ecl-u-type-family-alt ecl-u-mt-xs ecl-link ecl-link--standalone">Article
      title</a>
    <p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs">Lorem ipsum dolor sit amet, consectetur
      adipiscing elit. Phasellus ut ex tristique, dignissim sem ac, bibendum est. Sed vehicula lorem non nunc tincidunt
      hendrerit. Nunc tristique ante et fringilla fermentum.</p>
    <ul class="ecl-u-mt-m ecl-unordered-list ecl-unordered-list--no-bullet">
      <li class="ecl-u-d-flex ecl-u-align-items-center ecl-u-type-color-grey-75 ecl-unordered-list__item"><svg
          focusable="false" aria-hidden="true" class="ecl-icon ecl-icon--m">
          <use xlink:href="/component-library/dist/media/icons.3cf410f9.svg#general--location"></use>
        </svg><span class="ecl-u-type-s ecl-u-ml-s ecl-u-type-family-alt">Brussels, Belgium</span></li>
      <li class="ecl-u-d-flex ecl-u-align-items-center ecl-u-type-color-grey-75 ecl-unordered-list__item"><svg
          focusable="false" aria-hidden="true" class="ecl-icon ecl-icon--m">
          <use xlink:href="/component-library/dist/media/icons.3cf410f9.svg#general--livestreaming"></use>
        </svg><span class="ecl-u-type-s ecl-u-ml-s ecl-u-type-family-alt">Live stream available</span></li>
    </ul>
    <dl class="ecl-u-mt-m ecl-u-mt-lg-l ecl-description-list--horizontal ecl-description-list">
      <dt class="ecl-description-list__term">EU contribution</dt>
      <dd class="ecl-description-list__definition">1.000.000,00 euro (100% of the overall budget)</dd>
    </dl>
    <dl class="ecl-description-list--taxonomy ecl-description-list">
      <dt class="ecl-description-list__term">Science areas</dt>
      <dd class="ecl-description-list__definition"><span
          class="ecl-description-list__tag ecl-tag ecl-tag--display">Energy and transport</span><span
          class="ecl-description-list__tag ecl-tag ecl-tag--display">Standards</span></dd>
      <dt class="ecl-description-list__term">Keywords</dt>
      <dd class="ecl-description-list__definition"><span
          class="ecl-description-list__tag ecl-tag ecl-tag--display">Electricity</span><span
          class="ecl-description-list__tag ecl-tag ecl-tag--display">Electromobility</span><span
          class="ecl-description-list__tag ecl-tag ecl-tag--display">Energy</span><span
          class="ecl-description-list__tag ecl-tag ecl-tag--display">Energy storage</span><span
          class="ecl-description-list__tag ecl-tag ecl-tag--display">Security</span><span
          class="ecl-description-list__tag ecl-tag ecl-tag--display">Transport</span><span
          class="ecl-description-list__tag ecl-tag ecl-tag--display">Low carbon</span></dd>
    </dl>
  </div>
  <div role="img" aria-label="Example image"
    class="ecl-u-media-ratio-3-2 ecl-u-media-bg-size-contain ecl-u-media-bg-repeat-none ecl-u-flex-shrink-0 ecl-u-ml-xl ecl-u-d-lg-none"
    style="background-image:url(&quot;https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg&quot;);width:7.5rem">
  </div>
  <div role="img" aria-label="Example image"
    class="ecl-u-media-ratio-3-2 ecl-u-media-bg-size-contain ecl-u-media-bg-repeat-none ecl-u-flex-shrink-0 ecl-u-ml-xl ecl-u-d-none ecl-u-d-lg-block"
    style="background-image:url(&quot;https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg&quot;);width:13.125rem">
  </div>
</article>