Link-Listen

In Cards

{{!--========================================================================== LISTGROUP CARD Structure divided into individually removable blocks. Structure: - Image with caption (optional) - Icon (optional) - Topline (optional) - Headline (optional) - Text (optional) - Links: icon, topline, headline (optional) - Footer (optional) ========================================================================== --}} {{> layout/listgroup-card-complete cardHeader="Handwerker" cardImage="./uploads/placeholder-workshop.jpg" cardIcon="hwki-erde" cardTopline="Datenschutz" cardTitle="Außenwirtschaft" cardText="Wer Geschäfte im Ausland tätigen möchten, kann sich bei uns kostenlos und individuell beraten lassen." cardFooter="weitere Angebote" }} {{!--========================================================================== END LISTGROUP CARD ========================================================================== --}}
Optionale Elemente

Header

Bild

Icon

Topline

Headline

Text

Links: Icon, Topline, Headline

Footer

Varianten

{{> layout/listgroup-card-complete cardImage="./uploads/placeholder-workshop.jpg" cardTopline="Datenschutz" cardTitle="Außenwirtschaft" cardText="Wer Geschäfte im Ausland tätigen möchten, kann sich bei uns kostenlos und individuell beraten lassen." cardFooter="weitere Angebote" }}
{{> layout/listgroup-card-complete cardIcon="hwki-erde" cardTopline="Datenschutz" cardTitle="Außenwirtschaft" cardText="Wer Geschäfte im Ausland tätigen möchten, kann sich bei uns kostenlos und individuell beraten lassen." cardFooter="weitere Angebote" }} {{> layout/listgroup-card-complete cardHeader="Handwerker" cardFooter="weitere Angebote" classCard=" mt-6" }}

Link-Listen

  • {{> layout/listgroup-item-a }}
  • {{> layout/listgroup-item-a }}
  • {{> layout/listgroup-item-a }}
  • {{> layout/listgroup-item-a }}

Text-Secondary

  • {{> layout/listgroup-item-a topline="" }}
  • {{> layout/listgroup-item-a topline="" }}
  • {{> layout/listgroup-item-a topline="" }}
{{!--

.list-group.bg-blue-200.text-secondary

--}} 
.list-group.bg-blue-200.text-secondary
  • {{> layout/listgroup-item-a topline="" }}
  • {{> layout/listgroup-item-a topline="" }}
{{!--

.list-group.bg-orange-200.text-secondary

--}} 
.list-group.bg-orange-200.text-secondary
  • {{> layout/listgroup-item-a topline="" }}
  • {{> layout/listgroup-item-a topline="" }}
{{!--

.list-group.bg-green-dark-200.text-secondary

--}} 
.list-group.bg-green-dark-200.text-secondary
  • {{> layout/listgroup-item-a icon="hwki-ansprechpartner" topline="" title="" text="Ansprechperson vor Ort" textClass="" iconRight="hwki-pfeil-rechts" }}
  • {{> layout/listgroup-item-a icon="hwki-kontakt" topline="" title="" text="Telefonische Beratung" textClass="" iconRight="hwki-pfeil-rechts" }}
  • {{> layout/listgroup-item-a icon="hwki-sprechblase" topline="" title="" text="Live-Chat starten" textClass="" iconRight="hwki-pfeil-rechts" }}
{{!--

.list-group.bg-blue-200.text-secondary

--}} 
.list-group.bg-blue-200.text-secondary
  • {{> layout/listgroup-item-a icon="hwki-ansprechpartner" topline="" title="" text="Ansprechperson vor Ort" textClass="" iconRight="hwki-pfeil-rechts" }}
  • {{> layout/listgroup-item-a icon="hwki-kontakt" topline="" title="" text="Telefonische Beratung" textClass="" iconRight="hwki-pfeil-rechts" }}
  • {{> layout/listgroup-item-a icon="hwki-sprechblase" topline="" title="" text="Live-Chat starten" textClass="" iconRight="hwki-pfeil-rechts" }}
{{!--

.list-group.text-secondary

--}} 
.list-group.text-secondary