.card
component root
.card__media
visual layer (image / video
.card__content
padding + vertical flow
.card__header
title / meta / tags
.card__body
excerpt / content
Card Skeleton Structures
Card Anatomy
GRID / LAYOUT
page / templace context
.card
component root
.card__media
visual layer (image / video
.card__content
padding + vertical flow
.card__header
title / meta / tags
.card__body
excerpt / content
.card
component root
.card__media
visual layer (image / video
.card__content
padding + vertical flow
.card__header
title / meta / tags
.card__body
excerpt / content
Prebuild card templates
Service card skeleton
Service title
Product card skeleton
Product title
Blog / News card skeleton
Post title
People card skeleton
Name
Service card skeleton
Vrijblijvend consult
Vrijblijvend consult
Override card templates
Alternative layout
By adding a unique class on a parent wrapper (i.e. the grid container), it is possible to customize a grid without breaking the global card setup.
Service card skeleton
Service title
Product card skeleton
Product title
Blog / News card skeleton
Post title
People card skeleton
Name
Tagline
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.
Lorem ipsum dolor
Eos laudantium repellat sed architecto earum unde incidunt. Illum sit dolores voluptatem.
Lorem ipsum dolor
Eos laudantium repellat sed architecto earum unde incidunt. Illum sit dolores voluptatem.
Lorem ipsum dolor
Eos laudantium repellat sed architecto earum unde incidunt. Illum sit dolores voluptatem.
Lorem ipsum dolor
Eos laudantium repellat sed architecto earum unde incidunt. Illum sit dolores voluptatem.
Lorem ipsum dolor
Eos laudantium repellat sed architecto earum unde incidunt. Illum sit dolores voluptatem.
Lorem ipsum dolor
Eos laudantium repellat sed architecto earum unde incidunt. Illum sit dolores voluptatem.