Typography

[title type=”h1″]H1 Tag[/title]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam aliquam placerat tortor at suscipit. Nunc iaculis libero a quam consequat molestie. Cras volutpat ornare lectus, ut pulvinar neque pretium eu. Pellentesque ultricies sem in risus lobortis condimentum. Proin sit amet dui sapien, eu euismod orci. Pellentesque vitae nisl elementum justo tincidunt lacinia.

[title type=”h2″]H2 Tag[/title]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam aliquam placerat tortor at suscipit. Nunc iaculis libero a quam consequat molestie. Cras volutpat ornare lectus, ut pulvinar neque pretium eu. Pellentesque ultricies sem in risus lobortis condimentum. Proin sit amet dui sapien, eu euismod orci. Pellentesque vitae nisl elementum justo tincidunt lacinia.

[title type=”h3″]H3 Tag[/title]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam aliquam placerat tortor at suscipit. Nunc iaculis libero a quam consequat molestie. Cras volutpat ornare lectus, ut pulvinar neque pretium eu. Pellentesque ultricies sem in risus lobortis condimentum. Proin sit amet dui sapien, eu euismod orci. Pellentesque vitae nisl elementum justo tincidunt lacinia.

[title type=”h4″]H4 Tag[/title]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam aliquam placerat tortor at suscipit. Nunc iaculis libero a quam consequat molestie. Cras volutpat ornare lectus, ut pulvinar neque pretium eu. Pellentesque ultricies sem in risus lobortis condimentum. Proin sit amet dui sapien, eu euismod orci. Pellentesque vitae nisl elementum justo tincidunt lacinia.

[title type=”h5″]H5 Tag[/title]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam aliquam placerat tortor at suscipit. Nunc iaculis libero a quam consequat molestie. Cras volutpat ornare lectus, ut pulvinar neque pretium eu. Pellentesque ultricies sem in risus lobortis condimentum. Proin sit amet dui sapien, eu euismod orci. Pellentesque vitae nisl elementum justo tincidunt lacinia.

[title type=”h6″]H6 Tag[/title]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam aliquam placerat tortor at suscipit. Nunc iaculis libero a quam consequat molestie. Cras volutpat ornare lectus, ut pulvinar neque pretium eu. Pellentesque ultricies sem in risus lobortis condimentum. Proin sit amet dui sapien, eu euismod orci. Pellentesque vitae nisl elementum justo tincidunt lacinia.

[title type=”h4″]Table[/title]
Column 1 Column 2 Column 3 Column 4
Item #1 Item #1 Item #1 Item #1
Item #2 Item #2 Item #2 Item #2
Item #3 Item #3 Item #3 Item #3
Item #4 Item #4 Item #4 Item #4
[title type=”h4″]Square Buttons[/title][button link_url=”#” rounded=”false”]Small Button[/button][button link_url=”#” type=”button2″ rounded=”false”]Small Button[/button][button link_url=”#” type=”button3″ rounded=”false”]Medium Button[/button][button link_url=”#” type=”button4″ rounded=”false”]Medium Button[/button][button link_url=”#” type=”button5″ rounded=”false”]Large Button[/button][button link_url=”#” type=”button6″ rounded=”false”]Large Button[/button]
[title type=”h4″]Rounded Buttons[/title][button link_url=”#”]Small Button[/button][button link_url=”#” type=”button2″]Small Button[/button][button link_url=”#” type=”button3″]Medium Button[/button][button link_url=”#” type=”button4″]Medium Button[/button][button link_url=”#” type=”button5″]Large Button[/button][button link_url=”#” type=”button6″]Large Button[/button]
[title type=”h4″]Alerts & Messages[/title][msg]This is an information message, it’s not very important[/msg][msg type=”notice”]This is a notice message, might be worth paying attention[/msg][msg type=”success”]This is a success message, well done![/msg][msg type=”fail”]This is an error message, uh oh![/msg]
[title type=”h4″]List Style #1[/title]
  • List Item #1
  • List Item #2
  • List Item #3
  • List Item #4
[title type=”h4″]List Style #3[/title]
  • List Item #1
  • List Item #2
  • List Item #3
  • List Item #4
[title type=”h4″]Unordered List Default[/title]
  • List Item #1
  • List Item #2
  • List Item #3
  • List Item #4
[title type=”h4″]List Style #2[/title]
  • List Item #1
  • List Item #2
  • List Item #3
  • List Item #4
[title type=”h4″]List Style #4[/title]
  • List Item #1
  • List Item #2
  • List Item #3
  • List Item #4
[title type=”h4″]Ordered List Default[/title]
  1. List Item #1
  2. List Item #2
    1. List Item #2a
    2. List Item #2b
  3. List Item #3
  4. List Item #4

Categorie