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.
× 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
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 ButtonAnother Sweet Button
Accordion
[accordion sync=”true”]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim.
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.
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.
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]
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
- magnet
- chevron-up
- chevron-down
- shopping-cart
- resize-vertical
- resize-horizontal
- folder-close
- folder-open
- camera-retro
- bar-chart
- heart-empty
- linkedin-sign
- github-sign
- facebook-sign
- cogs
- external-link
- pushpin
- key
- thumbs-up
- thumbs-down
- 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
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.
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
Recent Posts – Vertical
Posted in Illustration, Portfolio
Someone once said something to the effect of, “Art is never finished, only abandoned.” Who actually said it, and exactly what was said, appears to be a bit unclear, but the gist of the statement is a cosmic truth. And for me, personally, it has never been more cosmically truthier than it was wit…
Read more »
Posted in News
On September 13-14, 2014, I participated in the first annual Johns Hopkins Ride to Conquer Cancer. This was a two-day, 150-ish mile ride benefitting Johns Hopkins Kimmel Cancer Center, Sibley Memorial and Suburban Hospitals in support of cancer research, treatment and…
Read more »
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.
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.
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 Posts – Horizontal
Nova makes it easy to build a site that looks great on everything — from smartphones, to tablets, to desktops, to flatscreen televisions!
Buy it on ThemeForest »
-
Illustration, Portfolio
Someone once said something to the effect of, “Art is never finished, only abandoned.” Who actually said it, and exactly what was said, appears to be a bit unclear, but the gist of the statement is a cosmic truth. And for me, personally, it has never been more cosmically truthier than it was wit…
Read more »
-
News
On September 13-14, 2014, I participated in the first annual Johns Hopkins Ride to Conquer Cancer. This was a two-day, 150-ish mile ride benefitting Johns Hopkins Kimmel Cancer Center, Sibley Memorial and Suburban Hospitals in support of cancer research, treatment and…
Read more »
-
News
In September of this year, I will be participating in the first DC area Ride to Conquer Cancer—a two-day, 150-mile bicycle ride through Maryland, Virginia and DC. I could use your…
Read more »
-
Cassandra, Comics, News
OK! So this is page 8’s artwork. Know what that means? It means, providing I don’t go [more] insane and add additional pages, I am exactly 33.33333333333333333333% done with the innards of this…
Read more »
-
Cassandra, Comics, News
Finally finished another Cassandra page. My new frame building technique wound up being a bit too difficult to manage. Need to refine that a bit for the next spread. Not much more to say for this one apart from the fact that I’m glad it’s done. This page should have been a quickie but wound u…
Read more »
Recent Projects
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
Pricing Tables
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- 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. 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, porta quis tempus ac, tincidunt ac orci. 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. Nullam orci lectus nulla vitae dui.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam orci lectus nulla vitae dui.
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 adipiscing elit. Maecenas eu blandit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu blandit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu blandit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu blandit.
Lorem ipsum dolor sit amet, consectetur lib adipiscing elit lacinia.
Lorem ipsum dolor sit amet, consectetur lib adipiscing elit lacinia.
Lorem ipsum dolor sit amet, consectetur lib adipiscing elit lacinia.
Lorem ipsum dolor sit amet, consectetur lib adipiscing elit lacinia.
Lorem ipsum dolor sit amet, consectetur lib adipiscing elit lacinia.
Lorem ipsum dolor sit amet, consectetur lib adipiscing elit lacinia.
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.
Heading 1
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.
Heading 2
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.
Heading 3
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.
Heading 4
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.
Heading 5
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.
Heading 6
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.