Typography
Block Quotes
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eleifend rhoncus fermentum. Phasellus pretium massa dolor.
Donec arcu nunc, consectetur nec fringilla vitae, placerat in libero. Curabitur a justo ligula. Mauris vel massa nunc. Aenean quis elit tellus, a suscipit quam.
Vestibulum ut tellus ut velit malesuada consequat vitae in libero. Donec ac quam ultrices nunc sollicitudin laoreet vel eu tellus. Proin suscipit velit tristique orci vestibulum ac commodo neque tincidunt. Nullam nec sem sapien. Nunc ac sapien eros. Vivamus blandit mauris eu massa mattis eu scelerisque massa porta. Nullam pellentesque ipsum non libero hendrerit vitae dapibus est iaculis. Pellentesque habitant morbi tristique senectus
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eleifend rhoncus fermentum. Phasellus pretium massa dolor.
Donec arcu nunc, consectetur nec fringilla vitae, placerat in libero. Curabitur a justo ligula. Mauris vel massa nunc. Aenean quis elit tellus, a suscipit quam.
Vestibulum ut tellus ut velit malesuada consequat vitae in libero. Donec ac quam ultrices nunc sollicitudin laoreet vel eu tellus. Proin suscipit velit tristique orci vestibulum ac commodo neque tincidunt. Nullam nec sem sapien. Nunc ac sapien eros. Vivamus blandit mauris eu massa mattis eu scelerisque massa porta. Nullam pellentesque ipsum non libero hendrerit vitae dapibus est iaculis. Pellentesque habitant morbi tristique senectus
Nullam pellentesque ipsum non libero hendrerit vitae dapibus est iaculis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque volutpat metus nec libero sagittis commodo eu sit amet magna.
Integer sed dolor tortor. Aenean pretium fringilla tellus sit amet dapibus. Vestibulum mattis adipiscing velit, nec ultrices lacus pulvinar eu. Lorem ipsum dolor sit amet, consectetur adipiscing elit.– John Deo
Aenean at consectetur nibh. Morbi mi ligula, condimentum nec hendrerit a, dapibus sed ipsum. Nullam interdum tempor orci vel congue. Nam nec urna nec quam volutpat cursus. Suspendisse volutpat facilisis vehicula.
// cite - Enter author name or company name
// align - Assign blogquote to right or left
[blockquote cite="John Deo" align="right"]
Insert your blog quotes text here...
[blockquote]
Drop Caps Style
Drop Cap Style #1
ALorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis leo non felis adipiscing cursus. Sed eu accumsan nisl. Nunc vel erat eget augue condimentum vehicula non nec tellus. Maecenas in turpis sit amet erat dictum rutrum. Nulla accumsan, lorem sit amet condimentum dictum, mi eros eleifend dui, ac venenatis magna ipsum tincidunt ligula.
Drop Cap Style #2
ALorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis leo non felis adipiscing cursus. Sed eu accumsan nisl. Nunc vel erat eget augue condimentum vehicula non nec tellus. Maecenas in turpis sit amet erat dictum rutrum. Nulla accumsan, lorem sit amet condimentum dictum, mi eros eleifend dui, ac venenatis magna ipsum tincidunt ligula.
Drop Cap Style #3
ALorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis leo non felis adipiscing cursus. Sed eu accumsan nisl. Nunc vel erat eget augue condimentum vehicula non nec tellus. Maecenas in turpis sit amet erat dictum rutrum. Nulla accumsan, lorem sit amet condimentum dictum, mi eros eleifend dui, ac venenatis magna ipsum tincidunt ligula.
// Just replace "A" with the letter/number
[dropcap1]A[/dropcap1]
[dropcap2]A[/dropcap2]
[dropcap3 textcolor="#cb34a4"]A[/dropcap3]
Highlighting Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. fermentum. Phasellus pretium massa dolor. Donec arcu nunc consectetur nec fringilla vitae, placerat in libero. Curabitur a justo ligula. Mauris vel massa nunc. Aenean quis elit tellus a suscipit quam. Vestibulum ut tellus ut velit malesuada consequat vitae in libero. Donec ac quam ultrices nunc sollicitudin laoreet vel eu tellus. Proin suscipit velit tristique orci vestibulum ac commodo neque tincidunt. Nullam nec sem sapien. Nunc ac sapien eros. Vivamus blandit mauris eu massa mattis eu scelerisque massa porta. Nullam pellentesque ipsum non libero hendrerit vitae dapibus est iaculis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque volutpat metus nec libero sagittis commodo eu sit amet magna.
// bgcolor - Enter Background Color Code With Using '#' Key
// textcolor - Enter Text Color Code With Using '#' Key
[highlight bgcolor="#ff0000" textcolor="#ffffff"]
Insert Your Highlight Text Here
[/highlight]
Pre and Code
<ul> <li>Sample HTML Text</li> <li>Sample HTML Text</li> <li>Sample HTML Text</li> <li>Sample HTML Text</li> </ul>
<ul>
<li>Sample HTML Text</li>
<li>Sample HTML Text</li>
<li>Sample HTML Text</li>
<li>Sample HTML Text</li>
</ul>
List Styled
- style = disc
- style = disc
- style = disc
- style = circle
- style = circle
- style = circle
- style = square
- style = square
- style = square
- style = arrow1
- style = arrow1
- style = arrow1
- style = arrow2
- style = arrow2
- style = arrow2
- style = arrow3
- style = arrow3
- style = arrow3
- style = arrow4
- style = arrow4
- style = arrow4
- style = arrow5
- style = arrow5
- style = arrow5
- style = bullet1
- style = bullet1
- style = bullet1
- style = bullet2
- style = bullet2
- style = bullet2
- style = bullet3
- style = bullet3
- style = bullet3
- style = bullet4
- style = bullet4
- style = bullet4
- style = bullet5
- style = bullet5
- style = bullet5
- style = star1
- style = star1
- style = star1
- style = star2
- style = star2
- style = star2
- style = star3
- style = star3
- style = star3
- style = plus
- style = plus
- style = plus
- style = minus
- style = minus
- style = minus
- style = pointer
- style = pointer
- style = pointer
- style = style1
- style = style1
- style = style1
- style = check
- style = check
- style = check
// style - Select the style as display above
// color - Select the color as display above
[list style="star" color="blue"]
<ul>
<li>style = star</li>
<li>style = star</li>
<li>style = star</li>
</ul>
[/list]
Tables
| Header 1 | Header 2 | Header 3 | Header 4 | Header 5 |
|---|---|---|---|---|
| The foot text for this table | ||||
| Division | Division | Division | Division | Division |
| Division | Division | Division | Division | Division |
| Division | Division | Division | Division | Division |
| Division | Division | Division | Division | Division |
| Division | Division | Division | Division | Division |
[fancytable align="left" width="90%"]
<table>
<thead>
<tr>
<th scope="col">Header 1</th>
<th scope="col">Header 2</th>
<th scope="col">Header 3</th>
<th scope="col">Header 4</th>
<th scope="col">Header 5</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="5"><em>The foot text for this table</em></td>
</tr> </tfoot> <tr> <td>Division</td>
<td>Division</td> <td>Division</td>
<td>Division</td> <td>Division</td>
</tr>
<tr>
<td>Division</td>
<td>Division</td>
<td>Division</td>
<td>Division</td>
<td>Division</td>
</tr>
<tr>
<td>Division</td>
<td>Division</td>
<td>Division</td>
<td>Division</td>
<td>Division</td>
</tr>
<tr>
<td>Division</td>
<td>Division</td>
<td>Division</td>
<td>Division</td>
<td>Division</td>
</tr>
<tr>
<td>Division</td>
<td>Division</td>
<td>Division</td>
<td>Division</td>
<td>Division</td>
</tr>
<tfoot>
</table>
[/fancytable]
