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

# Three vertical content cards

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 vertical content cards

  Three Vertical Content Cards
============================

Drei vertikale Karten, jeweils mit einem Link und Text unter dem Bild

Item-ID: 04-011

[Beispielansicht](#c504) [Anleitung](#c499) [Verhalten](#c497)

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

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

 more

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

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

 more

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

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

 more

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

---

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

 Oops, an error occurred! Request: 706aed03e1a16 Event: 9ab8794bad4748c5bd2925be35a49fe4 ---

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

 **Die *drei vertikalen Karten mit Inhalt* sind einzelne Schaltflächen mit beschreibendem Inhalt. Sie bestehen aus je einem Bild mit einem festen Seitenverhältnis (Template-abhängig), Beschreibungstext und einer Link-Beschriftung. Der dazugehörige Link macht das gesamte Element zu einer Schaltfläche und ist Grundvoraussetzung, um den Button anzuzeigen.**

**Besonderheiten:**

- Wird kein Bild hochgeladen, können die Cards auch als Schaltflächen mit Textinhalt verwendet werden.
- Wird kein Link hinterlegt, können die Cards auch als reines Inhaltselement verwendet werden. Es wird kein Button angezeigt.

**Responsive:** Auf kleiner werdenden Endgeräten wird die erste Card der Reihe in einer eigenen Zeile mit Bild links neben dem Inhalt dargestellt. Auf kleinen Darstellungsflächen werden alle Schaltflächen untereinander angezeigt.

 ---

 ---

       ---

---

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

 [### Imagecard mit Link und Text neben dem Bild

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

 Mehr

 ](https://www.erschmatt.ch/bibliothek-1/media-elements/slider-element/)

 [### Zwei Imagecards mit Link und Text neben dem Bild

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

 Mehr

 ](https://www.erschmatt.ch/bibliothek-1/media-elements/single-media/)

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