Refsheet

Section Type: color1

Section Type: color2

Typography

This is a 1st level heading

This is 2nd level heading

This is a test paragraph.

This is 3rd level heading

This is a test paragraph.

This is 4th level heading

This is a test paragraph.

This is 5th level heading

This is a test paragraph, only a test paragraph.

This is a normal paragraph. To add some length to it, let us mention that this page was primarily written for testing the effect of user style sheets. You can use it for various other purposes as well, like just checking how your browser displays various HTML elements by default. It can also be useful when testing conversions from HTML format to other formats, since some elements can go wrong then.

This is another paragraph with an inline link. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.

 

Figures

add class "figure" to a paragraph to achieve this styling

Section Type: color3

Cards

...
Card

The Card fragment can be used to create:

  • A static content card
  • An interactive card (where the entire card is clickable). In this case the url from the read more link will be used
  • A card with one or two CTA's
...
Card

The Card fragment can be used to create:

  • A static content card
  • An interactive card (where the entire card is clickable). In this case the url from the read more link will be used
  • A card with one or two CTA's
Interactive Card w/o image

The Card fragment can be used to create:

  • A static content card
  • An interactive card (where the entire card is clickable). In this case the url from the read more link will be used
  • A card with one or two CTA's
Card with alternative look

This card typically has no image, but still has all other options of the card-fragment. It should be used to make a card stand out from other cards.

Section Type: Dark

Collapsibles

Some placeholder content for the Collapse content with enough content to fill more than one line.
Some placeholder content for the Collapse content.
Some placeholder content for the Collapse content.

Images

Image
Image-as-card

Quotes

 

A well-known quote, contained in a blockquote element.

Someone famous
 
 

A well-known quote, contained in a blockquote element and displayed as card.

Someone famous
 

Social icons

270

lorem Ipsum

1700

lorem Ipsum

180

lorem Ipsum

"De omgang met de collega's. je voelt dat in de samenwerking met iedereen. Iedereen is supergedreven. En tegelijkertijd voel je ook nog de aandacht en waardering voor elkaar."
- Judith De Bok, functie
een stap
een stap
een stap
een stap
een stap
een stap