HTML-Prototype Schulpaket

<ul class="c-event-tiles o-list-bare o-grid o-grid-1-1@tablet o-grid-1-1-1@desktop">
  <li class="c-event-tiles__item">
    <svg class="c-event-tiles__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
      <title>Icon calendar-solid-mini</title>
      <use xlink:href="Images/svg/sprite.symbol.svg#calendar-solid-mini"></use>
    </svg><span class="c-event-tiles__title">11. Jan</span><span class="c-event-tiles__description">Datum</span>
  </li>
  <li class="c-event-tiles__item">
    <svg class="c-event-tiles__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
      <title>Icon clock-solid-mini</title>
      <use xlink:href="Images/svg/sprite.symbol.svg#clock-solid-mini"></use>
    </svg><span class="c-event-tiles__title">10:00</span><span class="c-event-tiles__description">Uhrzeit</span>
  </li>
  <li class="c-event-tiles__item">
    <svg class="c-event-tiles__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
      <title>Icon user-group-solid-mini</title>
      <use xlink:href="Images/svg/sprite.symbol.svg#user-group-solid-mini"></use>
    </svg><span class="c-event-tiles__title">8A</span><span class="c-event-tiles__description">Beteiligte</span>
  </li>
  <li class="c-event-tiles__item">
    <svg class="c-event-tiles__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
      <title>Icon location-solid-mini</title>
      <use xlink:href="Images/svg/sprite.symbol.svg#location-solid-mini"></use>
    </svg><span class="c-event-tiles__title">Ballhaus und KuKo</span><span class="c-event-tiles__description">Ort</span>
  </li>
</ul>