Widget Kontakttabelle

Live-Beispiel

HTML-Quelltext

<div class="gris_staff">
  <div class="table-responsive">
    <table>
      <thead>
        <tr>
          <th></th>
          <th> Name </th>
          <th> Abteilung </th>
          <th> Team </th>
          <th class="text-nowrap"> E-Mail </th>
          <th> Telefon </th>
        </tr>
      </thead>
      <tbody>
        <tr itemscope="" itemtype="https://schema.org/Person">
          <td class="img">
            <img src="https://gris.gesis.org/files/photos/person_default.svg" alt="" height="150" />
          </td>
          <td>
            <a href="/institut/ueber-uns/mitarbeitendenverzeichnis/person/Florian.Frings?no_cache=1"> <span itemprop="familyName">Frings</span>, <span itemprop="givenName">Florian</span> </a>
            <br />
          </td>
          <td>
            <a href="/institut/ueber-uns/mitarbeitendenverzeichnis/orga/table/82/all?no_cache=1&amp;cHash=6e74f8557079743c102cf22440e095a4"> Service Strategy &amp; Engineering </a> 
            <br />
          </td>
          <td>
            <a href="/institut/ueber-uns/mitarbeitendenverzeichnis/orga/table/82/83?no_cache=1&amp;cHash=c70cf2c2e8eb2a9ce17e7f93cbcadfe9"> Portfolio Management </a> 
            <br />
          </td>
          <td>
            <a aria-label="E-Mail-Adresse" href="#" data-mailto-token="ocknvq,Hnqtkcp0HtkpiuBiguku0qti" data-mailto-vector="2">
              <span class="gris_staff_email"><span class="icon-gs-contact"></span></span>
            </a>
          </td>
          <td class="text-nowrap">
            <span itemprop="telephone"> <a href="tel:+4922147694139"> +49 (0221) 47694-139 </a> </span>
          </td>
        </tr>
        <tr itemscope="" itemtype="https://schema.org/Person">
          <td class="img">
            <img src="https://gris.gesis.org/files/photos/person_default.svg" alt="" height="150" />
          </td>
          <td>
            <a href="/institut/ueber-uns/mitarbeitendenverzeichnis/person/holger.heuser?no_cache=1"> <span itemprop="familyName">Heuser</span>, <span itemprop="givenName">Holger</span> </a>
            <br />
          </td>
          <td>
            <a href="/institut/ueber-uns/mitarbeitendenverzeichnis/orga/table/82/all?no_cache=1&amp;cHash=6e74f8557079743c102cf22440e095a4"> Service Strategy &amp; Engineering </a> 
            <br />
          </td>
          <td>
            <a href="/institut/ueber-uns/mitarbeitendenverzeichnis/orga/table/82/84?no_cache=1&amp;cHash=77e32e0f6009cf78050ef7a6f8872780"> Requirements Management </a> 
            <br />
          </td>
          <td>
            <a aria-label="E-Mail-Adresse" href="#" data-mailto-token="ocknvq,jqnigt0jgwugtBiguku0qti" data-mailto-vector="2">
              <span class="gris_staff_email"><span class="icon-gs-contact"></span></span>
            </a>
          </td>
          <td class="text-nowrap">
            <span itemprop="telephone"> <a href="tel:+4922147694137"> +49 (0221) 47694-137 </a> </span>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</div>