HTML-Prototype Schulpaket

<ul class="c-event-list o-list-bare o-grid o-grid-1-1@tablet">
  <li class="c-event-list__item"><a class="c-event-list__link" href="/index-10-5_default.html">
      <h3 class="c-event-list__title">iPad-Einführungsveranstaltung</h3>
      <div class="c-event-list__meta-wrapper">
        <div class="c-event-list__meta-date">
          <svg class="c-event-list__meta-icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
            <title>Icon calendar</title>
            <use xlink:href="Images/svg/sprite.symbol.svg#calendar-solid-mini"></use>
          </svg><span class="c-event-list__date">11.01.2023, 10:00 - 12:00</span>
        </div>
      </div><span class="c-event-list__fake-link" aria-hidden="true">Weiterlesen
        <svg class="c-event-list__icon-chevron" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
          <title>Chevron right</title>
          <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
        </svg></span></a></li>
  <li class="c-event-list__item"><a class="c-event-list__link" href="/index-10-5_default.html">
      <h3 class="c-event-list__title">iPad-Einführungsveranstaltung</h3>
      <div class="c-event-list__meta-wrapper">
        <div class="c-event-list__meta-date">
          <svg class="c-event-list__meta-icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
            <title>Icon calendar</title>
            <use xlink:href="Images/svg/sprite.symbol.svg#calendar-solid-mini"></use>
          </svg><span class="c-event-list__date">11.01.2023, 10:00 - 12:00</span>
        </div>
      </div><span class="c-event-list__fake-link" aria-hidden="true">Weiterlesen
        <svg class="c-event-list__icon-chevron" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
          <title>Chevron right</title>
          <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
        </svg></span></a></li>
  <li class="c-event-list__item"><a class="c-event-list__link" href="/index-10-5_default.html">
      <h3 class="c-event-list__title">Basta-Projekt</h3>
      <div class="c-event-list__meta-wrapper">
        <div class="c-event-list__meta-date">
          <svg class="c-event-list__meta-icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
            <title>Icon calendar</title>
            <use xlink:href="Images/svg/sprite.symbol.svg#calendar-solid-mini"></use>
          </svg><span class="c-event-list__date">11.01.2023</span>
        </div>
      </div><span class="c-event-list__fake-link" aria-hidden="true">Weiterlesen
        <svg class="c-event-list__icon-chevron" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
          <title>Chevron right</title>
          <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
        </svg></span></a></li>
  <li class="c-event-list__item"><a class="c-event-list__link" href="/index-10-5_default.html">
      <h3 class="c-event-list__title">Internationaler Safer Internet Day</h3>
      <div class="c-event-list__meta-wrapper">
        <div class="c-event-list__meta-date">
          <svg class="c-event-list__meta-icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
            <title>Icon calendar</title>
            <use xlink:href="Images/svg/sprite.symbol.svg#calendar-solid-mini"></use>
          </svg><span class="c-event-list__date">11.01.2023, 10:00 - 12:00</span>
        </div>
      </div><span class="c-event-list__fake-link" aria-hidden="true">Weiterlesen
        <svg class="c-event-list__icon-chevron" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
          <title>Chevron right</title>
          <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
        </svg></span></a></li>
  <li class="c-event-list__item"><a class="c-event-list__link" href="/index-10-5_default.html">
      <h3 class="c-event-list__title">Basta-Projekt</h3>
      <div class="c-event-list__meta-wrapper">
        <div class="c-event-list__meta-date">
          <svg class="c-event-list__meta-icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
            <title>Icon calendar</title>
            <use xlink:href="Images/svg/sprite.symbol.svg#calendar-solid-mini"></use>
          </svg><span class="c-event-list__date">11.01.2023, 10:00 - 12:00</span>
        </div>
        <div class="c-event-list__meta-location">
          <svg class="c-event-list__meta-icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
            <title>Icon location</title>
            <use xlink:href="Images/svg/sprite.symbol.svg#location-solid-mini"></use>
          </svg><span>Mensa</span>
        </div>
      </div><span class="c-event-list__fake-link" aria-hidden="true">Weiterlesen
        <svg class="c-event-list__icon-chevron" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
          <title>Chevron right</title>
          <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
        </svg></span></a></li>
  <li class="c-event-list__item"><a class="c-event-list__link" href="/index-10-5_default.html">
      <h3 class="c-event-list__title">SMV-Fachingsparty</h3>
      <div class="c-event-list__meta-wrapper">
        <div class="c-event-list__meta-date">
          <svg class="c-event-list__meta-icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
            <title>Icon calendar</title>
            <use xlink:href="Images/svg/sprite.symbol.svg#calendar-solid-mini"></use>
          </svg><span class="c-event-list__date">11.01.2023, 10:00 - 12:00</span>
        </div>
      </div><span class="c-event-list__fake-link" aria-hidden="true">Weiterlesen
        <svg class="c-event-list__icon-chevron" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
          <title>Chevron right</title>
          <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
        </svg></span></a></li>
  <li class="c-event-list__item"><a class="c-event-list__link" href="/index-10-5_default.html">
      <h3 class="c-event-list__title">2. Methodentag 'Aktive 5 + 6</h3>
      <div class="c-event-list__meta-wrapper">
        <div class="c-event-list__meta-date">
          <svg class="c-event-list__meta-icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
            <title>Icon calendar</title>
            <use xlink:href="Images/svg/sprite.symbol.svg#calendar-solid-mini"></use>
          </svg><span class="c-event-list__date">11.01.2023, 10:00 - 12:00</span>
        </div>
        <div class="c-event-list__meta-location">
          <svg class="c-event-list__meta-icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
            <title>Icon location</title>
            <use xlink:href="Images/svg/sprite.symbol.svg#location-solid-mini"></use>
          </svg><span>Zimmer E26</span>
        </div>
      </div><span class="c-event-list__fake-link" aria-hidden="true">Weiterlesen
        <svg class="c-event-list__icon-chevron" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
          <title>Chevron right</title>
          <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
        </svg></span></a></li>
  <li class="c-event-list__item"><a class="c-event-list__link" href="/index-10-5_default.html">
      <h3 class="c-event-list__title">Vorstellung der Wahlpflichtfächergruppen (BwR / Französisch)</h3>
      <div class="c-event-list__meta-wrapper">
        <div class="c-event-list__meta-date">
          <svg class="c-event-list__meta-icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
            <title>Icon calendar</title>
            <use xlink:href="Images/svg/sprite.symbol.svg#calendar-solid-mini"></use>
          </svg><span class="c-event-list__date">11.01.2023, 10:00 - 12:00</span>
        </div>
        <div class="c-event-list__meta-location">
          <svg class="c-event-list__meta-icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
            <title>Icon location</title>
            <use xlink:href="Images/svg/sprite.symbol.svg#location-solid-mini"></use>
          </svg><span>Zimmer E16</span>
        </div>
      </div><span class="c-event-list__fake-link" aria-hidden="true">Weiterlesen
        <svg class="c-event-list__icon-chevron" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
          <title>Chevron right</title>
          <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
        </svg></span></a></li>
</ul>