Typography

H1 heading style

H2 heading style

H3 heading style

H4 heading style

H5 heading style
H6 heading style

Paragraph

Paragraph text style using most of its style from the body tag style definition in style.css. Have margin bottom of 20px and no padding from any side.

Dropcaps

[dropcap type=""]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/dropcap]

[dropcap type="secondary"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/dropcap]

Lists

Ordered List

  1. Ordered list
  2. Default style
  3. No class needed for this
  4. Just plain ol and li tags
  5. Some closing list items
  6. Some closing list items
  7. Some closing list items

Icons List

  • Icon list item with class "angles" having font awesome icon
  • Another Icon list item with class "angles" having font awesome icon
  • Icon list item with class "checks" having font awesome icon
  • Another Icon list item with class "checks" having font awesome icon
  • Icon list item with class "carets" having font awesome icon
  • Another Icon list item with class "carets" having font awesome icon
  • Icon list item with class "chevrons" having font awesome icon
  • Another Icon list item with class "chevrons" having font awesome icon

Inline

  • Inline list item
  • using display inline-block style
  • Class used in ul is "inline"

Blockquote

Blockquote style have a p tag to add in your content, have border at the left which can be style in style.css. Cite tag can be used to add in a name or blockquote footer.

Author name here

Labels

[paragraph extra=""][label type="label-primary"]Lorem[/label] ipsum dolor sit amet, consectetur adipiscing elit. [/paragraph]
[paragraph extra=""][label type="label-danger"]Lorem[/label] ipsum dolor sit amet, consectetur adipiscing elit.[/paragraph]
[paragraph extra=""][label type="label-info"]Lorem[/label] ipsum dolor sit amet, consectetur adipiscing elit.[/paragraph][paragraph extra=""][label type="label-success"]Lorem[/label] ipsum dolor sit amet, consectetur adipiscing elit.[/paragraph]
[paragraph extra=""][label type="label-warning"]Lorem[/label] ipsum dolor sit amet, consectetur adipiscing elit.[/paragraph]

Lists

Unordered List

  • Unordered list
  • Default style
  • No class needed for this
  • Just plain ul and li tags
  • Here goes a nested unordered list
    • This is slightly inside
    • of the main list
    • This have a different style of bullets
    • Can be styled from style.css
  • Some closing list items
  • Some closing list items
  • Some closing list items

Description List

Description lists
A description list is perfect for defining terms.
Description lists
A description list is perfect for defining terms.
Description lists
A description list is perfect for defining terms.

Code

Inline

[paragraph extra=""]For example,[code type="inline"]<section>[/code] should be wrapped as inline[/paragraph]

Basic

[code type=""]<p>Sample text here...</p>[/code]

Tables

Striped

[htable type="table-striped"][thead][trow][thcol]#[/thcol]
[thcol]First Name[/thcol][thcol]Last Name[/thcol][thcol]Username[/thcol][/trow][/thead][tbody][trow][tcol]1[/tcol][tcol]Mark[/tcol][tcol]Otto[/tcol][tcol]@mdo[/tcol][/trow][trow][tcol]2[/tcol][tcol]Jacob[/tcol][tcol]Thornton[/tcol][tcol]@fat[/tcol][/trow][trow][tcol]3[/tcol][tcol]Larry[/tcol][tcol]the Bird[/tcol][tcol]@twitter[/tcol][/trow][/tbody][/htable]

Bordered

[htable type="table-bordered"][thead][trow][thcol]#[/thcol][thcol]First Name[/thcol][thcol]Last Name[/thcol][thcol]Username[/thcol][/trow][/thead][tbody][trow][tcol]1[/tcol][tcol]Mark[/tcol][tcol]Otto[/tcol][tcol]@mdo[/tcol][/trow][trow][tcol]2[/tcol][tcol]Jacob[/tcol][tcol]Thornton[/tcol][tcol]@fat[/tcol][/trow][trow][tcol]3[/tcol][tcol]Larry[/tcol][tcol]the Bird[/tcol][tcol]@twitter[/tcol][/trow][/tbody][/htable]

%d bloggers like this: