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

# Four image cards, 16:9

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, 16:9

  Four Image Cards, 16:9
======================

Vier Imagecards (16:9), jeweils mit einem Link

Item-ID: 04-004

[Beispielansicht](#c420) [Anleitung](#c415) [Verhalten](#c413)

 Oops, an error occurred! Request: 61917aac96253 Event: 2a0658af75e94814a80cf0a1c2fc1291 ---

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

  [  ![](https://www.erschmatt.ch/fileadmin/_processed_/1/d/csm_Schieder-Schwalenberg_-_2015-08-09_-_Kirche_Wo__bbel__15__9ee4e82a55.jpg) ### Lorem Ipsum

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

 [  ![](https://www.erschmatt.ch/fileadmin/_processed_/7/3/csm_Schieder-Schwalenberg_-_2015-08-09_-_Kirche_Wo__bbel__15__01_975b9d2247.jpg) ### Lorem Ipsum

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

 [  ![](https://www.erschmatt.ch/fileadmin/_processed_/8/8/csm_Schieder_Schieder-Schwalenberg_07fc9676b3.jpg) ### Lorem Ipsum

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

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

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

---

 Anleitung
---------

 Oops, an error occurred! Request: 61917aac96253 Event: b03bfe4ac1c44843a2218b38094ee111 ---

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

 ***Vier Karten mit Bild, 16:9* sind vier Schaltflächen nebeneinander. Mit unterschiedlichen Optionen für Hover-Effekte (ggf. Template-abhängig) bestehen Sie aus einem Bild mit einem automatischen Seitenverhältnis von 16:9 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 (16:9)

Drei Imagecards (16:9), jeweils mit einem Link.

 Mehr

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

 [### Imagecard (1:1)

Eine Imagecard (1:1), mit einem Link.

 Mehr

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

 [### Zwei Imagecards (1:1)

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

 more

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

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