Typography

This is a h1 lead heading, I'm bold and I'm bold and have a colour. This is a coloured block I'm handy for links

Pocket

H2 Heading

Pellentesque pellentesque usce lacllentesque eget tempor tellus ellentesque pelleinia tempor malesuada. Pellentesque pellentesque eget tempor tellus ellentesque pellentesque eget tempor tellus. tellus eget tempor. Fusce lacinia tempor malesuada.

H3 Heading

Pellentesque tempor tellus eget pellentesque. usce lacllentesque eget tempor tellus ellentesque pelleinia tempor malesuada. Pellentesque pellentesque eget tempor tellus ellentesque pellentesque eget tempor tellus. Fusce lacinia tempor malesuada.

H4 Heading

Pellentesque pellentesque tempor tellus eget fermentum. usce lacllentesque eget tempor tellus ellentesque pelleinia tempor malesuada. Pellentesque pellentesque eget tempor tellus ellentesque pellentesque eget tempor tellus.

H5 Heading

Pellentesque pellentesque tempor llentesque pellentesque tempor tellus eget libero llentesque pellentesque tempor tellus eget libero tellus ementellentesque tempor tellus eget fermentum. usce lacllentesque eget tempor tellus ellenellentesque tempor tellus eget fermentum. usce lacllentesque eget tempor tellus ellenum.

H6 Heading

Pellentesque pellentesque tempor tellus eget libero

Inline Code

For example, <section> should be wrapped as inline.

Pre Code
<p>Sample text here...</p>

Lists

Unordered
  • Lorem ipsum dolor sit amet
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
  • Aenean sit amet erat nunc
  • Eget porttitor lorem
Ordered
  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet
Icon List
  • List icons (like these)
  • can be used
  • to replace
  • default bullets in lists
Blockquotes

Mauris aliquet ultricies ante, non faucibus ante gravida sed. Sed ultrices pellentesque purus, vulputate volutpat ipsum hendrerit sed neque sed sapien rutrum laoreet justo ultrices. In pellentesque lorem condimentum dui morbi pulvinar dui non quam pretium ut lacinia tortor.

Lorem ipsum dolor sit amet, doming ullamcorper vix no, hinc dictas percipitur.

Mauris aliquet ultricies ante, non faucibus ante gravida sed. Sed ultrices pellentesque purus, vulputate volutpat ipsum hendrerit sed neque sed sapien rutrum laoreet justo ultrices. In pellentesque lorem condimentum dui morbi pulvinar dui non quam pretium ut lacinia tortor.

Drop Caps

SSolum consetetur conclusionemque ea eum, quem iriure consetetur nam et. Nec enim quando eloquentiam ne, ad mea simul utinam. His persius intellegam dissentias et. Veniam blandit an sed. Per bonorum dolores posidonium id, nam eu prima.orem ipsum dolor sit amet, doming ullamcorper vix no, hinc dictas percipitur pri ea, nam eu prima.orem ipsum dolor sit.

OSolum consetetur conclusionemque ea eum, quem iriure consetetur nam et. Nec enim quando eloquentiam ne, ad mea simul utinam. His persius intellegam dissentias et. Veniam blandit an sed. Per bonorum dolores posidonium id, nam eu prima.orem ipsum dolor sit amet, doming ullamcorper vix no, hinc dictas percipitur pri ea.

Emphasis classes

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Nullam id dolor id nibh ultricies vehicula ut id elit.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Maecenas sed diam eget risus varius blandit sit amet non magna.

Etiam porta sem malesuada magna mollis euismod.

Donec ullamcorper nulla non metus auctor fringilla.

Icon Rotate

  normal
  fa-rotate-90
  fa-rotate-180
  fa-rotate-270
  fa-flip-horizontal
  icon-flip-vertical

Stacked Icons

fa-twitter on fa-square-o
fa-flag on fa-circle
fa-terminal on fa-square
fa-ban on fa-camera

Tables

Striped
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Bordered
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter