Shortcodes

[one_half]

Buttons

There are plenty of colors to choose from.

[button link=”#” style=”default” window=”false”]Button[/button][button link=”#” style=”dark-gray” window=”false”]Button[/button][button link=”#” style=”orange” window=”false”]Button[/button][button link=”#” style=”black” window=”false”]Button[/button][button link=”#” style=”light-gray” window=”false”]Button[/button][button link=”#” style=”dark-yellow” window=”false”]Button[/button][button link=”#” style=”peach” window=”false”]Button[/button][button link=”#” style=”red” window=”false”]Button[/button][button link=”#” style=”green” window=”false”]Button[/button][button link=”#” style=”blue” window=”false”]Button[/button][button link=”#” style=”purple” window=”false”]Button[/button][button link=”#” style=”yellow” window=”false”]Button[/button][button link=”#” style=”fuchsia” window=”false”]Button[/button][button link=”#” style=”bronze” window=”false”]Button[/button][button link=”#” style=”aqua” window=”false”]Button[/button]

[/one_half]

[one_half_last]

Tabs

[tabs]
[tab title=”First”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sem mauris, aliquam vel interdum in, faucibus non libero. Morbi iaculis tellus non purus ullamcorper quis euismod sapien iaculis. Maecenas vitae tortor velit, id sodales ipsum. Morbi ullamcorper fermentum est lacinia posuere. Integer adipiscing augue sed quam cursus porttitor.
[/tab][tab title=”Second”]
Pellentesque ut augue sem, in mattis dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent ultricies posuere ipsum vitae dapibus. Maecenas luctus elit sed mi aliquam vitae dictum sapien pharetra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.
[/tab][tab title=”Third”]
Curae aliquam pharetra enim vel ipsum accumsan sit amet condimentum purus tristique. Praesent purus lectus, scelerisque non elementum a, elementum eu ligula. Fusce sem nibh, pretium non pulvinar id, pellentesque eget purus. Aliquam est nisi, ornare vel sagittis ut, venenatis quis orci. Morbi hendrerit libero malesuada massa adipiscing pretium.
[/tab][tab title=”Fourth”]
Donec ac urna metus. Integer cursus, ligula nec porta egestas, sem arcu imperdiet dolor, non luctus nunc augue quis velit. Curabitur leo nisi, rutrum quis hendrerit eu, tempor a lacus. Duis sit amet ornare justo. Aliquam aliquam enim sit amet nunc convallis vitae ullamcorper elit faucibus. Fusce ornare ante non quam tempor viverra.
[/tab]
[/tabs]

[/one_half_last]

[divider style=”thick”]
[one_half]

Messages

Get your message across in style.

[message type=”info” show_close=”true”]Heads up! This is an info message that can take any content.

[button link=”#” style=”default” class=”small” window=”false”]Take this action[/button][button link=”#” style=”default” class=”small” window=”false”]Or do this[/button]

[/message]

[message type=”success” show_close=”true”]Well done! This is a success message that can take any content.[/message]

[message type=”warning” show_close=”true”]Holy guacamole! This is a warning message that can take any content.[/message]

[message type=”error” show_close=”true”]Oh snap! This is an error message that can take any content.[/message]
[/one_half][one_half_last]

Alerts

Grab attention and hold it.

[alert type=”info” show_close=”true”]Heads up! This is an alert that needs your attention, but it’s not a huge priority just yet.[/alert]

[alert type=”success” show_close=”true”]Well done! You successfully read this alert message.[/alert]

[alert type=”warning” show_close=”true”]Holy guacamole! Best check yo self, you’re not looking too good.[/alert]

[alert type=”error” show_close=”true”]Oh snap! Change this and that and try again.[/alert]

[/one_half_last]

[divider top_link=”true”]

[one_half]

Toggle

[toggle open=”true” title=”Sample Title”]
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.

[button link=”#” style=”blue” window=”false” size=”medium”]A Sweet Button [/button][button link=”#” style=”default” window=”false” size=”medium”]Another Sweet Button [/button]
[/toggle]

[/one_half]
[one_half_last]

Accordion

[accordion sync=”true”]

[accordion_item title=”Item #1″ open=”true”]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim.

[/accordion_item]

[accordion_item title=”Item #2″]

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.

[/accordion_item]

[accordion_item title=”Item #3″]

[/accordion_item]
[accordion_item title=”Item #4″]

[/accordion_item]
[/accordion]
[/one_half_last]
[divider top_link=”true”]

Gallery with Lightbox Support

Click on a picture below to launch a lightbox gallery.
[prime_gallery width=”300″ height=”300″ desktop=”6″ tablet=”4″ mobile=”1″]

[divider top_link=”true”]

Styled List

You like icons, and we’ve got them. They’ll automatically recolor themselves to match your text, plus they scale beautifully and look amazing on high resolution displays.

[list icon=”star”]
[list_item icon=”glass”]glass[/list_item]
[list_item icon=”music”]music[/list_item]
[list_item icon=”search”]search[/list_item]
[list_item icon=”envelope”]envelope[/list_item]
[list_item icon=”heart”]heart[/list_item]
[list_item icon=”star”]star[/list_item]
[list_item icon=”star-empty”]star-empty[/list_item]
[list_item icon=”user”]user[/list_item]
[list_item icon=”film”]film[/list_item]
[/list]

[list]
[list_item icon=”th-large”]th-large[/list_item]
[list_item icon=”th”]th[/list_item]
[list_item icon=”th-list”]th-list[/list_item]
[list_item icon=”ok”]ok[/list_item]
[list_item icon=”remove”]remove[/list_item]
[list_item icon=”zoom-in”]zoom-in[/list_item]
[list_item icon=”zoom-out”]zoom-out[/list_item]
[list_item icon=”off”]off[/list_item]
[list_item icon=”signal”]signal[/list_item]
[/list]

[list]
[list_item icon=”cog”]cog[/list_item]
[list_item icon=”trash”]trash[/list_item]
[list_item icon=”home”]home[/list_item]
[list_item icon=”file”]file[/list_item]
[list_item icon=”time”]time[/list_item]
[list_item icon=”road”]road[/list_item]
[list_item icon=”download-alt”]download-alt[/list_item]
[list_item icon=”download”]download[/list_item]
[list_item icon=”upload”]upload[/list_item]
[/list]

[list]
[list_item icon=”inbox”]inbox[/list_item]
[list_item icon=”play-circle”]play-circle[/list_item]
[list_item icon=”repeat”]repeat[/list_item]
[list_item icon=”refresh”]refresh[/list_item]
[list_item icon=”list-alt”]list-alt[/list_item]
[list_item icon=”lock”]lock[/list_item]
[list_item icon=”flag”]flag[/list_item]
[list_item icon=”headphones”]headphones[/list_item]
[list_item icon=”volume-off”]volume-off[/list_item]
[/list]

[list]
[list_item icon=”volume-down”]volume-down[/list_item]
[list_item icon=”qrcode”]qrcode[/list_item]
[list_item icon=”barcode”]barcode[/list_item]
[list_item icon=”tag”]tag[/list_item]
[list_item icon=”tags”]tags[/list_item]
[list_item icon=”book”]book[/list_item]
[list_item icon=”bookmark”]bookmark[/list_item]
[list_item icon=”print”]print[/list_item]
[list_item icon=”camera”]camera[/list_item]
[/list]

[list]
[list_item icon=”font”]font[/list_item]
[list_item icon=”bold”]bold[/list_item]
[list_item icon=”italic”]italic[/list_item]
[list_item icon=”text-height”]text-height[/list_item]
[list_item icon=”text-width”]text-width[/list_item]
[list_item icon=”align-left”]align-left[/list_item]
[list_item icon=”align-center”]align-center[/list_item]
[list_item icon=”align-right”]align-right[/list_item]
[list_item icon=”align-justify”]align-justify[/list_item]
[/list]

[list]
[list_item icon=”list”]list[/list_item]
[list_item icon=”indent-left”]indent-left[/list_item]
[list_item icon=”indent-right”]indent-right[/list_item]
[list_item icon=”facetime-video”]facetime-video[/list_item]
[list_item icon=”picture”]picture[/list_item]
[list_item icon=”pencil”]pencil[/list_item]
[list_item icon=”map-marker”]map-marker[/list_item]
[list_item icon=”adjust”]adjust[/list_item]
[list_item icon=”tint”]tint[/list_item]
[/list]

[list]
[list_item icon=”edit”]edit[/list_item]
[list_item icon=”share”]share[/list_item]
[list_item icon=”check”]check[/list_item]
[list_item icon=”move”]move[/list_item]
[list_item icon=”step-backward”]step-backward[/list_item]
[list_item icon=”fast-backward”]fast-backward[/list_item]
[list_item icon=”backward”]backward[/list_item]
[list_item icon=”play”]play[/list_item]
[list_item icon=”pause”]pause[/list_item]
[/list]

[list]
[list_item icon=”stop”]stop[/list_item]
[list_item icon=”forward”]forward[/list_item]
[list_item icon=”fast-forward”]fast-forward[/list_item]
[list_item icon=”step-forward”]step-forward[/list_item]
[list_item icon=”eject”]eject[/list_item]
[list_item icon=”chevron-left”]chevron-left[/list_item]
[list_item icon=”chevron-right”]chevron-right[/list_item]
[list_item icon=”plus-sign”]plus-sign[/list_item]
[list_item icon=”minus-sign”]minus-sign[/list_item]
[/list]

[list]
[list_item icon=”remove-sign”]remove-sign[/list_item]
[list_item icon=”ok-sign”]ok-sign[/list_item]
[list_item icon=”question-sign”]question-sign[/list_item]
[list_item icon=”info-sign”]info-sign[/list_item]
[list_item icon=”screenshot”]screenshot[/list_item]
[list_item icon=”remove-circle”]remove-circle[/list_item]
[list_item icon=”ok-circle”]ok-circle[/list_item]
[list_item icon=”ban-circle”]ban-circle[/list_item]
[list_item icon=”arrow-left”]arrow-left[/list_item]
[/list]

[list]
[list_item icon=”arrow-right”]arrow-right[/list_item]
[list_item icon=”arrow-up”]arrow-up[/list_item]
[list_item icon=”arrow-down”]arrow-down[/list_item]
[list_item icon=”share-alt”]share-alt[/list_item]
[list_item icon=”resize-full”]resize-full[/list_item]
[list_item icon=”resize-small”]esize-small[/list_item]
[list_item icon=”plus”]plus[/list_item]
[list_item icon=”minus”]minus[/list_item]
[list_item icon=”asterisk”]asterisk[/list_item]
[/list]

[list]
[list_item icon=”exclamation-sign”]exclamation-sign[/list_item]
[list_item icon=”gift”]gift[/list_item]
[list_item icon=”leaf”]leaf[/list_item]
[list_item icon=”fire”]fire[/list_item]
[list_item icon=”eye-open”]eye-open[/list_item]
[list_item icon=”eye-close”]eye-close[/list_item]
[list_item icon=”warning-sign”]warning-sign[/list_item]
[list_item icon=”plane”]plane[/list_item]
[list_item icon=”calendar”]calendar[/list_item]
[/list]

[list][list_item icon=”random”]random[/list_item]
[list_item icon=”comment”]comment[/list_item]
[list_item icon=”magnet”]magnet[/list_item]
[list_item icon=”chevron-up”]chevron-up[/list_item]
[list_item icon=”chevron-down”]chevron-down[/list_item]
[list_item icon=”retweet”]retweet[/list_item]
[list_item icon=”shopping-cart”]shopping-cart[/list_item]
[list_item icon=”resize-vertical”]resize-vertical[/list_item]
[list_item icon=”resize-horizontal”]resize-horizontal[/list_item]
[/list]

[list]
[list_item icon=”folder-close”]folder-close[/list_item]
[list_item icon=”folder-open”]folder-open[/list_item]
[list_item icon=”camera-retro”]camera-retro[/list_item]
[list_item icon=”bar-chart”]bar-chart[/list_item]
[list_item icon=”heart-empty”]heart-empty[/list_item]
[list_item icon=”twitter-sign”]twitter-sign[/list_item]
[list_item icon=”linkedin-sign”]linkedin-sign[/list_item]
[list_item icon=”github-sign”]github-sign[/list_item]
[list_item icon=”facebook-sign”]facebook-sign[/list_item]
[/list]

[list]
[list_item icon=”cogs”]cogs[/list_item]
[list_item icon=”external-link”]external-link[/list_item]
[list_item icon=”pushpin”]pushpin[/list_item]
[list_item icon=”key”]key[/list_item]
[list_item icon=”thumbs-up”]thumbs-up[/list_item]
[list_item icon=”thumbs-down”]thumbs-down[/list_item]
[list_item icon=”comments”]comments[/list_item]
[list_item icon=”trophy”] trophy[/list_item]
[list_item icon=”upload-alt”]upload-alt[/list_item]
[/list]

[list]
[list_item icon=”signin”]signin[/list_item]
[list_item icon=”signout”]signout[/list_item]
[list_item icon=”star-half”]star-half[/list_item][list_item icon=”lemon”]lemon[/list_item]
[/list]

[divider top_link=”true”]

[one_half]

Styled Table

[table]

Column 1″	Column 2′	Column 3	Column 4
Item #1	Description	Subtotal:	$1.00
Item #2	Description	Discount:	$2.00
Item #3	Description	Shipping:	$3.00
Item #4	Description	Tax:	$4.00
All Items	Description	Your Total:	$10.00
*Your table footer…

[/table]
[/one_half]

[one_half_last]

Block Quote

[divider top_link=”true”]

Pull Quote

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.[/pullquote] Aliquam erat volutpat. Mauris non lorem eu dolor hendrerit dapibus. Mauris mollis nisl quis sapien posuere consectetur. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore. Sed eleifend, arcu convallis adipiscing congue, dui turpis commodo magna, et vehicula sapien turpis sit. Nullam in sapien at nisi ornare bibendum at ut lectus.[pullquote style=”left”]Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.[/pullquote] Aliquam erat volutpat. Mauris non lorem eu dolor hendrerit dapibus. Mauris mollis nisl quis sapien posuere consectetur. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore. Sed eleifend, arcu convallis adipiscing congue, dui turpis commodo magna, et vehicula sapien turpis sit. Nullam in sapien at nisi ornare bibendum at ut lectus. Pellentesque ut magna mauris. Nam viverra suscipit ligula, sed accumsan enim placerat nec. Integer eu lectus et nunc dictum sagittis. Curabitur commodo vulputate fringilla.Aliquam erat volutpat. Mauris non lorem eu dolor hendrerit dapibus. Mauris mollis nisl quis sapien posuere consectetur. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore. Sed eleifend, arcu convallis adipiscing congue, dui turpis commodo magna, et vehicula sapien turpis sit. Nullam in sapien at nisi ornare bibendum at ut lectus. Pellentesque ut magna mauris. Nam viverra suscipit ligula, sed accumsan enim placerat nec. Integer eu lectus et nunc dictum sagittis. Curabitur commodo vulputate fringilla.

Aliquam erat volutpat. Mauris non lorem eu dolor hendrerit dapibus. Mauris mollis nisl quis sapien posuere consectetur. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore. Sed eleifend, arcu convallis adipiscing congue, dui turpis commodo magna, et vehicula sapien turpis sit. Nullam in sapien at nisi ornare bibendum at ut lectus. Pellentesque ut magna mauris. Nam viverra suscipit ligula, sed accumsan enim placerat nec. Integer eu lectus et nunc dictum sagittis. Curabitur commodo vulputate fringilla. [pullquote style=”right”]Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.[/pullquote] Aliquam erat volutpat. Mauris non lorem eu dolor hendrerit dapibus. Mauris mollis nisl quis sapien posuere consectetur. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore. Sed eleifend, arcu convallis adipiscing congue, dui turpis commodo magna, et vehicula sapien turpis sit. Nullam in sapien at nisi ornare bibendum at ut lectus. Pellentesque ut magna mauris. Nam viverra suscipit ligula, sed accumsan enim placerat nec. Integer eu lectus et nunc dictum sagittis. Curabitur commodo vulputate fringilla.

[divider]
[one_half]

Framed Image with Lightbox

[image src=”http://ubuntu/next/assets/fierystorm.jpg” width=”300″ height=”200″ title=”Image Title” autosize=”true” lightbox=”true”]

[/one_half][one_half_last]

Framed oEmbed Video

[/one_half_last]

[divider top_link=”true”]

[one_half]

Drop Cap

[dropcap]A[/dropcap]t 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.

[dropcap]L[/dropcap]orem ipsum dolor sit amet, consectetur adipiscing elit. Nullam orci lectus, porta quis tempus ac, tincidunt ac orci. Sed eu neque est. Morbi lacinia, justo eget volutpat rutrum, elit felis molestie lacus, tempus blandit orci nulla vitae dui. Maecenas eu blandit felis.

[dropcap]F[/dropcap]etiam euismod neque non dui pharetra aliquet vitae nec arcu. Donec in ipsum eget quam varius sodales eget id libero. Nam sit amet nisi eget ligula aliquam sollicitudin vitae vitae mauris. Morbi libero urna, tempor blandit faucibus sed, venenatis non lorem.
[/one_half_last]

[divider top_link=”true”]

Recent Projects

[recent_projects]

[icon icon=”window” color=”#ffffff” circle=”#191919″]Our Portfolio[/icon]

The portfolio shortcode lets you show off items in your portfolio — your projects, products, services, tutorials, or anything else!

See the full portfolio »

[/recent_projects][spacer height=”6px”]

[divider]

[flex_slider slider=”My Slider”]
[divider]

Pricing Tables

[pricing columns=”4″]
[plan title=”Basic” link=”http://www.themeforest.net” linkname=”Sign Up” price=”29″ per=”mo” color=”#9dcf5a” symbol=”$”]

List Item
List Item
List Item

[/plan]
[plan title=”Professional” link=”http://www.themeforest.net” linkname=”Sign Up” price=”59″ per=”mo” color=”#64b5da” symbol=”$”]

List Item
List Item
List Item

[/plan]
[plan title=”Business” link=”http://www.themeforest.net” linkname=”Sign Up” price=”99″ per=”mo” featured=”true” color=”#50bcaa” symbol=”$”]

List Item
List Item
List Item

[/plan]
[plan title=”Unlimited” link=”http://www.themeforest.net” linkname=”Sign Up” price=”179″ per=”mo” color=”#676767″ symbol=”$”]

List Item
List Item
List Item

[/plan]
[/pricing]

[divider top_link=”true”]

Codebox

[codebox]
this.jQueryElem.find(‘> div:first-child’).fadeOut(500, function() {
log(‘height: ‘ + height);
that.jQueryElem.animate({height: height}, 500, function() {
that.jQueryElem.find(‘ul’).css(‘max-height’, height + ‘px’);
that.jQueryElem.find(‘ul’).animate({opacity: 1}, 1000, function() {
jQuery(this).css(‘position’, ‘relative’);
that.jQueryElem.find(‘ul’).css(‘height’, ‘auto’);
that.jQueryElem.css(‘height’, ‘auto’);
});
that.jQueryElem.find(‘ol’).animate({opacity: 1}, 1000);
});
});
[/codebox]
[codebox]
<div class=”container_12″>
<div class=”grid_12″>
<div id=”subheader”>
</div>
</div>
</div>
[/codebox]

[divider top_link=”true”]

Columns

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam orci lectus, porta quis tempus ac, tincidunt ac orci. Sed eu neque est. Morbi lacinia, justo eget volutpat rutrum, elit felis molestie lacus, tempus blandit orci nulla vitae dui. Maecenas eu blandit felis. Etiam euismod neque non dui pharetra aliquet vitae nec arcu. Donec in ipsum eget quam varius sodales eget id libero. Nam sit amet nisi eget ligula aliquam sollicitudin vitae vitae mauris. Morbi libero urna, tempor blandit faucibus sed, venenatis non lorem.

[one_half]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam orci lectus, porta quis tempus ac, tincidunt ac orci. Morbi lacinia, justo eget volutpat rutrum, elit felis molestie lacus, tempus blandit orci nulla vitae dui. Maecenas eu blandit felis.

[/one_half]

[one_half_last]

[/one_half_last]

[one_third]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam orci lectus, porta quis tempus ac, tincidunt ac orci. Maecenas eu blandit felis.

[/one_third]

[one_third]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam orci lectus, porta quis tempus ac, tincidunt ac orci. Maecenas eu blandit felis.

[/one_third]

[one_third_last]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam orci lectus, porta quis tempus ac, tincidunt ac orci. Maecenas eu blandit felis.

[/one_third_last]

[one_fourth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam orci lectus nulla vitae dui.

[/one_fourth]

[one_fourth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam orci lectus nulla vitae dui.

[/one_fourth]

[one_fourth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam orci lectus nulla vitae dui.

[/one_fourth]

[one_fourth_last]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam orci lectus nulla vitae dui.

[/one_fourth_last]

[one_fifth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu blandit.

[/one_fifth]

[one_fifth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu blandit.

[/one_fifth]

[one_fifth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu blandit.

[/one_fifth]

[one_fifth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu blandit.

[/one_fifth]

[one_fifth_last]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu blandit.

[/one_fifth_last]

[one_sixth]