# Text

# Lorem ipsum

## Dolor sit amet.

### This is a h3-tag

#### This is a h4-tag

##### This is a h5-tag

###### and finally the h6-tag

Lorem Ipsum is simply dummy `text of the printing and typesetting industry`. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

`Writing some Code is pretty easy with the <code>-element.`

Progress-Bars

This is a warning Message.

This is an info note.

This is an error message that goes over two lines on a mobile device in portrait mode.

This is a success message.

# Code examples

## Headings (1-6)

You can simply use the default `<h1>` until `<h6>`-Tag.

## Paragraph

You can simply use the default `<p>`-Tag.

## Code

### Inline-Code:

`<code> .classname </code>`

### Multiline-Code:

    <pre>
     foo = bar;
    </pre>

## Messages

### Example

This is a warning Message.

    <div class='message warning'>
     <i class='icon-warning-sign'></i>
     <p>This is a warning Message</p>
    </div>

### Styling Classes

Info: `.info`

Success: `.success`

Warning: `.warning`

Error: `.error`