• Direkt zum Inhalt (Eingabetaste)
  • Direkt zum Hauptmenu (Eingabetaste)
  • Direkt zur Suche (Eingabetaste)
  • Direkt zum Footer (Eingabetaste)
  • Kontakt
  • Suche
  • Deutsch
Logo: Zur Startseite Logo: Zur Startseite
  • Parallax Seite - Banking Platform
  • Parallax Seite - Technology
  • Parallax Seite - Regulatory
  • Raster
    Raster
    • Seiten-Templates
    • Spalten Generator
    • Freefloat
  • Content-Elemente
    Content-Elemente
    • Container
    • Text & Bild
      Text & Bild
      • Test 3. Navigationsebene
      • Ein komplett überbordender langer Menüpunkt, der sämtliche Bereiche sprengt
        Ein komplett überbordender langer Menüpunkt, der sämtliche Bereiche sprengt
        • Test 4. Navigationsebene
          Test 4. Navigationsebene
          • Test 1 2 1
        • Test 1 1
      • Test 3
        Test 3
        • Test 3 1
        • Test 3 2
    • Cards
    • Slick Slider
    • Akkordeon & Tabs
    • Tabellen
    • Dateilinks
    • Hover Effekte
    • Video
    • RSS Feed
    • Modal
    • Icon Menü
  • Styles
    Styles
    • Textformate
    • Farben
    • Buttons & Links
  • Erweiterungen
    Erweiterungen
    • Newsroom
    • News
    • Kalender
    • Event Kalender
    • Personen
    • Partner
    • Standorte
    • Karriere
    • Standortsuche
    • Social
Cards

Unterschiedliche Teaserformate aus Bild, Text und Button laden dazu ein, tiefer in die Seite zu navigieren. Die Möglichkeiten sind vielfältig.

Cards

Unterschiedliche Teaserformate aus Bild, Text und Button laden dazu ein, tiefer in die Seite zu navigieren. Die Möglichkeiten sind vielfältig.

  1. Startseite
  2. Content-Elemente
  3. Cards

Cards left-right - volle Breite

Card mit Bild L/R responsive
Subheader

Card mit Bild L/R responsive

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Mehr erfahren
Card mit Bild L/R responsive

Card mit Bild L/R responsive

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Mehr erfahren

Teaser Cards (Standard)

Standard mit Button

Card-Typ: Image Cards (Optionen). Buttons anzeigen: eingeschaltet, Button Style: outline-dark (Text, Link, Buttons, etc.). Card Style: Teaser Card (Styling).

Nullam quis
Standard mit Button

Card-Typ: Image Cards (Optionen). Buttons anzeigen: eingeschaltet, Button Style: outline-dark (Text, Link, Buttons, etc.). Card Style: Teaser Card (Styling).

Faucibus
Standard ohne Button

Card-Typ: Image Cards (Optionen). Buttons anzeigen: ausgeschaltet (Text, Link, Buttons, etc.). Card Style: Teaser Card (Styling).

Padding Cards

Innenabstand mit Button

Card-Typ: Image Cards (Optionen). Buttons anzeigen: eingeschaltet, Button Style: outline-dark (Text, Link, Buttons, etc.). Card Style: Padding Card (Styling).

Nullam quis
Innenabstand mit Button

Card-Typ: Image Cards (Optionen). Buttons anzeigen: eingeschaltet, Button Style: dark (Text, Link, Buttons, etc.). Card Style: Padding Card (Styling).

Faucibus
Innenabstand ohne Button

Card-Typ: Image Cards (Optionen). Buttons anzeigen: ausgeschaltet (Text, Link, Buttons, etc.). Card Style: Padding Card (Styling).

No-Padding Cards

Ohne Abstand und Schatten

Card-Typ: Image Cards (Optionen). Buttons anzeigen: eingeschaltet, Button Style: outline-dark (Text, Link, Buttons, etc.). Card Style: No-Padding Card (Styling).

Nullam quis
Ohne Abstand und Schatten

Card-Typ: Image Cards (Optionen). Buttons anzeigen: eingeschaltet, Button Style: dark (Text, Link, Buttons, etc.). Card Style: No-Padding Card (Styling).

Faucibus
Ohne Abstand und Schatten

Card-Typ: Image Cards (Optionen). Buttons anzeigen: ausgeschaltet (Text, Link, Buttons, etc.). Card Style: No-Padding Card (Styling).

Cards in Bewegung

Sliding Card (fade)
Sliding Card (fade)
Sliding Card (fade)
PreviousNext
Sliding Card (fade)

Card-Typ: Image Cards (Optionen). Buttons anzeigen: ausgeschaltet (Text, Link, Buttons, etc.). Card Style: Teaser Card (Styling). Bilder, Autostart: eingeschaltet, Intervall (Zeit), Buttons anzeigen: eingeschaltet, Karusell pausieren bei mouseover: eingeschaltet, Übergangseffekt: Fade, Tastatursteuerung: eingeschaltet, Endloschleife: eingeschaltet (Slider Optionen).

Sliding Card (slide)
Sliding Card (slide)
Sliding Card (slide)
PreviousNext
Sliding Card (slide)

Card-Typ: Image Cards (Optionen). Buttons anzeigen: ausgeschaltet (Text, Link, Buttons, etc.). Card Style: Teaser Card (Styling). Bilder, Autostart: eingeschaltet, Intervall (Zeit), Buttons anzeigen: eingeschaltet, Karusell pausieren bei mouseover: eingeschaltet, Übergangseffekt: Slide, Tastatursteuerung: eingeschaltet, Endloschleife: eingeschaltet (Slider Optionen).

Card image Overlay

Text auf Bild

Mit Transparenz und Zoom Effekt

Cards mit Image Overlay

Text auf Bild

Mit Button

Text auf Bild

Mit Button

Text auf Bild

Icon Cards

Icon Subheader
Icon Header

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. 

Icon Subheader
Icon Header

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. 

Headline Lorem Ipsum Text

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. 

Icon Cards

Icon Subheader
Icon Header

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. 

Icon Subheader
Icon Header

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. 

Headline Lorem Ipsum Text

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. 

Proton Content-Elemente

  • Container

  • Text & Bild

  • Cards

  • Slick Slider

  • Akkordeon & Tabs

  • Tabellen

  • Dateilinks

  • Hover Effekte

  • Video

  • RSS Feed

  • Modal

  • Icon Menü

Terminplaner
Kontaktformular
logo: coconet Group
Kontakt

+49 211 24902-0
info@coconet.de

© 2023 CoCoNet AG

  • Impressum

  • Datenschutz