# HTML5 Example Page

## This is an article headline

This paragraph is nested inside an article. It contains basic tags like anchors, strong, emphasis, and underline. It provides deleted text as well, which often gets replaced with inserted text.

### This is sub headline for showing the color palette

This part needs to be manually edited in case of changing the base color variables and steps of shades in _color_settings.scss

cbg-grey1
cbg-grey2
cbg-grey3
cbg-grey4
cbg-grey5
cbg-gold1
cbg-gold2
cbg-gold3
cbg-gold4
cbg-gold5
cbg-orange1
cbg-orange2
cbg-orange3
cbg-orange4
cbg-orange5
cbg-red1
cbg-red2
cbg-red3
cbg-red4
cbg-red5
cbg-rose1
cbg-rose2
cbg-rose3
cbg-rose4
cbg-rose5
cbg-violet1
cbg-violet2
cbg-violet3
cbg-violet4
cbg-violet5
cbg-blue1
cbg-blue2
cbg-blue3
cbg-blue4
cbg-blue5
cbg-blue-sky1
cbg-blue-sky2
cbg-blue-sky3
cbg-blue-sky4
cbg-blue-sky5
cbg-cyan1
cbg-cyan2
cbg-cyan3
cbg-cyan4
cbg-cyan5
cbg-green1
cbg-green2
cbg-green3
cbg-green4
cbg-green5
cbg-lime1
cbg-lime2
cbg-lime3
cbg-lime4
cbg-lime5

### This is another sub headline for more content

- Unordered lists have basic styles
- They use the circle list style
  - Nested list item one
  - Nested list item two
- Just one more list item

1. Ordered lists also have basic styles
2. They use the decimal list style
   - Nested list item one
   - Nested list item two
3. Last list item

### This is some advanced content

Caption for the first image
Caption for the second image

Anchor button

> “Infamous quote”

Expandable title

Revealed content

Another expandable title

More revealed content

#### This is a code example

    .some-class {
      background-color: red;
    }

## This is another headline

This is a boxed element.
This is yet another boxed element.

### This is a table

Name | Quantity | Price
--- | --- | ---
Cheese fondue | 1 | EUR 23
Pizza | 10 | EUR 10.000,00
Waffles | 1 | EUR 14,30

### And this is a form

Subject
Message
Confirmation