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

# Four 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. Four image cards, 1:1

  Four Image Cards, 1:1
=====================

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

Item-ID: 04-008

[Beispielansicht](#c468) [Anleitung](#c463) [Verhalten](#c461)

 Oops, an error occurred! Request: 0e0ded27154cf Event: 0c587ff322da49edbce7598a7ec4118f ---

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

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

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

 [  ![](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/four-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/four-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/four-image-cards-11/)

---

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

 Oops, an error occurred! Request: 0e0ded27154cf Event: cc516adffedf456bbcdfa938a29be3cc ---

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

 ***Vier Karten mit Bild, 1:1* sind vier 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 werden die Karten in zwei Zeilen dargestellt. Auf kleinen Darstellungsflächen werden alle Schaltflächen untereinander angezeigt.

 ---

 ---

       ---

---

  [### Drei Imagecards (1:1)

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

 Mehr

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

 [### 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/)

 [### Zwei Imagecards mit Link und Text

Zwei Imagecards, jeweils mit einem Link und Text unter dem Bild.

 Mehr

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

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