HTML-Prototype der OTH-Regensburg

<div class="c-contactbox">
  <div class="c-contactbox__content">
    <div class="c-contactbox__information">
      <h3 class="c-contactbox__title">Vorname Nachname</h3>
      <div class="c-contactbox__description">
        <p>Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis</p>
      </div>
      <ul class="c-contactbox__list o-list-bare">
        <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="tel:+499419439710">
            <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
              <use xlink:href="Images/svg/sprite.symbol.svg#icon-phone-black"></use>
            </svg><span class="c-contactbox__list-text">+49 (0)941 / 943 - 9710</span></a>
        </li>
        <li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="mailto:studienberatung@oth-regensburg.de">
            <svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
              <use xlink:href="Images/svg/sprite.symbol.svg#icon-letter-black"></use>
            </svg><span class="c-contactbox__list-text">studienberatung@oth-regensburg.de</span></a>
        </li>
      </ul>
    </div><span class="c-contactbox__cta">Alle Infos zur Person
      <svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
        <use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
      </svg></span>
  </div><a class="c-contactbox__link" href="#container" title="Alle Informationen zu &quot;Vorname Nachname&quot;"></a>
  <script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "Person",
      "givenName": "Hans-Peter",
      "familyName": "Rabl",
      "honorificPrefix": "Prof. Dr.-Ing.",
      "affiliation": "Fakultät Maschinenbau",
      "email": "studienberatung@oth-regensburg.de ",
      "telephone": "+4994194302",
      "image": "http://photourl",
      "address": "Galgenbergstraße 30, Raum D111",
      "worksFor": "OTH Regensburg"
    }
  </script>
</div>