H1 head­ing style

H2 head­ing style

H3 head­ing style

H4 head­ing style

H5 head­ing style

H6 head­ing style

Para­graph

Para­graph text style using most of its style from the body tag style def­i­n­i­tion in style.css. Have mar­gin bot­tom of 20px and no padding from any side.

Drop­caps

Lorem ipsum dolor sit amet, con­secte­tur adip­isc­ing elit. Mor­bi sagit­tis, sem quis lacinia fau­cibus, orci ipsum gravi­da tor­tor, vel inter­dum mi sapi­en ut jus­to. Nul­la var­ius con­se­quat magna, id molestie ipsum volut­pat quis. Pel­len­tesque ipsum erat, facil­i­sis ut vene­natis eu, sodales vel dolor.

Lorem ipsum dolor sit amet, con­secte­tur adip­isc­ing elit. Mor­bi sagit­tis, sem quis lacinia fau­cibus, orci ipsum gravi­da tor­tor, vel inter­dum mi sapi­en ut jus­to. Nul­la var­ius con­se­quat magna, id molestie ipsum volut­pat quis. Pel­len­tesque ipsum erat, facil­i­sis ut vene­natis eu, sodales vel dolor.

Lists

Ordered List

1. Ordered list
2. Default style
3. No class need­ed for this
4. Just plain ol and li tags
5. Some clos­ing list items
6. Some clos­ing list items
7. Some clos­ing list items

Icons List

• Icon list item with class “angles” hav­ing font awe­some icon
• Anoth­er Icon list item with class “angles” hav­ing font awe­some icon

• Icon list item with class “checks” hav­ing font awe­some icon
• Anoth­er Icon list item with class “checks” hav­ing font awe­some icon

• Icon list item with class “carets” hav­ing font awe­some icon
• Anoth­er Icon list item with class “carets” hav­ing font awe­some icon

• Icon list item with class “chevrons” hav­ing font awe­some icon
• Anoth­er Icon list item with class “chevrons” hav­ing font awe­some icon

Inline

• Inline list item
• using dis­play inline-block style
• Class used in ul is “inline”

Block­quote

Block­quote style have a p tag to add in your con­tent, have bor­der at the left which can be style in style.css. Cite tag can be used to add in a name or block­quote foot­er.

Author name here

Labels

Lorem ipsum dolor sit amet, con­secte­tur adip­isc­ing elit.

Lorem ipsum dolor sit amet, con­secte­tur adip­isc­ing elit.

Lorem ipsum dolor sit amet, con­secte­tur adip­isc­ing elit.

Lorem ipsum dolor sit amet, con­secte­tur adip­isc­ing elit.

Lorem ipsum dolor sit amet, con­secte­tur adip­isc­ing elit.

Lists

Unordered List

• Unordered list
• Default style
• No class need­ed for this
• Just plain ul and li tags
• Here goes a nest­ed unordered list
  • This is slight­ly inside
  • of the main list
  • This have a dif­fer­ent style of bul­lets
  • Can be styled from style.css
• Some clos­ing list items
• Some clos­ing list items
• Some clos­ing list items

Descrip­tion List

Descrip­tion lists

A descrip­tion list is per­fect for defin­ing terms.

Descrip­tion lists

A descrip­tion list is per­fect for defin­ing terms.

Descrip­tion lists

A descrip­tion list is per­fect for defin­ing terms.

Code

Inline

For exam­ple,<section> should be wrapped as inline

Basic

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