team-pills

Download

ⓘ aria-lable Anpassung sichtbar in der Kategorie: "Team-Test Darstellung"
Darstellung

Code

Code wurde kopiert!
<div class="four-cols">
<button class="team-pill" aria-label="Teambild von Max Mustermann, Apotheker, Inhaber. Pille schließen." aria-pressed="false">
    <div class="pill-top" aria-hidden="true"></div>
    <div class="pill-bottom" aria-hidden="true"></div>
    <img src="/wp-content/uploads/sites/79/team-1.png" alt="Max Mustermann" class="pill-image" width="600" height="600" decoding="async" loading="lazy">
    <div class="pill-text">
      <p class="pill-title"> Max Mustermann</p>
      <p>Apotheker, Inhaber</p>
    </div>
    <div class="pill-shadow" aria-hidden="true"></div>
  </button>  
<button class="team-pill" aria-label="Teambild von Maria Mustermann, Pharmazeutisch-kaufmännische Angestellte (PKA). Pille schließen." aria-pressed="false">
    <div class="pill-top" aria-hidden="true"></div>
    <div class="pill-bottom" aria-hidden="true"></div>
    <img src="/wp-content/uploads/sites/79/team-4.png" alt="Maria Mustermann" class="pill-image" width="600" height="600" decoding="async" loading="lazy">
    <div class="pill-text">
      <p class="pill-title">Maria Mustermann</p>
      <p>Pharmazeutisch-kaufmännische Angestellte (PKA)</p>
    </div>
    <div class="pill-shadow" aria-hidden="true"></div>
  </button>

<button class="team-pill" aria-label="Teambild von Monika Mustermann, Pharmazeutisch-technische Angestellte (PTA). Pille schließen." aria-pressed="false">
    <div class="pill-top" aria-hidden="true"></div>
    <div class="pill-bottom" aria-hidden="true"></div>
    <img src="/wp-content/uploads/sites/79/team-4.png" alt="Monika Mustermann" class="pill-image" width="600" height="600" decoding="async" loading="lazy">
    <div class="pill-text">
      <p class="pill-title"> Monika Mustermann</p>
      <p>Pharmazeutisch-technische Angestellte (PTA)</p>
    </div>
    <div class="pill-shadow" aria-hidden="true"></div>
  </button>

<button class="team-pill" aria-label="Teambild von Sandra Mustermann, Pharmazeutisch-technische Angestellte (PTA). Pille schließen." aria-pressed="false">
    <div class="pill-top" aria-hidden="true"></div>
    <div class="pill-bottom" aria-hidden="true"></div>
    <img src="/wp-content/uploads/sites/79/team-4.png" alt="Sandra Mustermann" class="pill-image" width="600" height="600" decoding="async" loading="lazy">
    <div class="pill-text">
      <p class="pill-title"> Sandra Mustermann</p>
      <p>Pharmazeutisch-technische Angestellte (PTA)</p>
    </div>
    <div class="pill-shadow" aria-hidden="true"></div>
  </button>

</div>