H1 heading style
\n
H2 heading style
\n
H3 heading style
\n
H4 heading style
\n
H5 heading style
\n
H6 heading style
\n
Paragraph
\n
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.
\n
Dropcaps
\n
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.
\n
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.
\n
Lists
\n
Ordered List
\n
- \n
- Ordered list
- Default style
- No class needed for this
- Just plain ol and li tags
- Some closing list items
- Some closing list items
- Some closing list items
\n
\n
\n
\n
\n
\n
\n
\n
Icons List
\n
- \n
- Icon list item with class “angles” having font awesome icon
- Another Icon list item with class “angles” having font awesome icon
\n
\n
\n
- \n
- Icon list item with class “checks” having font awesome icon
- Another Icon list item with class “checks” having font awesome icon
\n
\n
\n
- \n
- Icon list item with class “carets” having font awesome icon
- Another Icon list item with class “carets” having font awesome icon
\n
\n
\n
- \n
- Icon list item with class “chevrons” having font awesome icon
- Another Icon list item with class “chevrons” having font awesome icon
\n
\n
\n
Inline
\n
- \n
- Inline list item
- using display inline-block style
- Class used in ul is “inline”
\n
\n
\n
\n
Blockquote
\n
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.
\n
Author name here
\n
\n
Labels
\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
\n
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
\n
Lists
\n
Unordered List
\n
- \n
- Unordered list
- Default style
- No class needed for this
- Just plain ul and li tags
- Here goes a nested unordered list\n
- \n
- This is slightly inside
- of the main list
- This have a different style of bullets
- Can be styled from style.css
\n
\n
\n
\n
\n
- Some closing list items
- Some closing list items
- Some closing list items
\n
\n
\n
\n
\n
\n
\n
\n
\n
Description List
\n
- \n
- 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.
\n
\n
\n
\n
\n
\n
\n
Code
\n
Inline
\n
For example,<section> should be wrapped as inline
\n
Basic
\n
<p>Sample text here...</p>
\n
Tables
\n
Striped
\n
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
\n
Bordered
\n
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
