Demo

Text

Body text

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

• here is a list
• it is unordered
• and contains some items

Mi eget mauris pharetra et ultrices neque ornare aenean euismod elementum nisi. Porttitor leo a diam sollicitudin tempor id eu nisl nunc mi ipsum, faucibus vitae aliquet nec, ullamcorper sit!

1. here is another list
2. it is ordered
3. and contains some more items

Blockquote

This quote was done in markdown:

“There are few people whom I really love, and still fewer of whom I think well. The more I see of the world, the more am I dissatisfied with it; and every day confirms my belief of the inconsistency of all human characters, and of the little dependence that can be placed on the appearance of merit or sense.” —Jane Austen, Pride and Prejudice

Icons

Video

YouTube

Tables

Markdown

HTML

Sometimes it’s necessary to write the table in raw HTML for more control (e.g. adding striped class to a table, or highlight class to a row).

Buttons

Here are some buttons:

Hover me

Hover me too!

Code

Inline

Set the variable x to the value 123. Then, hit CTRL+E to evaluate the code.

Blocks

Fast inverse square root

float Q_rsqrt( float number )
{
	long i;
	float x2, y;
	const float threehalfs = 1.5F;

	x2 = number * 0.5F;
	y  = number;
	i  = * ( long * ) &y;                       // evil floating point bit level hacking
	i  = 0x5f3759df - ( i >> 1 );               // what the heck?
	y  = * ( float * ) &i;
	y  = y * ( threehalfs - ( x2 * y * y ) );   // 1st iteration
//	y  = y * ( threehalfs - ( x2 * y * y ) );   // 2nd iteration, this can be removed

	return y;
}

Pictures

Forms

Here’s an example form.

Embeds

Callout boxes

Callout box without a title

Error box without a title

Warn box without a title

Info box without a title

QR Codes

Full width

Full width shows QR code centered.