Typography

Dropcaps

[dropcap]
letter
[/dropcap]

[dropcap bg="black"]
letter
[/dropcap]

[dropcap bg="blue"]
letter
[/dropcap]

[dropcap bg="green"]
letter
[/dropcap]

Blockquote example

Pellentesque interdum dolor non justo congue porttitor. Vestibulum posuere lobortis massa, et fermentum augue aliquet non. Donec purus felis, viverra eget vehicula non, pulvinar ac libero. Maecenas velit risus, mattis ac facilisis quis, cursus quis mauris. Sed ac est eget nibh convallis faucibus sit amet et tellus. Sed mi sem, semper id auctor nec, posuere vitae eros. Phasellus id iaculis massa. Aliquam at nunc nibh. In venenatis varius porttitor. Sed ullamcorper libero purus, nec adipiscing ligula. Curabitur eget egestas erat. Nam neque nisi, rhoncus id mollis id, bibendum vitae nisl. Aliquam fringilla sem id dolor eleifend suscipit.

Donec purus felis, viverra eget vehicula non, pulvinar ac libero posuere vitae eros. Nam neque nisi, rhoncus id mollis id, bibendum vitae nisl

Pellentesque interdum dolor non justo congue porttitor. Vestibulum posuere lobortis massa, et fermentum augue aliquet non. Donec purus felis, viverra eget vehicula non, pulvinar ac libero. Maecenas velit risus, mattis ac facilisis quis, cursus quis mauris. Sed ac est eget nibh convallis faucibus sit amet et tellus. Sed mi sem, semper id auctor nec, posuere vitae eros. Phasellus id iaculis massa. Aliquam at nunc nibh. In venenatis varius porttitor. Sed ullamcorper libero purus, nec adipiscing ligula. Curabitur eget egestas erat. Nam neque nisi, rhoncus id mollis id, bibendum vitae nisl. Aliquam fringilla sem id dolor eleifend suscipit.

Donec purus felis, viverra eget vehicula non, pulvinar ac libero posuere vitae eros. Nam neque nisi, rhoncus id mollis id, bibendum vitae nisl

Pellentesque interdum dolor non justo congue porttitor. Vestibulum posuere lobortis massa, et fermentum augue aliquet non. Donec purus felis, viverra eget vehicula non, pulvinar ac libero. Maecenas velit risus, mattis ac facilisis quis, cursus quis mauris. Sed ac est eget nibh convallis faucibus sit amet et tellus. Sed mi sem, semper id auctor nec, posuere vitae eros. Phasellus id iaculis massa. Aliquam at nunc nibh. In venenatis varius porttitor. Sed ullamcorper libero purus, nec adipiscing ligula. Curabitur eget egestas erat. Nam neque nisi, rhoncus id mollis id, bibendum vitae nisl. Aliquam fringilla sem id dolor eleifend suscipit.

Donec purus felis, viverra eget vehicula non, pulvinar ac libero posuere vitae eros. Nam neque nisi, rhoncus id mollis id, bibendum vitae nisl

[blockquote align="left"]
content
[/blockquote]

[blockquote align="right"]
content
[/blockquote]

[blockquote align="center"]
content
[/blockquote]

Highlights

Lorem ipsum dolor sit amet, This is a highlight span class adipiscing elit. Maecenas velit risus, This is a highlight span class quis, cursus quis mauris. Sed ac est eget nibh convallis faucibus sit amet et tellus. Sed mi sem, semper id auctor nec, posuere vitae eros. Phasellus id iaculis massa. Nullam pharetra ipsum quis nunc condimentum This is a highlight span class. Ut ac lectus sed odio ultrices pulvinar. Etiam est metus, convallis a This is a highlight span class. Ut eu magna est.

[highlight bg="yellow"]
text
[/highlight]

[highlight bg="grey"]
text
[/highlight]

[highlight bg="black"]
text
[/highlight]

[highlight bg="white"]
text
[/highlight]

List styles

[list]
<li>item</li>
<li>item
<ul>
    <li>Ut consectetur</li>
    <li>Sed quis tellus</li>
</ul>
</li>
<li>item</li>
[/list]

[list style="arrow"]
<li>item</li>
<li>item
<ul>
    <li>Ut consectetur</li>
    <li>Sed quis tellus</li>
</ul>
</li>
<li>item</li>
[/list]

[list style="arrow2"]
<li>item</li>
<li>item
<ul>
    <li>Ut consectetur</li>
    <li>Sed quis tellus</li>
</ul>
</li>
<li>item</li>
[/list]

[list style="arrow3"]
<li>item</li>
<li>item
<ul>
    <li>Ut consectetur</li>
    <li>Sed quis tellus</li>
</ul>
</li>
<li>item</li>
[/list]

[list style="arrow4"]
<li>item</li>
<li>item
<ul>
    <li>Ut consectetur</li>
    <li>Sed quis tellus</li>
</ul>
</li>
<li>item</li>
[/list]

Images – left, right + gallery

Image Left – click on image to open gallery. Pellentesque interdum dolor non justo congue porttitor. Vestibulum posuere lobortis massa, et fermentum augue aliquet non. Donec purus felis, viverra eget vehicula non, pulvinar ac libero. Maecenas velit risus, mattis ac facilisis quis, cursus quis mauris. Sed ac est eget nibh convallis faucibus sit amet et tellus. Sed mi sem, semper id auctor nec, posuere vitae eros. Phasellus id iaculis massa. Aliquam at nunc nibh. In venenatis varius porttitor. Sed ullamcorper libero purus, nec adipiscing ligula. Curabitur eget egestas erat. Nam neque nisi, rhoncus id mollis id, bibendum vitae nisl. Aliquam fringilla sem id dolor eleifend suscipit. Donec purus felis, viverra eget vehicula non, pulvinar ac libero. Maecenas velit risus, mattis ac facilisis quis, cursus quis mauris. Sed ac est eget nibh convallis faucibus sit amet et tellus. Sed mi sem, semper id auctor nec, posuere vitae eros. Phasellus id iaculis massa. Aliquam at nunc nibh. In venenatis varius porttitor. Sed ullamcorper libero purus, nec adipiscing ligula. Curabitur eget egestas erat. Nam neque nisi, rhoncus id mollis id, bibendum vitae nisl. Aliquam fringilla sem id dolor eleifend suscipit. Donec purus felis, viverra eget vehicula non, pulvinar ac libero. Maecenas velit risus, mattis ac facilisis quis, cursus quis mauris.

Image Right – click on image to open gallery. Pellentesque interdum dolor non justo congue porttitor. Vestibulum posuere lobortis massa, et fermentum augue aliquet non. Donec purus felis, viverra eget vehicula non, pulvinar ac libero. Maecenas velit risus, mattis ac facilisis quis, cursus quis mauris. Sed ac est eget nibh convallis faucibus sit amet et tellus. Sed mi sem, semper id auctor nec, posuere vitae eros. Phasellus id iaculis massa. Aliquam at nunc nibh. In venenatis varius porttitor. Sed ullamcorper libero purus, nec adipiscing ligula. Curabitur eget egestas erat. Nam neque nisi, rhoncus id mollis id, bibendum vitae nisl. Aliquam fringilla sem id dolor eleifend suscipit. Donec purus felis, viverra eget vehicula non, pulvinar ac libero. Maecenas velit risus, mattis ac facilisis quis, cursus quis mauris. Sed ac est eget nibh convallis faucibus sit amet et tellus. Sed mi sem, semper id auctor nec, posuere vitae eros. Phasellus id iaculis massa. Aliquam at nunc nibh. In venenatis varius porttitor. Sed ullamcorper libero purus, nec adipiscing ligula. Curabitur eget egestas erat. Nam neque nisi, rhoncus id mollis id, bibendum vitae nisl. Aliquam fringilla sem id dolor eleifend suscipit. Donec purus felis, viverra eget vehicula non, pulvinar ac libero. Maecenas velit risus, mattis ac facilisis quis, cursus quis mauris.

[image align="left" img="images/news2.jpg" url="images/news.jpg" alt="Title to show" /]

[image align="right" img="images/news2.jpg" url="images/news.jpg" alt="Title to show" /]

Code

[pre]
    $(document).ready(function(){
        $(".toggle").hide(); //Comment
        $(".trigger").click(function(){
            $(this).toggleClass("active").next().slideToggle("100"); 
        });
    });
[/pre]