# Typography documentation

## Headings

Herebelow is an example of the different headings

# Heading 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

## Heading 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

### Heading 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

#### Heading 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

##### Heading 5

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

###### Heading 6

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

## Inline elements

Herebelow is an example of inline elements.

CSS

Origin of Species

`Code tag`

Emphasis

Mark text

`<abbr>`

`<cite>`

`<code>`

`<em>`

`<mark>`

`Cmd + Shift + i`

Highlighted text

Bold text

Deleted text

superscript

subscript

`<kbd>`

`<strong>`

`<b>`

`<del>`

`<sup>`

`<sub>`

## Preformatted text

Most useful for poetry and code

       AH, broken is the golden bowl!
            The spirit flown forever!
        Let the bell toll! — A saintly soul
            Glides down the Stygian river!
                And let the burial rite be read —
                    The funeral song be sung —
                A dirge for the most lovely dead
                    That ever died so young!
                        And, Guy De Vere,
                        Hast thou no tear?
                            Weep now or nevermore!
                        See, on yon drear
                       And rigid bier,
                           Low lies thy love Lenore!

           Lenore - Edgar Allan Poe (1831)

## Lists

Default list styles

- One.
- Two.
  - 1
  - 2
    - 1
    - 2
      - 1
      - 2
      - 3
    - 3
  - 3
- Three.
- Four.
- Five.
- Six.
- Seven.
- Eight.

1. One.
2. Two.
3. Three.
4. Four.
5. Five
6. Six
   1. 1
   2. 2
      1. 1
      2. 2
         1. 1
         2. 2
         3. 3
      3. 3
   3. 3
7. Seven
8. Eight

## Quotes

A very basic quote

> This is a block quotation containing a single paragraph. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

> Cite tag

> This is a block quotation containing a single paragraph. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

> Small tag with float-right

## Definitions

A very basic definition list

Apple
  is a fruit.
Banana
  Is also a fruit.
Tomato
  Is debatable. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

## Figures

A basic figure with figcaption

Beethoven statue in Nuremberg