render-and-sourcecode

Live-Beispiel

HTML-Quelltext

<div class="frame-vcard">
  <aside aria-label="Kontakt" tabindex="0" class="gs_vcard_toggle">
    <div class="gs_vcard">
      <ul>
        <li>
          <div itemscope="" itemtype="https://schema.org/Person" class="gris_staff_person_vcard">
            <div class="gs_address">
              <div class="h3">
                <a href="/institut/ueber-uns/mitarbeitendenverzeichnis/person/Florian.Frings?no_cache=1"> <span itemprop="givenName">Florian</span> <span itemprop="familyName">Frings</span> </a>
              </div>
              <a href="/institut/ueber-uns/mitarbeitendenverzeichnis/orga/table/82/all?no_cache=1&amp;cHash=6e74f8557079743c102cf22440e095a4">
                <b>Service Strategy &amp; Engineering</b>
                <br />
              </a>
              <a href="/institut/ueber-uns/mitarbeitendenverzeichnis/orga/table/82/83?no_cache=1&amp;cHash=c70cf2c2e8eb2a9ce17e7f93cbcadfe9">
                Portfolio Management
                <br />
              </a>
              <div class="gs_options">
                <span itemprop="telephone">
                  <a href="tel:+4922147694139" class="gris_staff_phone"> <span class="icon-gs-phone pe-2"></span> +49 (0221) 47694-139 </a>
                </span>
                <br />
                <a class="gris_staff_email" href="#" data-mailto-token="ocknvq,Hnqtkcp0HtkpiuBiguku0qti" data-mailto-vector="2"><span class="icon-gs-contact pe-2"></span> E-Mail</a>
                <br />
                <a class="gris_staff_vcard" href="/development/render-and-sourcecode/vcard/Florian.Frings?no_cache=1&amp;type=2734658990120&amp;cHash=666db2b31f6171166ab70ef9400ac868"> <span class="icon-gs-vcard pe-2"></span> vCard </a>
              </div>
            </div>
            <div>
              <figure>
                <img src="https://gris.gesis.org/files/photos/person_default.svg" alt=" " />
              </figure>
            </div>
          </div>
        </li>
      </ul>
    </div>
  </aside>
</div>