Live-Beispiel
HTML-Quelltext
<div class="gris_staff">
<div class="g-gesis-1 mb-2 row row-cols-1 row-cols-sm-2 row-cols-lg-3">
<div class="col">
<div itemscope="" itemtype="https://schema.org/Person" class="person d-flex flex-column h-100 tile gs_box">
<h3>
<a href="/institut/mitarbeitendenverzeichnis/person/kerstin.hollerbach?no_cache=1"> <span itemprop="familyName">Hollerbach</span>, <span itemprop="givenName">Kerstin</span> </a>
</h3>
<a href="/institut/mitarbeitendenverzeichnis/orga/tiles/55/all?no_cache=1&cHash=21bcfdb8bf918f083a1d8c0d2a06e956">
<b>Knowledge Exchange and Outreach</b>
<br />
</a>
<a href="/institut/mitarbeitendenverzeichnis/orga/tiles/55/3?no_cache=1&cHash=905b4beb80d0d4352f9a9cf0a0a96256">
Communications & Web
<br>
</a>
<em>Teamleiterin</em>
<br>
<div class="mt-auto">
<span itemprop="telephone">
<a href="tel:+496211246174" class="p-tel gris_staff_phone"><span class="icon-gs-phone pe-2"></span> +49 (0621) 1246-174</a>
</span>
<br />
<a class="gris_staff_email" href="#" data-mailto-token="ocknvq,mgtuvkp0jqnngtdcejBiguku0qti" data-mailto-vector="2"> <span class="icon-gs-contact pe-2"></span> kerstin•hollerbach[at]gesis•org </a>
<br />
<a class="gris_staff_vcard" href="/styleguide/widgets/kontakte/kacheln/vcard/kerstin.hollerbach?no_cache=1&type=2734658990120&cHash=0d90ca20aa3137c178a3f7ab67e8d861"> <span class="icon-gs-vcard pe-2"></span> vCard </a>
</div>
</div>
</div>
<div class="col">
<div itemscope="" itemtype="https://schema.org/Person" class="person d-flex flex-column h-100 tile gs_box">
<h3>
<a href="/institut/mitarbeitendenverzeichnis/person/holger.heuser?no_cache=1"> <span itemprop="familyName">Heuser</span>, <span itemprop="givenName">Holger</span> </a>
</h3>
<a href="/institut/mitarbeitendenverzeichnis/orga/tiles/55/all?no_cache=1&cHash=21bcfdb8bf918f083a1d8c0d2a06e956">
<b>Knowledge Exchange and Outreach</b>
<br />
</a>
<a href="/institut/mitarbeitendenverzeichnis/orga/tiles/55/3?no_cache=1&cHash=905b4beb80d0d4352f9a9cf0a0a96256">
Communications & Web
<br>
</a>
<em>Stellvertretender Teamleiter</em>
<br>
<div class="mt-auto">
<span itemprop="telephone">
<a href="tel:+4922147694137" class="p-tel gris_staff_phone"><span class="icon-gs-phone pe-2"></span> +49 (0221) 47694-137</a>
</span>
<br />
<a class="gris_staff_email" href="#" data-mailto-token="ocknvq,jqnigt0jgwugtBiguku0qti" data-mailto-vector="2"> <span class="icon-gs-contact pe-2"></span> holger•heuser[at]gesis•org </a>
<br />
<a class="gris_staff_vcard" href="/styleguide/widgets/kontakte/kacheln/vcard/holger.heuser?no_cache=1&type=2734658990120&cHash=ee9fc11dd66194bf1c96252df6f36097"> <span class="icon-gs-vcard pe-2"></span> vCard </a>
</div>
</div>
</div>
</div>
<hr />
<div class="g-gesis-1 mb-2 row row-cols-1 row-cols-sm-2 row-cols-lg-3">
<div class="col">
<div itemscope="" itemtype="https://schema.org/Person" class="person d-flex flex-column h-100 tile gs_box">
<h3>
<a href="/institut/mitarbeitendenverzeichnis/person/Florian.Frings?no_cache=1"> <span itemprop="familyName">Frings</span>, <span itemprop="givenName">Florian</span> </a>
</h3>
<a href="/institut/mitarbeitendenverzeichnis/orga/tiles/55/all?no_cache=1&cHash=21bcfdb8bf918f083a1d8c0d2a06e956">
<b>Knowledge Exchange and Outreach</b>
<br />
</a>
<a href="/institut/mitarbeitendenverzeichnis/orga/tiles/55/3?no_cache=1&cHash=905b4beb80d0d4352f9a9cf0a0a96256">
Communications & Web
<br>
</a>
<br>
<div class="mt-auto">
<span itemprop="telephone">
<a href="tel:+4922147694139" class="p-tel 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> Florian•Frings[at]gesis•org </a>
<br />
<a class="gris_staff_vcard" href="/styleguide/widgets/kontakte/kacheln/vcard/Florian.Frings?no_cache=1&type=2734658990120&cHash=e5427d00736cd0e79103abcf3580d104"> <span class="icon-gs-vcard pe-2"></span> vCard </a>
</div>
</div>
</div>
<div class="col">
<div itemscope="" itemtype="https://schema.org/Person" class="person d-flex flex-column h-100 tile gs_box">
<h3>
<a href="/institut/mitarbeitendenverzeichnis/person/gerrit.huebbers?no_cache=1"> <span itemprop="familyName">Hübbers</span>, <span itemprop="honorificPrefix">Dipl.-Ing.</span> <span itemprop="givenName">Gerrit</span> </a>
</h3>
<a href="/institut/mitarbeitendenverzeichnis/orga/tiles/55/all?no_cache=1&cHash=21bcfdb8bf918f083a1d8c0d2a06e956">
<b>Knowledge Exchange and Outreach</b>
<br />
</a>
<a href="/institut/mitarbeitendenverzeichnis/orga/tiles/55/3?no_cache=1&cHash=905b4beb80d0d4352f9a9cf0a0a96256">
Communications & Web
<br>
</a>
<br>
<div class="mt-auto">
<span itemprop="telephone">
<a href="tel:+4922147694231" class="p-tel gris_staff_phone"><span class="icon-gs-phone pe-2"></span> +49 (0221) 47694-231</a>
</span>
<br />
<a class="gris_staff_email" href="#" data-mailto-token="ocknvq,igttkv0jwgddgtuBiguku0qti" data-mailto-vector="2"> <span class="icon-gs-contact pe-2"></span> gerrit•huebbers[at]gesis•org </a>
<br />
<a class="gris_staff_vcard" href="/styleguide/widgets/kontakte/kacheln/vcard/gerrit.huebbers?no_cache=1&type=2734658990120&cHash=c33735264f52a191625fe80babdfcac9"> <span class="icon-gs-vcard pe-2"></span> vCard </a>
</div>
</div>
</div>
<div class="col">
<div itemscope="" itemtype="https://schema.org/Person" class="person d-flex flex-column h-100 tile gs_box">
<h3>
<a href="/institut/mitarbeitendenverzeichnis/person/christian.kolle?no_cache=1"> <span itemprop="familyName">Kolle</span>, <span itemprop="givenName">Christian</span> </a>
</h3>
<a href="/institut/mitarbeitendenverzeichnis/orga/tiles/55/all?no_cache=1&cHash=21bcfdb8bf918f083a1d8c0d2a06e956">
<b>Knowledge Exchange and Outreach</b>
<br />
</a>
<a href="/institut/mitarbeitendenverzeichnis/orga/tiles/55/3?no_cache=1&cHash=905b4beb80d0d4352f9a9cf0a0a96256">
Communications & Web
<br>
</a>
<br>
<div class="mt-auto">
<span itemprop="telephone">
<a href="tel:+4922147694138" class="p-tel gris_staff_phone"><span class="icon-gs-phone pe-2"></span> +49 (0221) 47694-138</a>
</span>
<br />
<a class="gris_staff_email" href="#" data-mailto-token="ocknvq,ejtkuvkcp0mqnngBiguku0qti" data-mailto-vector="2"> <span class="icon-gs-contact pe-2"></span> christian•kolle[at]gesis•org </a>
<br />
<a class="gris_staff_vcard" href="/styleguide/widgets/kontakte/kacheln/vcard/christian.kolle?no_cache=1&type=2734658990120&cHash=c0261e0b6f68fba216daa23d027a619f"> <span class="icon-gs-vcard pe-2"></span> vCard </a>
</div>
</div>
</div>
<div class="col">
<div itemscope="" itemtype="https://schema.org/Person" class="person d-flex flex-column h-100 tile gs_box">
<h3>
<a href="/institut/mitarbeitendenverzeichnis/person/annika.marth?no_cache=1"> <span itemprop="familyName">Marth</span>, <span itemprop="givenName">Annika</span> </a>
</h3>
<a href="/institut/mitarbeitendenverzeichnis/orga/tiles/55/all?no_cache=1&cHash=21bcfdb8bf918f083a1d8c0d2a06e956">
<b>Knowledge Exchange and Outreach</b>
<br />
</a>
<a href="/institut/mitarbeitendenverzeichnis/orga/tiles/55/3?no_cache=1&cHash=905b4beb80d0d4352f9a9cf0a0a96256">
Communications & Web
<br>
</a>
<br>
<div class="mt-auto">
<span itemprop="telephone">
<a href="tel:+4922147694208" class="p-tel gris_staff_phone"><span class="icon-gs-phone pe-2"></span> +49 (0221) 47694-208</a>
</span>
<br />
<a class="gris_staff_email" href="#" data-mailto-token="ocknvq,cppkmc0octvjBiguku0qti" data-mailto-vector="2"> <span class="icon-gs-contact pe-2"></span> annika•marth[at]gesis•org </a>
<br />
<a class="gris_staff_vcard" href="/styleguide/widgets/kontakte/kacheln/vcard/annika.marth?no_cache=1&type=2734658990120&cHash=b4c5fce4732a7c72388e428a5f9b5e03"> <span class="icon-gs-vcard pe-2"></span> vCard </a>
</div>
</div>
</div>
<div class="col">
<div itemscope="" itemtype="https://schema.org/Person" class="person d-flex flex-column h-100 tile gs_box">
<h3>
<a href="/institut/mitarbeitendenverzeichnis/person/lisette.mims?no_cache=1"> <span itemprop="familyName">Mims</span>, <span itemprop="givenName">Lisette</span> </a>
</h3>
<a href="/institut/mitarbeitendenverzeichnis/orga/tiles/55/all?no_cache=1&cHash=21bcfdb8bf918f083a1d8c0d2a06e956">
<b>Knowledge Exchange and Outreach</b>
<br />
</a>
<a href="/institut/mitarbeitendenverzeichnis/orga/tiles/55/3?no_cache=1&cHash=905b4beb80d0d4352f9a9cf0a0a96256">
Communications & Web
<br>
</a>
<br>
<div class="mt-auto">
<span itemprop="telephone">
<a href="tel:+496211246284" class="p-tel gris_staff_phone"><span class="icon-gs-phone pe-2"></span> +49 (0621) 1246-284</a>
</span>
<br />
<a class="gris_staff_email" href="#" data-mailto-token="ocknvq,nkugvvg0okouBiguku0qti" data-mailto-vector="2"> <span class="icon-gs-contact pe-2"></span> lisette•mims[at]gesis•org </a>
<br />
<a class="gris_staff_vcard" href="/styleguide/widgets/kontakte/kacheln/vcard/lisette.mims?no_cache=1&type=2734658990120&cHash=b0bd61a2673cd08b2cd8f9b8f2b39e71"> <span class="icon-gs-vcard pe-2"></span> vCard </a>
</div>
</div>
</div>
</div>
</div>
