Typography

1. Blockquote

[blockquote align=”left”]
This is a block quote with align left.
[/blockquote]
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=”right”]
This is a block quote with align right.
[/blockquote]
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.

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

[line/]

2. Author quotation

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

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

[line/]

3. Dropcaps

[one_third]
[dropcap1]L[/dropcap1]orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
[/one_third]
[one_third]
[dropcap2]L[/dropcap2]orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
[/one_third]
[one_third_last]
[dropcap3]L[/dropcap3]orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
[/one_third_last]

[code]
[dropcap1]L[/dropcap1]orem…
[dropcap2]L[/dropcap2]orem…
[dropcap3]L[/dropcap3]orem…
[/code]

[line/]

4. Code and Pre

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

5. Highlight text

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

[code]

Lorem [highlight]ipsum[/highlight] dolor…
…occaecat [highlight type=”dark”]cupidatat[/highlight] non proident…

//Type parameters values : “red” (default), “blue”, “green”, “yellow” or “dark”.
[/code]

[line/]

6. Checklist

[one_third]
[list style=”attach”]

  • Lorem
  • Lorem
  • Lorem

[/list]
[/one_third]

[one_third]
[list style=”delete”]

  • Lorem
  • Lorem
  • Lorem

[/list]
[/one_third]

[one_third_last]
[list style=”go”]

  • Lorem
  • Lorem
  • Lorem

[/list]
[/one_third_last]

[one_third]
[list style=”help”]

  • Lorem
  • Lorem
  • Lorem

[/list]
[/one_third]

[one_third]
[list style=”info”]

  • Lorem
  • Lorem
  • Lorem

[/list]
[/one_third]

[one_third_last]
[list style=”plus”]

  • Lorem
  • Lorem
  • Lorem

[/list]
[/one_third_last]

[one_third]
[list style=”star-mini”]

  • Lorem
  • Lorem
  • Lorem

[/list]
[/one_third]

[one_third]
[list style=”star”]

  • Lorem
  • Lorem
  • Lorem

[/list]
[/one_third]

[one_third_last]
[list style=”tick”]

  • Lorem
  • Lorem
  • Lorem

[/list]
[/one_third_last]

[one_third]
[list style=”tag-blue”]

  • Lorem
  • Lorem
  • Lorem

[/list]
[/one_third]

[one_third]
[list style=”tag-green”]

  • Lorem
  • Lorem
  • Lorem

[/list]
[/one_third]

[one_third_last]
[list style=”tag-pink”]

  • Lorem
  • Lorem
  • Lorem

[/list]
[/one_third_last]

[one_third]
[list style=”tag-purple”]

  • Lorem
  • Lorem
  • Lorem

[/list]
[/one_third]

[one_third]
[list style=”tag-red”]

  • Lorem
  • Lorem
  • Lorem

[/list]
[/one_third]

[one_third_last]
[list style=”tag-yellow”]

  • Lorem
  • Lorem
  • Lorem

[/list]
[/one_third_last]

[code]
[list style=”attach”]

  • Lorem
  • Lorem
  • Lorem

[/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”.
[/code]

[line]

7. Table
First Name Last Name Options
George Josh
Will Cabs
Clark Ronney
Mary Weeds
George Josh
Will Cabs
Clark Ronney
Mary Weeds

Leave a Reply