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