---
title: "Three image cards, 1:1"
url: "https://www.erschmatt.ch/bibliothek-1/card-elements/three-image-cards-11/"
date: 2018-02-07
modified: 2023-05-15
---

# Three image cards, 1:1

1. [Home](https://www.erschmatt.ch/)
2. [Bibliothek](https://www.erschmatt.ch/bibliothek-1/)
3. [Card Elements](https://www.erschmatt.ch/bibliothek-1/card-elements/)
4. Three image cards, 1:1

  Three Image Cards, 1:1
======================

Drei Imagecards (1:1), jeweils mit einem Link

Item-ID: 04-007

[Beispielansicht](#c456) [Anleitung](#c451) [Verhalten](#c449)

 Oops, an error occurred! Request: 3b35f35c9e056 Event: 949a1e31fe0c4bac9069fa7134dd9b74 ---

  Beispielansicht
-----------------

  [  ![](https://www.erschmatt.ch/_assets/processed/hqY5nRAQvxGZbIhGm97ECanLFXjtfoHbAPvqGILRB9o/q:85/c:2408:2408:fp:0.5:0.5/rt:force/w:328/h:328/fn:Y3NtX1NjaGllZGVyLVNjaHdhbGVuYmVyZ18tXzIwMTUtMDgtMDlfLV9LaXJjaGVfV29fX2JiZWxfXzE1X18wMV81MmE4Zjc0YWI1:t/cb:f5705258b9d1d27828e51f79a3bb128f023308f3/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZGVtby9TY2hpZWRlci1TY2h3YWxlbmJlcmdfLV8yMDE1LTA4LTA5Xy1fS2lyY2hlX1dvX19iYmVsX18xNV9fMDEuanBn) ### Lorem Ipsum

 ](https://www.erschmatt.ch/bibliothek-1/card-elements/three-image-cards-11/)

 [  ![](https://www.erschmatt.ch/_assets/processed/zkFkPShx9EOzRD7Q1mmzjJaA6IF7q_pcYbLDdkknnp0/q:85/c:1841:1841:fp:0.5:0.5/rt:force/w:328/h:328/fn:Y3NtX1NjaGllZGVyX1NjaGllZGVyLVNjaHdhbGVuYmVyZ180M2ZlODc3MDll:t/cb:41f9eca6aca266460f7f4e97969603e8b9b95268/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZGVtby9TY2hpZWRlcl9TY2hpZWRlci1TY2h3YWxlbmJlcmcuanBn) ### Lorem Ipsum

 ](https://www.erschmatt.ch/bibliothek-1/card-elements/three-image-cards-11/)

 [  ![](https://www.erschmatt.ch/fileadmin/_processed_/7/6/csm_Schieder-Schwalenberg_-_107_-_Kahlenbergturm__10__fae5fdc73f.jpg) ### Lorem Ipsum

 ](https://www.erschmatt.ch/bibliothek-1/card-elements/three-image-cards-11/)

---

  Anleitung
-----------

 Oops, an error occurred! Request: 3b35f35c9e056 Event: 06f66ae933c44cf1a8164ef012058866 ---

  Verhalten
-----------

 ***Drei Karten mit Bild, 1:1* sind drei nebeneinander stehende Schaltflächen. Mit unterschiedlichen Optionen für Hover-Effekte (ggf. Template-abhängig) bestehen Sie aus einem quadratischen Bild und einer Beschriftung. Der dazugehörige Link macht das gesamte Element jeweils zu einer Schaltfläche.**

**Responsive:** Auf kleiner werdenden Endgeräten wird der letzte Teaser der Reihe in einer eigenen Zeile dargestellt. Auf kleinen Darstellungsflächen werden alle Schaltflächen untereinander angezeigt.

 ---

 ---

       ---

---

  [### Vier Imagecards (1:1)

Vier Imagecards (1:1), jeweils mit einem Link.

 Mehr

 ](https://www.erschmatt.ch/bibliothek-1/map-elements/map-with-contact-information-left-169/)

 [### Zwei Imagecards (1:1)

Zwei Imagecards (1:1), jeweils mit einem Link.

 Mehr

 ](https://www.erschmatt.ch/bibliothek-1/map-elements/map-image-left-with-text-square/)

 [### Imagecard mit Link und Text

Eine Imagecard, mit einem Link und Text unter dem Bild.

 Mehr

 ](https://www.erschmatt.ch/bibliothek-1/map-elements/map-with-contact-information-right-square/)

  Folgende Themen könnten Sie auch interessieren
------------------------------------------------