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
- 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
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 |
Bordered
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |