Blocks

These are the content blocks available in the website.

Base hero

Hero title

This is an example of a hero component used in the design system.
Subtext

Hero title

This is an example of a hero component used in the design system.
Subtext
TODO: buurtfilters
Detail hero
Breadcrumb

Detail hero title

Oost
This is an example of a hero component used in the design system.
Accordion
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.
Quote
With author
The quick brown fox jumps over the lazy dog.

John Doe

Without author
The quick brown fox jumps over the lazy dog.
Rich text

Title

Lead paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.
Images
Single
Image caption & credits
Double
Image caption & credits
Image caption & credits
Video

Video title

Video caption
Call to action

Join our community

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.

Join our community

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.
Summary slider
Example tag

Example slide

Example description
Example CTA
Example tag

Example slide

Example description
Example CTA
Example tag

Example slide

Example description
Example CTA
Example tag

Example slide

Example description
Example CTA
Example tag

Example slide

Example description
Example CTA
Example tag

Example slide

Example description
Example CTA
Example tag

Example slide

Example description
Example CTA
Example tag

Example slide

Example description
Example CTA
Example tag

Example slide

Example description
Example CTA
JotForm
Jotform embed