Shortcodes

Quisque arcu elit, condimentum eu convallis nec, mattis vitae elit. Aliquam eu justo eu ipsum ultricies rutrum non eu sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean congue porttitor ligula, in tempor ipsum sagittis ut. Suspendisse sit amet tortor urna, ut mattis massa.

Quick show

Etiam porta sagittis lacus in vestibulum. Phasellus convallis ut justo ut interdum. Maecenas lacinia diam eros, eu tincidunt justo ultricies eu. Aenean sit amet aliquet massa, id mattis nisi.

Default Primary info success warning danger
[modal link="#" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]
[modal link="#" icon="comment" type="primary" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]
[modal link="#" icon="info-circle" type="info" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]
[modal link="#" icon="check" type="success" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]
[modal link="#" icon="warning" type="warning" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]
[modal link="#" icon="refresh" type="danger" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]

Ex: element icon="user" then name of icons is "fa-user".

You can find the full examples of usage at Font Awesome - Font Awesome 4.0.3

Syntax Highlighting

/*-- Tablet portrait (768x1024) && Small tablet landscape (800x600) --*/
@media (min-width: 768px) and (max-width: 979px) {
    /* Block Lightbox*/
    .yt-lightbox{display: block;}
    div.yt-vimeo iframe,
    div.yt-youtube iframe{width:100%;height: 300px;}
}
[highlighter label="CONTENT_HERE" ] ADD_CONTENT_HERE [/highlighter]

Carousel

[carousel width="auto" height="250" align="none" count="3"  control="yes"]
   [carousel_item] ADD_CONTENT_HERE [/carousel_item]
   [carousel_item] ADD_CONTENT_HERE [/carousel_item]
   [carousel_item] ADD_CONTENT_HERE [/carousel_item]
[/carousel]