Shortcodes

Portfolio

To implement portfolio, you may use the following shortcode:
[portfolio]
    [item title="Item Title 1" img="http://yoursite.com/image-1.jpg"]
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    [/item]
    [item title="Item Title 2" img="http://yoursite.com/image-2.jpg"]
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    [/item]
[/portfolio]

Media Galleries

To implement media galleries such as photos and videos, you may use the following shortcodes. For photo gallery:
[photos]
    [photo title="Sample Gallery Image 1"]http://yoursite.com/image-1.jpg[/photo]
    [photo title="Sample Gallery Image 2"]http://yoursite.com/image-2.jpg[/photo]
    [photo title="Sample Gallery Image 3"]http://yoursite.com/image-3.jpg[/photo]
    [photo title="Sample Gallery Image 4"]http://yoursite.com/image-4.jpg[/photo]
[/photos]
For video gallery:
[videos]
    [video 
    title="Tug of War - Animated Short Film" 
    flv="http://flashark.com/sample-content/videos/3dfilm.flv" 
    img="http://flashark.com/sample-content/videos/3dfilm-hd.jpg"]
        Video description goes here. You may use HTML tags.
    [/video]
[/videos]

Contact Page

The contact form can be added to a page using the following shortcode:
[contact /]
The Google Map may be added using using the following shortcode:
[google-map link="http://maps.google.com"][/google-map]

One-Half Sized Columns

[column size="half"]
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
    Donec risus elit, auctor ullamcorper tempor a, euismod eu ante. 
    Maecenas vel metus mi
[/column]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec risus elit, auctor ullamcorper tempor a, euismod eu ante. Maecenas vel metus mi. Etiam a libero nibh. Donec quam eros, pellentesque nec tristique at, rutrum quis odio. Mauris sem ante, tristique id placerat eu, placerat nec nulla. Phasellus rhoncus, magna nec pulvinar vehicula, turpis libero tincidunt dolor, at pellentesque sapien nulla at velit. Vestibulum ut faucibus metus. Vivamus molestie placerat purus ac pharetra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed tempus metus ut mauris rhoncus tincidunt. Ut nisi sapien, semper ut blandit ac, commodo et lorem. Maecenas eu turpis magna.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec risus elit, auctor ullamcorper tempor a, euismod eu ante. Maecenas vel metus mi. Etiam a libero nibh. Donec quam eros, pellentesque nec tristique at, rutrum quis odio. Mauris sem ante, tristique id placerat eu, placerat nec nulla. Phasellus rhoncus, magna nec pulvinar vehicula, turpis libero tincidunt dolor, at pellentesque sapien nulla at velit. Vestibulum ut faucibus metus. Vivamus molestie placerat purus ac pharetra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed tempus metus ut mauris rhoncus tincidunt. Ut nisi sapien, semper ut blandit ac, commodo et lorem. Maecenas eu turpis magna.

One-Third Sized Columns

[column size="third"]
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
    Donec risus elit, auctor ullamcorper tempor a, euismod eu ante. 
    Maecenas vel metus mi
[/column]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec risus elit, auctor ullamcorper tempor a, euismod eu ante. Maecenas vel metus mi. Etiam a libero nibh. Donec quam eros, pellentesque nec tristique at, rutrum quis odio. Mauris sem ante, tristique id placerat eu, placerat nec nulla. Phasellus rhoncus, magna nec pulvinar vehicula, turpis libero tincidunt dolor, at pellentesque sapien nulla at velit. Vestibulum ut faucibus metus. Vivamus molestie placerat purus ac pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec risus elit, auctor ullamcorper tempor a, euismod eu ante. Maecenas vel metus mi. Etiam a libero nibh. Donec quam eros, pellentesque nec tristique at, rutrum quis odio. Mauris sem ante, tristique id placerat eu, placerat nec nulla. Phasellus rhoncus, magna nec pulvinar vehicula, turpis libero tincidunt dolor, at pellentesque sapien nulla at velit. Vestibulum ut faucibus metus. Vivamus molestie placerat purus ac pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec risus elit, auctor ullamcorper tempor a, euismod eu ante. Maecenas vel metus mi. Etiam a libero nibh. Donec quam eros, pellentesque nec tristique at, rutrum quis odio. Mauris sem ante, tristique id placerat eu, placerat nec nulla. Phasellus rhoncus, magna nec pulvinar vehicula, turpis libero tincidunt dolor, at pellentesque sapien nulla at velit. Vestibulum ut faucibus metus. Vivamus molestie placerat purus ac pharetra.

One-Fourth Sized Columns

[column size="fourth"]
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
    Donec risus elit, auctor ullamcorper tempor a, euismod eu ante. 
    Maecenas vel metus mi
[/column]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec risus elit, auctor ullamcorper tempor a, euismod eu ante. Maecenas vel metus mi. Etiam a libero nibh. Donec quam eros, pellentesque nec tristique at.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec risus elit, auctor ullamcorper tempor a, euismod eu ante. Maecenas vel metus mi. Etiam a libero nibh. Donec quam eros, pellentesque nec tristique at.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec risus elit, auctor ullamcorper tempor a, euismod eu ante. Maecenas vel metus mi. Etiam a libero nibh. Donec quam eros, pellentesque nec tristique at.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec risus elit, auctor ullamcorper tempor a, euismod eu ante. Maecenas vel metus mi. Etiam a libero nibh. Donec quam eros, pellentesque nec tristique at.

Left-Aligned Pull-Qoute

[pullquote width="235" align="left"]
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
    Mauris blandit, mauris in pulvinar sagittis, ligula risus tempor metus, 
    eu adipiscing nunc magna eu ante.
[/pullquote]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris blandit, mauris in pulvinar sagittis, ligula risus tempor metus, eu adipiscing nunc magna eu ante.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris blandit, mauris in pulvinar sagittis, ligula risus tempor metus, eu adipiscing nunc magna eu ante. Vestibulum augue massa, viverra a aliquet et, aliquet eu turpis. Cras sit amet orci non nisi egestas scelerisque at eget felis. Duis sed nunc nulla, vel laoreet lacus. Nam elementum ipsum at purus mattis et feugiat ligula eleifend. Duis massa quam, porttitor eget scelerisque a, lacinia ac tortor. Nulla massa est, luctus at aliquet sit amet, aliquet sit amet lacus. Sed rhoncus varius volutpat.

Right-Aligned Pull-Qoute

[pullquote width="235" align="right"]
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
    Mauris blandit, mauris in pulvinar sagittis, ligula risus tempor metus, 
    eu adipiscing nunc magna eu ante.
[/pullquote]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris blandit, mauris in pulvinar sagittis, ligula risus tempor metus, eu adipiscing nunc magna eu ante.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris blandit, mauris in pulvinar sagittis, ligula risus tempor metus, eu adipiscing nunc magna eu ante. Vestibulum augue massa, viverra a aliquet et, aliquet eu turpis. Cras sit amet orci non nisi egestas scelerisque at eget felis. Duis sed nunc nulla, vel laoreet lacus. Nam elementum ipsum at purus mattis et feugiat ligula eleifend. Duis massa quam, porttitor eget scelerisque a, lacinia ac tortor. Nulla massa est, luctus at aliquet sit amet, aliquet sit amet lacus. Sed rhoncus varius volutpat.

Code Syntax Highlighting

    /**
     * SyntaxHighlighter
     */
    function foo()
    {
        if (counter <= 10)
            return;
        // it works!
    }

Message Boxes

[message type="info"]Lorem ipsum dolor sit amet...[/message]
[message type="success"]Lorem ipsum dolor sit amet...[/message]
[message type="warning"]Lorem ipsum dolor sit amet...[/message]
[message type="error"]Lorem ipsum dolor sit amet...[/message]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris blandit, mauris in pulvinar sagittis, ligula risus tempor metus, eu adipiscing nunc magna eu ante. Vestibulum augue massa, viverra a aliquet et, aliquet eu turpis. Cras sit amet orci non nisi egestas scelerisque at eget felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris blandit, mauris in pulvinar sagittis, ligula risus tempor metus, eu adipiscing nunc magna eu ante. Vestibulum augue massa, viverra a aliquet et, aliquet eu turpis. Cras sit amet orci non nisi egestas scelerisque at eget felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris blandit, mauris in pulvinar sagittis, ligula risus tempor metus, eu adipiscing nunc magna eu ante. Vestibulum augue massa, viverra a aliquet et, aliquet eu turpis. Cras sit amet orci non nisi egestas scelerisque at eget felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris blandit, mauris in pulvinar sagittis, ligula risus tempor metus, eu adipiscing nunc magna eu ante. Vestibulum augue massa, viverra a aliquet et, aliquet eu turpis. Cras sit amet orci non nisi egestas scelerisque at eget felis.

Tabbed Content

[tabs]
    [tab title="Sample Tab 1"]Lorem ipsum dolor sit amet.[/tab]
    [tab title="Sample Tab 2"]Cras sit amet orci non nisi.[/tab]
    [tab title="Sample Tab 3"]Etiam a libero nibh.[/tab]
[/tabs]
  • Sample Tab 1
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris blandit, mauris in pulvinar sagittis, ligula risus tempor metus, eu adipiscing nunc magna eu ante. Vestibulum augue massa, viverra a aliquet et, aliquet eu turpis. Cras sit amet orci non nisi egestas scelerisque at eget felis.
  • Sample Tab 2
    Cras sit amet orci non nisi egestas scelerisque at eget felis. Duis sed nunc nulla, vel laoreet lacus. Nam elementum ipsum at purus mattis et feugiat ligula eleifend. Duis massa quam, porttitor eget scelerisque a, lacinia ac tortor. Nulla massa est, luctus at aliquet sit amet, aliquet sit amet lacus.
  • Sample Tab 3
    Etiam a libero nibh. Donec quam eros, pellentesque nec tristique at, rutrum quis odio. Mauris sem ante, tristique id placerat eu, placerat nec nulla. Phasellus rhoncus, magna nec pulvinar vehicula, turpis libero tincidunt dolor, at pellentesque sapien nulla at velit.