<figure-box>

Element providing an extensible figure box solution.

Basic Usage

Header content
Small text for example, to be showed inside the box.
some links?
<figure-box src="http://lorempixum.com/200/200" caption="Your box" href="#!/">
    	
	<header>Header content</header>
    	<article>
    		Small text for example, to be showed inside the box.
    	</article>
    	<footer>
    		some links?
    	</footer>
    
</figure-box>

An `figure-box` looks like this:

Bootstrap interop
simple header
simple footer
shadow
class="shadow"
Black
With Frame
Frame
class="frame"
Black
With Frame
Fancy
White style
Fancy
Black style

Seamless with class="full-width"

Header
Footer
Header
Footer
Header
Footer
Header
Footer

Advanced

link caption
href="#!/"
Inside content
with <article></article>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non architecto neque accusantium id ea cupiditate quod cum dolorem rerum asperiores reprehenderit laboriosam harum consequatur sed dolore facilis magnam iste deleniti.
Inside menu
<ul><li><button></button></li></ul>

Made with ♥ by Octávio Turra © 2014. Under MIT License.