GESIS Leibniz-Institut für Sozialwissenschaften: Homepage aufrufen

Widget Kontaktkacheln

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">
        <div class="h3">
          <a href="/institut/mitarbeitendenverzeichnis/person/Nicole.Schulze?no_cache=1"> <span itemprop="familyName">Schulze</span>, <span itemprop="givenName">Nicole</span> </a>
        </div>
        <a href="/institut/mitarbeitendenverzeichnis/orga/tiles/2/all?no_cache=1&amp;cHash=f54da1d586767dbba45db73d880c9a58">
          <b>Präsidialbereich</b> 
          <br />
        </a>
        <a href="/institut/mitarbeitendenverzeichnis/orga/tiles/2/77?no_cache=1&amp;cHash=16b62161bcdb761576769e06cd81d6cc">
          Portfolio-Management
          <br>
        </a>
        <em>Teamleiterin</em> 
        <br>
        <div class="mt-auto">
          <span itemprop="telephone">
            <a href="tel:+496211246145" class="p-tel gris_staff_phone"><span class="icon-gs-phone pe-2"></span> +49 (0621) 1246-145</a>
          </span>
          <br />
          <a class="gris_staff_email" href="#" data-mailto-token="ocknvq,Pkeqng0UejwnbgBiguku0qti" data-mailto-vector="2"> <span class="icon-gs-contact pe-2"></span> Nicole•Schulze[at]gesis•org </a>
          <br />
          <a class="gris_staff_vcard" href="/styleguide/widgets/kontakte/kacheln/vcard/Nicole.Schulze?no_cache=1&amp;type=2734658990120&amp;cHash=49bc00a013561ba89a38f297ab59b45b"> <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">
        <div class="h3">
          <a href="/institut/mitarbeitendenverzeichnis/person/holger.heuser?no_cache=1"> <span itemprop="familyName">Heuser</span>, <span itemprop="givenName">Holger</span> </a>
        </div>
        <a href="/institut/mitarbeitendenverzeichnis/orga/tiles/2/all?no_cache=1&amp;cHash=f54da1d586767dbba45db73d880c9a58">
          <b>Präsidialbereich</b> 
          <br />
        </a>
        <a href="/institut/mitarbeitendenverzeichnis/orga/tiles/2/77?no_cache=1&amp;cHash=16b62161bcdb761576769e06cd81d6cc">
          Portfolio-Management
          <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&amp;type=2734658990120&amp;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">
        <div class="h3">
          <a href="/institut/mitarbeitendenverzeichnis/person/Florian.Frings?no_cache=1"> <span itemprop="familyName">Frings</span>, <span itemprop="givenName">Florian</span> </a>
        </div>
        <a href="/institut/mitarbeitendenverzeichnis/orga/tiles/2/all?no_cache=1&amp;cHash=f54da1d586767dbba45db73d880c9a58">
          <b>Präsidialbereich</b> 
          <br />
        </a>
        <a href="/institut/mitarbeitendenverzeichnis/orga/tiles/2/77?no_cache=1&amp;cHash=16b62161bcdb761576769e06cd81d6cc">
          Portfolio-Management
          <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&amp;type=2734658990120&amp;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">
        <div class="h3">
          <a href="/institut/mitarbeitendenverzeichnis/person/kerstin.hollerbach?no_cache=1"> <span itemprop="familyName">Hollerbach</span>, <span itemprop="givenName">Kerstin</span> </a>
        </div>
        <a href="/institut/mitarbeitendenverzeichnis/orga/tiles/2/all?no_cache=1&amp;cHash=f54da1d586767dbba45db73d880c9a58">
          <b>Präsidialbereich</b> 
          <br />
        </a>
        <a href="/institut/mitarbeitendenverzeichnis/orga/tiles/2/77?no_cache=1&amp;cHash=16b62161bcdb761576769e06cd81d6cc">
          Portfolio-Management
          <br>
        </a>
        <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&amp;type=2734658990120&amp;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">
        <div class="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>
        </div>
        <a href="/institut/mitarbeitendenverzeichnis/orga/tiles/2/all?no_cache=1&amp;cHash=f54da1d586767dbba45db73d880c9a58">
          <b>Präsidialbereich</b> 
          <br />
        </a>
        <a href="/institut/mitarbeitendenverzeichnis/orga/tiles/2/77?no_cache=1&amp;cHash=16b62161bcdb761576769e06cd81d6cc">
          Portfolio-Management
          <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&amp;type=2734658990120&amp;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">
        <div class="h3">
          <a href="/institut/mitarbeitendenverzeichnis/person/christian.kolle?no_cache=1"> <span itemprop="familyName">Kolle</span>, <span itemprop="givenName">Christian</span> </a>
        </div>
        <a href="/institut/mitarbeitendenverzeichnis/orga/tiles/2/all?no_cache=1&amp;cHash=f54da1d586767dbba45db73d880c9a58">
          <b>Präsidialbereich</b> 
          <br />
        </a>
        <a href="/institut/mitarbeitendenverzeichnis/orga/tiles/2/78?no_cache=1&amp;cHash=3c3b77cad914f75fdc093b12ec4ae4b7">
          Kommunikation und Transfer
          <br>
        </a>
        <a href="/institut/mitarbeitendenverzeichnis/orga/tiles/2/77?no_cache=1&amp;cHash=16b62161bcdb761576769e06cd81d6cc">
          Portfolio-Management
          <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&amp;type=2734658990120&amp;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">
        <div class="h3">
          <a href="/institut/mitarbeitendenverzeichnis/person/annika.marth?no_cache=1"> <span itemprop="familyName">Marth</span>, <span itemprop="givenName">Annika</span> </a>
        </div>
        <a href="/institut/mitarbeitendenverzeichnis/orga/tiles/2/all?no_cache=1&amp;cHash=f54da1d586767dbba45db73d880c9a58">
          <b>Präsidialbereich</b> 
          <br />
        </a>
        <a href="/institut/mitarbeitendenverzeichnis/orga/tiles/2/77?no_cache=1&amp;cHash=16b62161bcdb761576769e06cd81d6cc">
          Portfolio-Management
          <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&amp;type=2734658990120&amp;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">
        <div class="h3">
          <a href="/institut/mitarbeitendenverzeichnis/person/lisette.mims?no_cache=1"> <span itemprop="familyName">Mims</span>, <span itemprop="givenName">Lisette</span> </a>
        </div>
        <a href="/institut/mitarbeitendenverzeichnis/orga/tiles/2/all?no_cache=1&amp;cHash=f54da1d586767dbba45db73d880c9a58">
          <b>Präsidialbereich</b> 
          <br />
        </a>
        <a href="/institut/mitarbeitendenverzeichnis/orga/tiles/2/77?no_cache=1&amp;cHash=16b62161bcdb761576769e06cd81d6cc">
          Portfolio-Management
          <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&amp;type=2734658990120&amp;cHash=b0bd61a2673cd08b2cd8f9b8f2b39e71"> <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">
        <div class="h3">
          <a href="/institut/mitarbeitendenverzeichnis/person/stephan.pierau?no_cache=1"> <span itemprop="familyName">Pierau</span>, <span itemprop="givenName">Stephan</span> </a>
        </div>
        <a href="/institut/mitarbeitendenverzeichnis/orga/tiles/2/all?no_cache=1&amp;cHash=f54da1d586767dbba45db73d880c9a58">
          <b>Präsidialbereich</b> 
          <br />
        </a>
        <a href="/institut/mitarbeitendenverzeichnis/orga/tiles/2/77?no_cache=1&amp;cHash=16b62161bcdb761576769e06cd81d6cc">
          Portfolio-Management
          <br>
        </a>
        <br>
        <div class="mt-auto">
          <span itemprop="telephone">
            <a href="tel:+4922147694167" class="p-tel gris_staff_phone"><span class="icon-gs-phone pe-2"></span> +49 (0221) 47694-167</a>
          </span>
          <br />
          <a class="gris_staff_email" href="#" data-mailto-token="ocknvq,uvgrjcp0rkgtcwBiguku0qti" data-mailto-vector="2"> <span class="icon-gs-contact pe-2"></span> stephan•pierau[at]gesis•org </a>
          <br />
          <a class="gris_staff_vcard" href="/styleguide/widgets/kontakte/kacheln/vcard/stephan.pierau?no_cache=1&amp;type=2734658990120&amp;cHash=2ff070fea37a2101a1fc95a760853864"> <span class="icon-gs-vcard pe-2"></span> vCard </a>
        </div>
      </div>
    </div>
  </div>
</div>