Shortcodes

Buttons

There are plenty of colors to choose from.

Button Button Button Button Button Button Button Button Button Button Button Button Button Button Button

Tabs

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.

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.

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.

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.

Messages

Get your message across in style.

× Heads up! This is an info message that can take any content.

Take this action Or do this

× Well done! This is a success message that can take any content.

× Holy guacamole! This is a warning message that can take any content.

× Oh snap! This is an error message that can take any content.

Alerts

Grab attention and hold it.

×Heads up! This is an alert that needs your attention, but it’s not a huge priority just yet.

×Well done! You successfully read this alert message.

×Holy guacamole! Best check yo self, you’re not looking too good.

×Oh snap! Change this and that and try again.

Toggle

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.

A Sweet Button Another Sweet Button

Accordion

[accordion sync=”true”]

Item #1

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

Item #2

Item #3

Item #4

[/accordion]

Gallery with Lightbox Support

Click on a picture below to launch a lightbox gallery.

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.

glass
music
search
envelope
heart
star
star-empty
user
film

th-large
th
th-list
ok
remove
zoom-in
zoom-out
off
signal

cog
trash
home
file
time
road
download-alt
download
upload

inbox
play-circle
repeat
refresh
list-alt
lock
flag
headphones
volume-off

volume-down
qrcode
barcode
tag
tags
book
bookmark
print
camera

font
bold
italic
text-height
text-width
align-left
align-center
align-right
align-justify

list
indent-left
indent-right
facetime-video
picture
pencil
map-marker
adjust
tint

edit
share
check
move
step-backward
fast-backward
backward
play
pause

stop
forward
fast-forward
step-forward
eject
chevron-left
chevron-right
plus-sign
minus-sign

remove-sign
ok-sign
question-sign
info-sign
screenshot
remove-circle
ok-circle
ban-circle
arrow-left

arrow-right
arrow-up
arrow-down
share-alt
resize-full
esize-small
plus
minus
asterisk

exclamation-sign
gift
leaf
fire
eye-open
eye-close
warning-sign
plane
calendar

random
comment
magnet
chevron-up
chevron-down
retweet
shopping-cart
resize-vertical
resize-horizontal

folder-close
folder-open
camera-retro
bar-chart
heart-empty
twitter-sign
linkedin-sign
github-sign
facebook-sign

cogs
external-link
pushpin
key
thumbs-up
thumbs-down
comments
trophy
upload-alt

signin
signout
star-half
lemon

Styled 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…

Block Quote

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

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.

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. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum. 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. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum. 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.

Framed Image with Lightbox

Framed oEmbed Video

Drop Cap

At 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.

Fetiam 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.

Recent Projects

Our Portfolio

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

See the full portfolio »

Cassandra and the Purple Butterfly
The Book

Pricing Tables

Basic

$29/mo

List Item
List Item
List Item

Professional

$59/mo

List Item
List Item
List Item

Business

Featured $99/mo

List Item
List Item
List Item

Unlimited

$179/mo

List Item
List Item
List Item

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);
});
});

<div class="container_12">
    <div class="grid_12">
        <div id="subheader">
            </div>
    </div>
</div>

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.

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.

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

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

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

Lorem ipsum dolor sit amet, consectetur lib adipiscing elit lacinia.