Floated images

Image floated to the leftIn a massa libero, ut consequat sapien. Nulla sem nulla, vehicula non eleifend ac, posuere at lectus. Vivamus magna quam, vehicula eget commodo non , elementum sit amet dolor. Duis sit amet sem nunc, non blandit odio. Nunc vitae turpis erat, ac euismod eros. Phasellus varius dolor in est eleifend tempor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Fusce molestie nisi dignissim neque porttitor cursus fringilla ac elit. Fusce luctus elit sit amet odio accumsan ut mollis risus condimentum. Etiam imperdiet felis eget metus porttitor vel auctor augue consectetur. Integer lacinia massa sit amet nisi commodo nec interdum enim feugiat. Proin lobortis rhoncus risus vel gravida. Ut hendrerit malesuada ullamcorper.

In a massa libero, ut consequat sapien. Nulla sem nulla, vehicula non eleifend ac, posuere at lectus. Vivamus magna quam, vehicula eget commodo non , elementum sit amet dolor. Duis sit amet sem nunc, non blandit odio. Nunc vitae turpis erat, ac euismod eros. Phasellus varius dolor in est eleifend tempor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam dolor metus, mattis pretium aliquet vel, iaculis pharetra risus. Morbi elementum tempor dui, non. Cras quam augue, vulputate eget venenatis quis, dignissim eget diam. Sed sem turpis, convallis in pulvinar non, vulputate quis nibh.

Headings

Heading 1

Praesent suscipit elit ut dolor volutpat eu pellentesque tortor sollicitudin. Duis nec justo sapien. In sed nisi vel leo feugiat ornare non non mi. Morbi eu nunc non risus consectetur commodo. In sed diam dui. Ut nisl lectus, porta placerat adipiscing quis, condimentum nec justo.

Heading 2

Praesent suscipit elit ut dolor volutpat eu pellentesque tortor sollicitudin. Duis nec justo sapien. In sed nisi vel leo feugiat ornare non non mi. Morbi eu nunc non risus consectetur commodo. In sed diam dui. Ut nisl lectus, porta placerat adipiscing quis, condimentum nec justo.

Heading 3

Praesent suscipit elit ut dolor volutpat eu pellentesque tortor sollicitudin. Duis nec justo sapien. In sed nisi vel leo feugiat ornare non non mi. Morbi eu nunc non risus consectetur commodo. In sed diam dui. Ut nisl lectus, porta placerat adipiscing quis, condimentum nec justo.

 

Heading 4

Praesent suscipit elit ut dolor volutpat eu pellentesque tortor sollicitudin. Duis nec justo sapien. In sed nisi vel leo feugiat ornare non non mi. Morbi eu nunc non risus consectetur commodo. In sed diam dui. Ut nisl lectus, porta placerat adipiscing quis, condimentum nec justo.

Heading 5

Praesent suscipit elit ut dolor volutpat eu pellentesque tortor sollicitudin. Duis nec justo sapien. In sed nisi vel leo feugiat ornare non non mi. Morbi eu nunc non risus consectetur commodo. In sed diam dui. Ut nisl lectus, porta placerat adipiscing quis, condimentum nec justo.

Heading 6

Praesent suscipit elit ut dolor volutpat eu pellentesque tortor sollicitudin. Duis nec justo sapien. In sed nisi vel leo feugiat ornare non non mi. Morbi eu nunc non risus consectetur commodo. In sed diam dui. Ut nisl lectus, porta placerat adipiscing quis, condimentum nec justo.

 

Dropcap

Etiam ac ante nec neque elementum congue a quis lacus. Fusce adipiscing pharetra quam, a pellentesque elit tempus lacinia. Phasellus sollicitudin augue at elit lobortis ut facilisis erat porta. Aliquam ullamcorper risus quis mi placerat dapibus. Aenean sed sem arcu, consequat ullamcorper nisi. Pellentesque ornare mauris ut neque egestas placerat. Fusce eget viverra nisi.

Curabitur hac habitasse platea dictumst. Nunc posuere venenatis vehicula. Praesent nibh lectus, blandit quis vestibulum in, auctor vel tortor. Aliquam erat volutpat. Aliquam ut sem eget diam dignissim dignissim. Curabitur blandit, odio ut mattis dictum, orci velit placerat est, non gravida ligula nulla ut nibh. Sed eget ligula id elit hendrerit pharetra.

Pullquote & highlight

Etiam metus justo, imperdiet sed consectetur sed, molestie vel tortor. Maecenas in metus diam. In pellentesque venenatis imperdiet. Suspendisse fringilla luctus commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fringilla, dolor id dapibus auctor, nulla justo pretium leo, sit amet scelerisque lectus odio at urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus condimentum, enim non egestas consectetur, ante felis mattis sem, id tincidunt orci nisl non ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In vehicula pellentesque erat eget varius. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam sodales nisl quis urna tempor dapibus.

Blockquote

Ut hendrerit malesuada ullamcorper. Fusce placerat nibh et urna vestibulum vel pulvinar risus vestibulum. In vestibulum sagittis arcu et faucibus. Fusce placerat nibh et urna vestibulum vel pulvinar risus vestibulum.

John Doe

You can create a blockquote like the one above using our type plugin or with the following code:

<blockquote>
     <p>Text</p>
     <small>Author</small>
</blockquote>

Buttons

The size of the buttons depends on the size of their text. The same styling is applied to all button elements and links with the btn class. An additional class can be used for colored buttons (btn-green btn-red btn-blue btn-orange). A subline can also be added but should only be used on big buttons (~20). Here are some examples:

DefaultDefault 15Default 22Blue 16Green 20 with sublineExplanatory details

Lists

  • Curabitur dapibus cursus consectetur
  • Aliquam ornare nulla eu urna malesuada
    • Curabitur dapibus cursus consectetur
    • Aliquam ornare nulla eu urna malesuada
    • Vestibulum eget sem vitae magna consequat luctus
  • Vestibulum eget sem vitae magna consequat luctus
  • Aenean luctus viverra urna, vitae
  1. Curabitur dapibus cursus consectetur
  2. Aliquam ornare nulla eu urna malesuada
    1. Curabitur dapibus cursus consectetur
    2. Aliquam ornare nulla eu urna malesuada
    3. Vestibulum eget sem vitae magna consequat luctus
  3. Vestibulum eget sem vitae magna consequat luctus
  4. Aenean luctus viverra urna, vitae

Code

If your articles need to display code often you might want to install a plugin for syntax highlighting like CodeCitation.
These are the styles for <pre> and <code>.

ul.menu li
{
margin: 0 0 4px;
line-height: 16px;
}

ul.menu a
{
display: block;
padding: 2px 0;
}

And some inline code over here.

Columns

Column 1

Fusce sed mi at magna posuere faucibus et ut eros. Pellentesque non purus eu nunc sollicitudin sodales. Phasellus facilisis lacinia.

Column 2

Sed bibendum, justo eget dictum ornare, risus dui sodales elit, at scelerisque nulla leo eu sem. Vestibulum vestibulum enim eu.

Column 3

Fusce sed mi at magna posuere faucibus et ut eros. Pellentesque non purus eu nunc sollicitudin sodales. Phasellus facilisis lacinia.

Column 4

Sed bibendum, justo eget dictum ornare, risus dui sodales elit, at scelerisque nulla leo eu sem. Vestibulum vestibulum enim eu.

 

Tables

 HeadingHeadingHeadingHeadingHeadingHeadingHeading
Row test test test test test test test
Row test test test test test test test
Row test test test test test test test

Or with the classes zebratable, hovertable-x, hovertable-y and fulltable:

 HeadingHeadingHeadingHeadingHeadingHeadingHeading
Row test test test test test test test
Row test test test test test test test
Row test test test test test test test
Row test test test test test test test