Shortcodes

[wrapper]

Accordion & Buttons

[accordion][accordionitem title=”From color to gray”][sep height=”10″][button class=”yellow-gray small” text=”Yellow”] [button class=”blue-gray small” text=”Blue”] [button class=”cream-gray small” text=”Cream”] [button class=”green-gray small” text=”Green”] [button class=”orange-gray small” text=”Orange”] [button class=”pink-gray small” text=”Pink”] [button class=”red-gray small” text=”Red”] [button class=”tan-gray small” text=”Tan”] [button class=”yellow-gray” text=”Yellow”] [button class=”blue-gray” text=”Blue”] [button class=”cream-gray” text=”Cream”] [button class=”green-gray” text=”Green”] [button class=”orange-gray” text=”Orange”] [button class=”pink-gray” text=”Pink”] [button class=”red-gray” text=”Red”][button class=”tan-gray” text=”Tan”] [button class=”yellow-gray big” text=”Yellow”] [button class=”blue-gray big” text=”Blue”] [button class=”cream-gray big” text=”Cream”] [button class=”green-gray big” text=”Green”] [button class=”orange-gray big” text=”Orange”] [button class=”pink-gray big” text=”Pink”] [button class=”red-gray big” text=”Red”] [button class=”tan-gray big” text=”Tan”][/accordionitem][accordionitem title=”From gray to color”] [button class=”gray-yellow small” text=”Yellow”] [button class=”gray-blue small” text=”Blue”] [button class=”gray-cream small” text=”Cream”] [button class=”gray-green small” text=”Green”] [button class=”gray-orange small” text=”Orange”] [button class=”gray-pink small” text=”Pink”] [button class=”gray-red small” text=”Red”][button class=”gray-tan small” text=”Tan”] [button class=”gray-yellow” text=”Yellow”] [button class=”gray-blue” text=”Blue”] [button class=”gray-cream” text=”Cream”] [button class=”gray-green” text=”Green”] [button class=”gray-orange” text=”Orange”] [button class=”gray-pink” text=”Pink”] [button class=”gray-red” text=”Red”][button class=”gray-tan” text=”Tan”] [button class=”gray-yellow big” text=”Yellow”] [button class=”gray-blue big” text=”Blue”] [button class=”gray-cream big” text=”Cream”] [button class=”gray-green big” text=”Green”] [button class=”gray-orange big” text=”Orange”] [button class=”gray-pink big” text=”Pink”] [button class=”gray-red big” text=”Red”][button class=”gray-tan big” text=”Tan”] [/accordionitem][accordionitem title=”From dark gray to color”] [button class=”darkgray-yellow small” text=”Yellow”] [button class=”darkgray-blue small” text=”Blue”] [button class=”darkgray-cream small” text=”Cream”] [button class=”darkgray-green small” text=”Green”] [button class=”darkgray-orange small” text=”Orange”] [button class=”darkgray-pink small” text=”Pink”] [button class=”darkgray-red small” text=”Red”] [button class=”darkgray-tan small” text=”Tan”] [button class=”darkgray-yellow” text=”Yellow”] [button class=”darkgray-blue” text=”Blue”] [button class=”darkgray-cream” text=”Cream”] [button class=”darkgray-green” text=”Green”] [button class=”darkgray-orange” text=”Orange”] [button class=”darkgray-pink” text=”Pink”] [button class=”darkgray-red” text=”Red”] [button class=”darkgray-tan” text=”Tan”] [button class=”darkgray-yellow big” text=”Yellow”] [button class=”darkgray-blue big” text=”Blue”] [button class=”darkgray-cream big” text=”Cream”] [button class=”darkgray-green big” text=”Green”] [button class=”darkgray-orange big” text=”Orange”] [button class=”darkgray-pink big” text=”Pink”] [button class=”darkgray-red big” text=”Red”] [button class=”darkgray-tan big” text=”Tan”] [/accordionitem][/accordion][/wrapper][sep height=”30″][wrapper]

Skills

[progress title=”Animation” percent=”40″][progress title=”Programming” percent=”80″][progress title=”Print Design” percent=”60″][progress title=”Web Design” percent=”100″][sep height=”76″]

Tabs

[tabs][tab title=”First”]Phasellus adipiscing euismod tristique. Vestibulum non elit vitae enim interdum aliquam sed eget lacus. Phasellus egestas augue sed augue accumsan vitae volutpat massa elementum. Nulla interdum malesuada aliquet. Aliquam vitae dolor vel odio volutpat tempor a a metus.[/tab][tab title=”Second”]Donec vitae lacus sed risus accumsan consectetur ut a ligula. Etiam vitae nisi diam, in rutrum dui. In facilisis, erat sed laoreet aliquet, mauris urna placerat enim, eget varius nulla lacus ut erat. Mauris faucibus orci ac turpis facilisis et tempus metus venenatis. Pellentesque ornare, risus et vulputate mollis, massa nulla aliquam neque, sed hendrerit orci quam eget ante.
[/tab][tab title=”Third”]Nam ultricies dolor eu velit varius scelerisque. Vestibulum in lacus in felis pretium feugiat non sed elit. Duis pretium, urna sed pellentesque tincidunt, neque massa imperdiet nisi, sed cursus leo magna pretium elit.[/tab][/tabs]
[/wrapper][sep height=”30″][wrapper]

Info Box

[infobox]Lorem ipsum dolor sit amet nec, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.[/infobox]
[/wrapper][sep height=”30″][wrapper][column class=”1/2″]

List Styles

  • Nam ultricies dolor eu velit varius scelerisque
  • Phasellus id augue ligula
  • Vestibulum in lacus in felis pretium
  • Sed nunc tortor, sagittis quis viverra
  • Donec vitae lacus sed risus accumsan
  • Mauris faucibus orci ac turpis facilisis et tempus
[/column][column class=”1/2 last”]

Blockquote

Phasellus adipiscing euismod tristique. Vestibulum non elit vitae enim interdum aliquam sed eget lacus. Phasellus egestas augue sed augue accumsan vitae volutpat massa elementum. Nulla interdum malesuada aliquet. Aliquam vitae dolor vel odio volutpat tempor a a metus. Mauris faucibus orci ac turpis facilisis et tempus metus venenatis.Charles Darrow, EdWord Co

[/column]
[/wrapper][wrapper]

Alert Boxes

Success! You did it.
Notice! Please edit this.
Warning! Change and try again.
Error! Please fill in all the fields.
[/wrapper][sep height=”14″][wrapper]

Social Icons

[/wrapper][sep height=”24″][wrapper]

Service Icons

Web Application Icons

[icon class=”adjust”][icon class=”asterisk”][icon class=”ban-circle”][icon class=”bar-chart”][icon class=”barcode”][icon class=”beaker”][icon class=”beer”][icon class=”bell”][icon class=”bell-alt”][icon class=”bolt”][icon class=”book”][icon class=”bookmark”][icon class=”bookmark-empty”][icon class=”briefcase”][icon class=”bullhorn”][icon class=”calendar”][icon class=”camera”][icon class=”camera-retro”][icon class=”certificate”][icon class=”check”][icon class=”check-empty”][icon class=”circle”][icon class=”circle-blank”][icon class=”cloud”][icon class=”cloud-download”][icon class=”cloud-upload”][icon class=”coffee”][icon class=”cog”][icon class=”cogs”][icon class=”comment”][icon class=”comment-alt”][icon class=”comments”][icon class=”comments-alt”][icon class=”credit-card”][icon class=”dashboard”][icon class=”desktop”][icon class=”download”][icon class=”download-alt”][icon class=”edit”][icon class=”envelope”][icon class=”envelope-alt”][icon class=”exchange”][icon class=”exclamation-sign”][icon class=”external-link”][icon class=”eye-close”][icon class=”eye-open”][icon class=”facetime-video”][icon class=”fighter-jet”][icon class=”film”][icon class=”filter”][icon class=”fire”][icon class=”flag”][icon class=”folder-close”][icon class=”folder-open”][icon class=”folder-close-alt”][icon class=”folder-open-alt”][icon class=”food”][icon class=”gift”][icon class=”glass”][icon class=”globe”][icon class=”group”][icon class=”hdd”][icon class=”headphones”][icon class=”heart”][icon class=”heart-empty”][icon class=”home”][icon class=”inbox”][icon class=”info-sign”][icon class=”key”][icon class=”leaf”][icon class=”laptop”][icon class=”legal”][icon class=”lemon”][icon class=”lightbulb”][icon class=”lock”][icon class=”unlock”][icon class=”magic”][icon class=”magnet”][icon class=”map-marker”][icon class=”minus”][icon class=”minus-sign”][icon class=”mobile-phone”][icon class=”money”][icon class=”move”][icon class=”music”][icon class=”off”][icon class=”ok”][icon class=”ok-circle”][icon class=”ok-sign”][icon class=”pencil”][icon class=”picture”][icon class=”plane”][icon class=”plus”][icon class=”plus-sign”][icon class=”print”][icon class=”pushpin”][icon class=”qrcode”][icon class=”question-sign”][icon class=”quote-left”][icon class=”quote-right”][icon class=”random”][icon class=”refresh”][icon class=”remove”][icon class=”remove-circle”][icon class=”remove-sign”][icon class=”reorder”][icon class=”reply”][icon class=”resize-horizontal”][icon class=”resize-vertical”][icon class=”retweet”][icon class=”road”][icon class=”rss”][icon class=”screenshot”][icon class=”search”][icon class=”share”][icon class=”share-alt”][icon class=”shopping-cart”][icon class=”signal”][icon class=”signin”][icon class=”signout”][icon class=”sitemap”][icon class=”sort”][icon class=”sort-down”][icon class=”sort-up”][icon class=”spinner”][icon class=”star”][icon class=”star-empty”][icon class=”star-half”][icon class=”tablet”][icon class=”tag”][icon class=”tags”][icon class=”tasks”][icon class=”thumbs-down”][icon class=”thumbs-up”][icon class=”time”][icon class=”tint”][icon class=”trash”][icon class=”trophy”][icon class=”truck”][icon class=”umbrella”][icon class=”upload”][icon class=”upload-alt”][icon class=”user”][icon class=”user-md”][icon class=”volume-off”][icon class=”volume-down”][icon class=”volume-up”][icon class=”warning-sign”][icon class=”wrench”][icon class=”zoom-in”][icon class=”zoom-out”]
[sep height=”30″]

Text Editor Icons

[icon class=”file”][icon class=”file-alt”][icon class=”cut”][icon class=”copy”][icon class=”paste”][icon class=”save”][icon class=”undo”][icon class=”repeat”][icon class=”text-height”][icon class=”text-width”][icon class=”align-left”][icon class=”align-center”][icon class=”align-right”][icon class=”align-justify”][icon class=”indent-left”][icon class=”indent-right”][icon class=”font”][icon class=”bold”][icon class=”italic”][icon class=”strikethrough”][icon class=”underline”][icon class=”link”][icon class=”paper-clip”][icon class=”columns”][icon class=”table”][icon class=”th-large”][icon class=”th”][icon class=”th-list”][icon class=”list”][icon class=”list-ol”][icon class=”list-ul”][icon class=”list-alt”]
[sep height=”30″]

Directional Icons

[icon class=”angle-left”][icon class=”angle-right”][icon class=”angle-up”][icon class=”angle-down”][icon class=”arrow-down”][icon class=”arrow-left”][icon class=”arrow-right”][icon class=”arrow-up”][icon class=”caret-down”][icon class=”caret-left”][icon class=”caret-right”][icon class=”caret-up”][icon class=”chevron-down”][icon class=”chevron-left”][icon class=”chevron-right”][icon class=”chevron-up”][icon class=”circle-arrow-down”][icon class=”circle-arrow-left”][icon class=”circle-arrow-right”][icon class=”circle-arrow-up”][icon class=”double-angle-left”][icon class=”double-angle-right”][icon class=”double-angle-up”][icon class=”double-angle-down”][icon class=”hand-down”][icon class=”hand-left”][icon class=”hand-right”][icon class=”hand-up”][icon class=”circle”][icon class=”circle-blank”]
[sep height=”30″]

Video Player Icons

[icon class=”play-circle”][icon class=”play”][icon class=”pause”][icon class=”stop”][icon class=”step-backward”][icon class=”fast-backward”][icon class=”backward”][icon class=”forward”][icon class=”fast-forward”][icon class=”step-forward”][icon class=”eject”][icon class=”fullscreen”][icon class=”resize-full”][icon class=”resize-small”]
[sep height=”30″]

Social Icons

[icon class=”hone”][icon class=”phone-sign”][icon class=”facebook”][icon class=”facebook-sign”][icon class=”twitter”][icon class=”twitter-sign”][icon class=”github”][icon class=”github-alt”][icon class=”github-sign”][icon class=”linkedin”][icon class=”linkedin-sign”][icon class=”pinterest”][icon class=”pinterest-sign”][icon class=”google-plus”][icon class=”google-plus-sign”][icon class=”sign-blank”]
[sep height=”30″]

Medical Icons

[icon class=”ambulance”][icon class=”beaker”][icon class=”h-sign”][icon class=”hospital”][icon class=”medkit”][icon class=”plus-sign-alt”][icon class=”stethoscope”][icon class=”user-md”]
[sep height=”60″]

Columns

1/2 Columns

[column class=”1/2″]Sed nunc tortor, sagittis quis viverra id, molestie vitae nibh. Donec vitae lacus sed risus accumsan consectetur ut a ligula. Etiam vitae nisi diam, in rutrum dui. In facilisis, erat sed laoreet aliquet, mauris urna placerat enim, eget varius nulla lacus ut erat.[/column][column class=”1/2 last”]Sed nunc tortor, sagittis quis viverra id, molestie vitae nibh. Donec vitae lacus sed risus accumsan consectetur ut a ligula. Etiam vitae nisi diam, in rutrum dui. In facilisis, erat sed laoreet aliquet, mauris urna placerat enim, eget varius nulla lacus ut erat.[/column]
[sep height=”40″]

2/3 Columns – 1/3 Columns

[column class=”2/3″]Sed nunc tortor, sagittis quis viverra id, molestie vitae nibh. Donec vitae lacus sed risus accumsan consectetur ut a ligula. Etiam vitae nisi diam, in rutrum dui. In facilisis, erat sed laoreet aliquet, mauris urna placerat enim, eget varius nulla lacus ut erat. Mauris faucibus orci ac turpis facilisis et tempus metus venenatis.
[/column][column class=”1/3 last”]Sed nunc tortor, sagittis quis viverra id, molestie vitae nibh. Donec vitae lacus sed risus accumsan consectetur ut a ligula. Etiam vitae nisi diam, in rutrum dui.[/column]
[sep height=”40″]

1/4 Columns

[column class=”1/4″]Sed nunc tortor, sagittis quis viverra id, molestie vitae nibh. Donec vitae lacus sed risus accumsan consectetur ut a ligula. Etiam vitae nisi diam, in rutrum dui. In facilisis, erat sed laoreet aliquet, mauris urna placerat enim.
[/column][column class=”1/4″]Sed nunc tortor, sagittis quis viverra id, molestie vitae nibh. Donec vitae lacus sed risus accumsan consectetur ut a ligula. Etiam vitae nisi diam, in rutrum dui. In facilisis, erat sed laoreet aliquet, mauris urna placerat enim.
[/column][column class=”1/4″]Sed nunc tortor, sagittis quis viverra id, molestie vitae nibh. Donec vitae lacus sed risus accumsan consectetur ut a ligula. Etiam vitae nisi diam, in rutrum dui. In facilisis, erat sed laoreet aliquet, mauris urna placerat enim.
[/column][column class=”1/4 last”]Sed nunc tortor, sagittis quis viverra id, molestie vitae nibh. Donec vitae lacus sed risus accumsan consectetur ut a ligula. Etiam vitae nisi diam, in rutrum dui. In facilisis, erat sed laoreet aliquet, mauris urna placerat enim.
[/column]
[sep height=”40″]

3/4 Columns – 1/4 Columns

[column class=”3/4″]Sed nunc tortor, sagittis quis viverra id, molestie vitae nibh. Donec vitae lacus sed risus accumsan consectetur ut a ligula. Etiam vitae nisi diam, in rutrum dui. In facilisis, erat sed laoreet aliquet, mauris urna placerat enim, eget varius nulla lacus ut erat. Mauris faucibus orci ac turpis facilisis et tempus metus venenatis. Pellentesque ornare, risus et vulputate mollis, massa nulla aliquam neque, sed hendrerit orci quam eget ante.[/column][column class=”1/4 last”]Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
[/column]
[sep height=”40″]

1/5 Columns

[column class=”1/5″]Sed nunc tortor, sagittis quis viverra id, molestie vitae nibh. Donec vitae lacus sed risus accumsan consectetur ut a ligula. Etiam vitae nisi diam, in rutrum dui. In facilisis, erat sed laoreet aliquet, mauris urna placerat enim.
[/column][column class=”1/5″]Sed nunc tortor, sagittis quis viverra id, molestie vitae nibh. Donec vitae lacus sed risus accumsan consectetur ut a ligula. Etiam vitae nisi diam, in rutrum dui. In facilisis, erat sed laoreet aliquet, mauris urna placerat enim.
[/column][column class=”1/5″]Sed nunc tortor, sagittis quis viverra id, molestie vitae nibh. Donec vitae lacus sed risus accumsan consectetur ut a ligula. Etiam vitae nisi diam, in rutrum dui. In facilisis, erat sed laoreet aliquet, mauris urna placerat enim.
[/column][column class=”1/5″]Sed nunc tortor, sagittis quis viverra id, molestie vitae nibh. Donec vitae lacus sed risus accumsan consectetur ut a ligula. Etiam vitae nisi diam, in rutrum dui. In facilisis, erat sed laoreet aliquet, mauris urna placerat enim.
[/column][column class=”1/5 last”]Sed nunc tortor, sagittis quis viverra id, molestie vitae nibh. Donec vitae lacus sed risus accumsan consectetur ut a ligula. Etiam vitae nisi diam, in rutrum dui. In facilisis, erat sed laoreet aliquet, mauris urna placerat enim.[/column]
[sep height=”40″]

3/5 Columns – 2/5 Columns

[column class=”3/5″]Sed nunc tortor, sagittis quis viverra id, molestie vitae nibh. Donec vitae lacus sed risus accumsan consectetur ut a ligula. Etiam vitae nisi diam, in rutrum dui. In facilisis, erat sed laoreet aliquet, mauris urna placerat enim, eget varius nulla lacus ut erat. Mauris faucibus orci ac turpis facilisis et tempus metus venenatis.[/column][column class=”2/5 last”]Sed nunc tortor, sagittis quis viverra id, molestie vitae nibh. Donec vitae lacus sed risus accumsan consectetur ut a ligula. Etiam vitae nisi diam, in rutrum dui.[/column]
[sep height=”40″]

4/5 Columns – 1/5 Columns

[column class=”4/5″]Sed nunc tortor, sagittis quis viverra id, molestie vitae nibh. Donec vitae lacus sed risus accumsan consectetur ut a ligula. Etiam vitae nisi diam, in rutrum dui. In facilisis, erat sed laoreet aliquet, mauris urna placerat enim, eget varius nulla lacus ut erat. Mauris faucibus orci ac turpis facilisis et tempus metus venenatis. Pellentesque ornare, risus et vulputate mollis, massa nulla aliquam neque, sed hendrerit orci quam eget ante.[/column][column class=”1/5 last”]Sed nunc tortor, sagittis quis viverra id, molestie vitae nibh. Donec vitae lacus sed risus.[/column]
[sep height=”40″]

Fullwidth

Sed nunc tortor, sagittis quis viverra id, molestie vitae nibh. Donec vitae lacus sed risus accumsan consectetur ut a ligula. Etiam vitae nisi diam, in rutrum dui. In facilisis, erat sed laoreet aliquet, mauris urna placerat enim, eget varius nulla lacus ut erat. Mauris faucibus orci ac turpis facilisis et tempus metus venenatis. Pellentesque ornare, risus et vulputate mollis, massa nulla aliquam neque, sed hendrerit orci quam eget ante.
[/wrapper]