<article class="ecl-card">
  <div class="ecl-card__image" aria-label="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">
    <ul class="ecl-card__label-container">
      <li class="ecl-card__label-item"><span class="ecl-label ecl-label--highlight ecl-card__label">highlighted</span>
      </li>
      <li class="ecl-card__label-item"><span class="ecl-label ecl-label--medium ecl-card__label">call status:
          upcoming</span></li>
    </ul>
    <div class="ecl-card__meta"><span class="ecl-card__meta-item">META1</span><span
        class="ecl-card__meta-item">Meta2</span></div>
    <h1 class="ecl-card__title"><a href="/example" class="ecl-link ecl-link--standalone">Better regulation</a></h1>
    <div class="ecl-card__description">Transparently designing and evaluating evidence-based EU legislation, backed by
      citizens views.</div>
    <ul class="ecl-card__info-container">
      <li class="ecl-card__info-item"><svg class="ecl-icon ecl-icon--xs" focusable="false" aria-hidden="true">
          <use xlink:href="/dist/media/icons.cec58484.svg#calendar"></use>
        </svg><span class="ecl-card__info-label">2018/10/22</span></li>
      <li class="ecl-card__info-item"><svg class="ecl-icon ecl-icon--xs" focusable="false" aria-hidden="true">
          <use xlink:href="/dist/media/icons.cec58484.svg#location"></use>
        </svg><span class="ecl-card__info-label">Luxembourg</span></li>
    </ul>
    <ul class="ecl-card__tag-container">
      <li class="ecl-card__tag-item"><a href="/example" class="ecl-tag ecl-card__tag">tag 1</a></li>
      <li class="ecl-card__tag-item"><a href="/example" class="ecl-tag ecl-card__tag">tag 2</a></li>
      <li class="ecl-card__tag-item"><a href="/example" class="ecl-tag ecl-card__tag">tag 3</a></li>
    </ul>
  </div>
</article>

<article class="ecl-card">
  <div class="ecl-card__image" aria-label="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">
    <ul class="ecl-card__label-container">
      <li class="ecl-card__label-item"><span class="ecl-label ecl-label--highlight ecl-card__label">highlighted</span>
      </li>
      <li class="ecl-card__label-item"><span class="ecl-label ecl-label--medium ecl-card__label">call status:
          upcoming</span></li>
    </ul>
    <div class="ecl-card__meta"><span class="ecl-card__meta-item">META1</span><span
        class="ecl-card__meta-item">Meta2</span></div>
    <h1 class="ecl-card__title"><a href="/example" class="ecl-link ecl-link--standalone">Better regulation</a></h1>
    <div class="ecl-card__description">Transparently designing and evaluating evidence-based EU legislation, backed by
      citizens views.</div>
    <ul class="ecl-card__info-container">
      <li class="ecl-card__info-item"><svg class="ecl-icon ecl-icon--xs" focusable="false" aria-hidden="true">
          <use xlink:href="/dist/media/icons.cec58484.svg#calendar"></use>
        </svg><span class="ecl-card__info-label">2018/10/22</span></li>
      <li class="ecl-card__info-item"><svg class="ecl-icon ecl-icon--xs" focusable="false" aria-hidden="true">
          <use xlink:href="/dist/media/icons.cec58484.svg#location"></use>
        </svg><span class="ecl-card__info-label">Luxembourg</span></li>
    </ul>
    <dl class="ecl-description-list ecl-description-list--horizontal ecl-card__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 ecl-description-list--taxonomy ecl-card__list">
      <dt class="ecl-description-list__term">Science areas</dt>
      <dd class="ecl-description-list__definition"><span
          class="ecl-tag ecl-tag--display ecl-description-list__tag">Energy and transport</span><span
          class="ecl-tag ecl-tag--display ecl-description-list__tag">Standards</span></dd>
      <dt class="ecl-description-list__term">Keywords</dt>
      <dd class="ecl-description-list__definition"><span
          class="ecl-tag ecl-tag--display ecl-description-list__tag">Electricity</span><span
          class="ecl-tag ecl-tag--display ecl-description-list__tag">Electromobility</span><span
          class="ecl-tag ecl-tag--display ecl-description-list__tag">Energy</span><span
          class="ecl-tag ecl-tag--display ecl-description-list__tag">Energy storage</span><span
          class="ecl-tag ecl-tag--display ecl-description-list__tag">Security</span><span
          class="ecl-tag ecl-tag--display ecl-description-list__tag">Transport</span><span
          class="ecl-tag ecl-tag--display ecl-description-list__tag">Low carbon</span></dd>
    </dl>
  </div>
</article>

<article class="ecl-card ecl-card--tile">
  <div class="ecl-card__body">
    <h1 class="ecl-card__title">Better regulation</h1>
    <div class="ecl-card__description">Transparently designing and evaluating evidence-based EU legislation, backed by
      citizens views.</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">link 1</a>
      </li>
      <li class="ecl-card__link-item"><a href="/example" class="ecl-link ecl-link--standalone ecl-card__link">link 2</a>
      </li>
      <li class="ecl-card__link-item"><a href="/example" class="ecl-link ecl-link--standalone ecl-card__link">link 3</a>
      </li>
    </ul>
  </div>
</article>

<article class="ecl-card ecl-card--tile">
  <div class="ecl-card__body">
    <dl class="ecl-description-list ecl-description-list--horizontal ecl-card__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 ecl-description-list--taxonomy ecl-card__list">
      <dt class="ecl-description-list__term">Science areas</dt>
      <dd class="ecl-description-list__definition"><span
          class="ecl-tag ecl-tag--display ecl-description-list__tag">Energy and transport</span><span
          class="ecl-tag ecl-tag--display ecl-description-list__tag">Standards</span></dd>
      <dt class="ecl-description-list__term">Keywords</dt>
      <dd class="ecl-description-list__definition"><span
          class="ecl-tag ecl-tag--display ecl-description-list__tag">Electricity</span><span
          class="ecl-tag ecl-tag--display ecl-description-list__tag">Electromobility</span><span
          class="ecl-tag ecl-tag--display ecl-description-list__tag">Energy</span><span
          class="ecl-tag ecl-tag--display ecl-description-list__tag">Energy storage</span><span
          class="ecl-tag ecl-tag--display ecl-description-list__tag">Security</span><span
          class="ecl-tag ecl-tag--display ecl-description-list__tag">Transport</span><span
          class="ecl-tag ecl-tag--display ecl-description-list__tag">Low carbon</span></dd>
    </dl>
  </div>
</article>