Typography

1. Blockquote


This is a block quote with align left.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


This is a block quote with align right.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[blockquote align="left"] This is a block quote with align left. [/blockquote]

2. Author quotation


To be conscious that you are ignorant is a great step to knowledge.

- Benjamin Disraeli

[blockquote author="Benjamin Disraeli"] To be conscious that you are ignorant is a great step to knowledge. [/blockquote]

3. Dropcaps

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

[dropcap1]L[/dropcap1]orem... [dropcap2]L[/dropcap2]orem... [dropcap3]L[/dropcap3]orem...

4. Code and Pre

[code]
//This is your code
for ($i=0;$i<10;$i++) {
	echo $i . ' ';
}
[/code]
[pre] //This is your code for ($i=0;$i<10;$i++) { echo $i . ' '; } [/pre]

5. Highlight text

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem [highlight]ipsum[/highlight] dolor... ...occaecat [highlight type="dark"]cupidatat[/highlight] non proident... //Type parameters values : "red" (default), "blue", "green", "yellow" or "dark".

6. Checklist

  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
  • Lorem
[list style="attach"] <ul> <li>Lorem</li> <li>Lorem</li> <li>Lorem</li> </ul> [/list] //Style parameters values : "attach", "delete", "go", "help", "info", "plus", "star-mini", "star", "tick", "tag-bleu", "tag-green", "tag-pink", "tag-purple", "tag-red", or "tag-yellow".

7. Table

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<table class="table"> ... </table