HTML-Prototype von Hochschule RheinMain

<!-- Grid/ Element container-->
<div class="frame frame-type-" id="c94984" data-scrollspysection="1">
  <div class="container ">
    <div class="c-person-contact container--shadow">
      <div class="o-icon-text">
        <svg class="o-icon-text__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#adress-card"></use>
        </svg>
        <div class="o-icon-text__content"><strong class="o-icon-text__title">Prof. Dr. Max Mustermann</strong><span class="o-icon-text__subtitle">Fachbereich</span>
        </div>
      </div>
      <div class="o-icon-text">
        <svg class="o-icon-text__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#e-mail"></use>
        </svg>
        <div class="o-icon-text__content"><span class="o-icon-text__title">max.mustermann@hs-rm.de</span>
        </div>
      </div>
      <div class="o-icon-text">
        <svg class="o-icon-text__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#phone"></use>
        </svg>
        <div class="o-icon-text__content"><span class="o-icon-text__title">+49 000 0000-000</span>
        </div>
      </div>
      <div class="flex flex--right"><a class="btn btn--right-link" href="#">Zur Person</a></div>
    </div>
  </div>
</div>