Typography

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

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.

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.

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

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

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

For example,<section> should be wrapped as inline

Basic

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

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