HTML-Prototype von Hochschule RheinMain

<!-- Grid/ Element container-->
<div class="frame frame-type-" id="c041702" data-scrollspysection="1">
  <div class="container">
    <div class="c-event-list"><a class="c-event-tile" href="#">
        <div class="c-event-tile__content">
          <div class="h3">Tag der offenen Tür</div>
          <p>Komm und entdecke die Vielfalt unserer Studiengänge! Erhalte Einblicke in unsere Labore und Projekte.</p>
        </div>
        <div class="c-event-tile__footer">
          <div class="c-event-tile__banner">
            <svg class=".c-event-tile__banner-icon" viewBox="0 0 16 16" aria-hidden="true" focusable="false" style="pointer-events: none;" width="24px" height="24px">
              <use xlink:href="/Images/svg/sprite.symbol.svg#calendar"></use>
            </svg>
          </div>
          <div class="h4">Fr 24.04. - Sa 25.04.2024</div>
        </div></a><a class="c-event-tile" href="#">
        <div class="c-event-tile__content">
          <div class="h3">Workshop: Einführung in KI</div>
          <p>Lerne die Grundlagen künstlicher Intelligenz kennen. Dieser interaktive Workshop bietet praktische Übungen und Diskussionen.</p>
        </div>
        <div class="c-event-tile__footer">
          <div class="c-event-tile__banner">
            <svg class=".c-event-tile__banner-icon" viewBox="0 0 16 16" aria-hidden="true" focusable="false" style="pointer-events: none;" width="24px" height="24px">
              <use xlink:href="/Images/svg/sprite.symbol.svg#calendar"></use>
            </svg>
          </div>
          <div class="h4">Mo 27.04.2024</div>
        </div></a><a class="c-event-tile" href="#">
        <div class="c-event-tile__content">
          <div class="h3">Gastvortrag: Nachhaltige Architektur</div>
          <p>Ein Vortrag über die Zukunft nachhaltiger Bauweisen und städtischer Planung.</p>
        </div>
        <div class="c-event-tile__footer">
          <div class="c-event-tile__banner">
            <svg class=".c-event-tile__banner-icon" viewBox="0 0 16 16" aria-hidden="true" focusable="false" style="pointer-events: none;" width="24px" height="24px">
              <use xlink:href="/Images/svg/sprite.symbol.svg#calendar"></use>
            </svg>
          </div>
          <div class="h4">Di 28.04.2024</div>
        </div></a><a class="c-event-tile" href="#">
        <div class="c-event-tile__content">
          <div class="h3">Career Fair</div>
          <p>Treffe potenzielle Arbeitgeber und entdecke Jobmöglichkeiten in verschiedenen Branchen. Nutze die Chance, dich zu vernetzen und deinen Karriereweg zu planen.</p>
        </div>
        <div class="c-event-tile__footer">
          <div class="c-event-tile__banner">
            <svg class=".c-event-tile__banner-icon" viewBox="0 0 16 16" aria-hidden="true" focusable="false" style="pointer-events: none;" width="24px" height="24px">
              <use xlink:href="/Images/svg/sprite.symbol.svg#calendar"></use>
            </svg>
          </div>
          <div class="h4">Do 30.04. - Fr 01.05.2024</div>
        </div></a><a class="c-event-tile" href="#">
        <div class="c-event-tile__content">
          <div class="h3">Hackathon: Smart City Solutions</div>
          <p>Entwickle innovative Lösungen für städtische Herausforderungen. Bringe deine Ideen ein und arbeite mit einem vielfältigen Team von Fachleuten zusammen.</p>
        </div>
        <div class="c-event-tile__footer">
          <div class="c-event-tile__banner">
            <svg class=".c-event-tile__banner-icon" viewBox="0 0 16 16" aria-hidden="true" focusable="false" style="pointer-events: none;" width="24px" height="24px">
              <use xlink:href="/Images/svg/sprite.symbol.svg#calendar"></use>
            </svg>
          </div>
          <div class="h4">Mo 03.05. - Di 04.05.2024</div>
        </div></a><a class="c-event-tile" href="#">
        <div class="c-event-tile__content">
          <div class="h3">Abschlussfeier</div>
          <p>Feiere den Abschlussjahrgang und ihre Erfolge! Genieße eine festliche Veranstaltung mit Reden, Musik und Erinnerungen.</p>
        </div>
        <div class="c-event-tile__footer">
          <div class="c-event-tile__banner">
            <svg class=".c-event-tile__banner-icon" viewBox="0 0 16 16" aria-hidden="true" focusable="false" style="pointer-events: none;" width="24px" height="24px">
              <use xlink:href="/Images/svg/sprite.symbol.svg#calendar"></use>
            </svg>
          </div>
          <div class="h4">Fr 08.05.2024</div>
        </div></a><a class="c-event-tile" href="#">
        <div class="c-event-tile__content">
          <div class="h3">Semesterstart</div>
          <p>Ein neues Semester beginnt - sei dabei! Entdecke neue Kurse, schließe dich Clubs an und tauche ein in das Studentenleben.</p>
        </div>
        <div class="c-event-tile__footer">
          <div class="c-event-tile__banner">
            <svg class=".c-event-tile__banner-icon" viewBox="0 0 16 16" aria-hidden="true" focusable="false" style="pointer-events: none;" width="24px" height="24px">
              <use xlink:href="/Images/svg/sprite.symbol.svg#calendar"></use>
            </svg>
          </div>
          <div class="h4">Mo 13.05.2024</div>
        </div></a><a class="c-event-tile" href="#">
        <div class="c-event-tile__content">
          <div class="h3">Studienberatungstag</div>
          <p>Erhalte Unterstützung bei der Wahl deines Studiengangs und lerne mehr über Studienmöglichkeiten. Sprich mit unseren Beratern und erfahre, wie du deine akademischen Ziele erreichen kannst.</p>
        </div>
        <div class="c-event-tile__footer">
          <div class="c-event-tile__banner">
            <svg class=".c-event-tile__banner-icon" viewBox="0 0 16 16" aria-hidden="true" focusable="false" style="pointer-events: none;" width="24px" height="24px">
              <use xlink:href="/Images/svg/sprite.symbol.svg#calendar"></use>
            </svg>
          </div>
          <div class="h4">Mi 15.05.2024</div>
        </div></a><a class="c-event-tile" href="#">
        <div class="c-event-tile__content">
          <div class="h3">Alumni-Treffen</div>
          <p>Triff ehemalige Absolventen und erfahre, wo ihre Karrieren sie hingeführt haben. Tausche Erinnerungen aus und knüpfe neue Kontakte in unserem Alumni-Netzwerk.</p>
        </div>
        <div class="c-event-tile__footer">
          <div class="c-event-tile__banner">
            <svg class=".c-event-tile__banner-icon" viewBox="0 0 16 16" aria-hidden="true" focusable="false" style="pointer-events: none;" width="24px" height="24px">
              <use xlink:href="/Images/svg/sprite.symbol.svg#calendar"></use>
            </svg>
          </div>
          <div class="h4">Sa 18.05.2024</div>
        </div></a>
    </div>
  </div>
</div>