[wrapper]

[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] [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][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] [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″]

• 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”]

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] [/wrapper][sep height=”14″][wrapper]

• [icon class=”social acrobat”]
• [icon class=”social amazon”]
• [icon class=”social android”]
• [icon class=”social angellist”]
• [icon class=”social aol”]
• [icon class=”social appnet”]
• [icon class=”social appstore”]
• [icon class=”social bitbucket”]
• [icon class=”social bitcoin”]
• [icon class=”social blogger”]
• [icon class=”social buffer”]
• [icon class=”social call”]
• [icon class=”social cal”]
• [icon class=”social cart”]
• [icon class=”social chrome”]
• [icon class=”social cloudapp”]
• [icon class=”social creativecommons”]
• [icon class=”social delicious”]
• [icon class=”social disqus”]
• [icon class=”social dribbble”]
• [icon class=”social dropbox”]
• [icon class=”social drupal”]
• [icon class=”social dwolla”]
• [icon class=”social email”]
• [icon class=”social eventasaurus”]
• [icon class=”social eventbrite”]
• [icon class=”social eventful”]
• [icon class=”social evernote”]
• [icon class=”social facebook”]
• [icon class=”social fivehundredpx”]
• [icon class=”social flattr”]
• [icon class=”social flickr”]
• [icon class=”social forrst”]
• [icon class=”social foursquare”]
• [icon class=”social github”]
• [icon class=”social gmail”]
• [icon class=”social google”]
• [icon class=”social googleplay”]
• [icon class=”social googleplus”]
• [icon class=”social gowalla”]
• [icon class=”social grooveshark”]
• [icon class=”social html5″]
• [icon class=”social ie”]
• [icon class=”social instagram”]
• [icon class=”social instapaper”]
• [icon class=”social intensedebate”]
• [icon class=”social itunes”]
• [icon class=”social klout”]
• [icon class=”social lanyrd”]
• [icon class=”social lastfm”]
• [icon class=”social lego”]
• [icon class=”social linkedin”]
• [icon class=”social lkdto”]
• [icon class=”social logmein”]
• [icon class=”social macstore”]
• [icon class=”social meetup”]
• [icon class=”social myspace”]
• [icon class=”social ninetyninedesigns”]
• [icon class=”social openid”]
• [icon class=”social opentable”]
• [icon class=”social paypal”]
• [icon class=”social pinboard”]
• [icon class=”social pinterest”]
• [icon class=”social plancast”]
• [icon class=”social plurk”]
• [icon class=”social pocket”]
• [icon class=”social podcast”]
• [icon class=”social posterous”]
• [icon class=”social print”]
• [icon class=”social quora”]
• [icon class=”social reddit”]
• [icon class=”social rss”]
• [icon class=”social scribd”]
• [icon class=”social skype”]
• [icon class=”social smashing”]
• [icon class=”social songkick”]
• [icon class=”social soundcloud”]
• [icon class=”social spotify”]
• [icon class=”social stackoverflow”]
• [icon class=”social statusnet”]
• [icon class=”social steam”]
• [icon class=”social stripe”]
• [icon class=”social stumbleupon”]
• [icon class=”social tumblr”]
• [icon class=”social twitter”]
• [icon class=”social viadeo”]
• [icon class=”social vimeo”]
• [icon class=”social vk”]
• [icon class=”social weibo”]
• [icon class=”social wikipedia”]
• [icon class=”social windows”]
• [icon class=”social wordpress”]
• [icon class=”social xing”]
• [icon class=”social yahoo”]
• [icon class=”social ycombinator”]
• [icon class=”social yelp”]
• [icon class=”social youtube”]

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

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″] [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″] [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″] [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″] [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

[/wrapper]