HTML-Prototype der OTH-Regensburg

<ul class="c-icon-overview-list o-list-bare">
  <li class="c-icon-overview-list__item">
    <svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
      <use xlink:href="Images/svg/sprite.symbol.svg#icon-study"></use>
    </svg>
    <div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">Abschluss</span><span class="c-icon-overview-list__description"><strong>Bachelor of Engineering (B. Eng.)</strong></span></div>
  </li>
  <li class="c-icon-overview-list__item">
    <svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
      <use xlink:href="Images/svg/sprite.symbol.svg#icon-microscope"></use>
    </svg>
    <div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">Studientyp</span><span class="c-icon-overview-list__description"><strong>Vollzeit, Dual, berufsbegleitend</strong></span></div>
  </li>
  <li class="c-icon-overview-list__item">
    <svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
      <use xlink:href="Images/svg/sprite.symbol.svg#icon-time"></use>
    </svg>
    <div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">Nächster Studienbeginn</span><span class="c-icon-overview-list__description"><strong>Sommersemester – 15.03.<br>Wintersemester – 01.10.</strong></span></div>
  </li>
  <li class="c-icon-overview-list__item">
    <svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
      <use xlink:href="Images/svg/sprite.symbol.svg#icon-calendar"></use>
    </svg>
    <div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">Bewerbungsfrist</span><span class="c-icon-overview-list__description"><strong>Wintersemester –  01.05.  bis  15.07<br>Sommersemester –  15.11.  bis  15.01.</strong></span></div>
  </li>
  <li class="c-icon-overview-list__item">
    <svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
      <use xlink:href="Images/svg/sprite.symbol.svg#icon-grade"></use>
    </svg>
    <div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">ECTS-Punkte</span><span class="c-icon-overview-list__description"><strong>180 ECTS</strong></span></div>
  </li>
  <li class="c-icon-overview-list__item">
    <svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
      <use xlink:href="Images/svg/sprite.symbol.svg#icon-hourglass"></use>
    </svg>
    <div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">Regelstudienzeit</span><span class="c-icon-overview-list__description"><strong>7 Semester</strong></span></div>
  </li>
  <li class="c-icon-overview-list__item">
    <svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
      <use xlink:href="Images/svg/sprite.symbol.svg#icon-door"></use>
    </svg>
    <div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">Zulassung</span><span class="c-icon-overview-list__description"><strong>Nicht zulassungsbeschränkt</strong></span></div>
  </li>
  <li class="c-icon-overview-list__item">
    <svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
      <use xlink:href="Images/svg/sprite.symbol.svg#icon-languages"></use>
    </svg>
    <div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">Unterrichtssprache</span><span class="c-icon-overview-list__description"><strong>Deutsch, teilweise Englisch</strong></span></div>
  </li>
  <li class="c-icon-overview-list__item">
    <svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
      <use xlink:href="Images/svg/sprite.symbol.svg#icon-money"></use>
    </svg>
    <div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">Studiengebühren</span><span class="c-icon-overview-list__description"><strong>Nur Semesterbeitrag</strong></span></div>
  </li>
  <li class="c-icon-overview-list__item">
    <svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
      <use xlink:href="Images/svg/sprite.symbol.svg#icon-university"></use>
    </svg>
    <div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">Fakultät</span><span class="c-icon-overview-list__description"><strong>Bauingenieurwesen</strong></span></div>
  </li>
</ul>