Elements

[section title=”Buttons” swatch=”swatch-greensea”]
[row]

Styles

[button label=”Default”] [button type=”primary” label=”Primary”] [button type=”info” label=”Info”] [button type=”success” label=”Success”] [button type=”warning” label=”Warning”] [button type=”danger” label=”Danger”] [button type=”inverse” label=”Inverse”] [button type=”link” label=”Link”]

---

Sizes

[button size=”btn-large” label=”Default”] [button size=”btn-large” button type=”primary” label=”Primary”] [button size=”btn-large” button type=”info” label=”Info”] [button size=”btn-large” button type=”success” label=”Success”] [button size=”btn-large” button type=”warning” label=”Warning”] [button size=”btn-large” button type=”danger” label=”Danger”] [button size=”btn-large” button type=”inverse” label=”Inverse”] [button size=”btn-large” button type=”link” label=”Link”]

[button label=”Default”] [button type=”primary” label=”Primary”] [button type=”info” label=”Info”] [button type=”success” label=”Success”] [button type=”warning” label=”Warning”] [button type=”danger” label=”Danger”] [button type=”inverse” label=”Inverse”] [button type=”link” label=”Link”]

[button size=”btn-small” label=”Default”] [button size=”btn-small” button type=”primary” label=”Primary”] [button size=”btn-small” button type=”info” label=”Info”] [button size=”btn-small” button type=”success” label=”Success”] [button size=”btn-small” button type=”warning” label=”Warning”] [button size=”btn-small” button type=”danger” label=”Danger”] [button size=”btn-small” button type=”inverse” label=”Inverse”] [button size=”btn-small” button type=”link” label=”Link”]

[button size=”btn-mini” label=”Default”] [button size=”btn-mini” button type=”primary” label=”Primary”] [button size=”btn-mini” button type=”info” label=”Info”] [button size=”btn-mini” button type=”success” label=”Success”] [button size=”btn-mini” button type=”warning” label=”Warning”] [button size=”btn-mini” button type=”danger” label=”Danger”] [button size=”btn-mini” button type=”inverse” label=”Inverse”] [button size=”btn-mini” button type=”link” label=”Link”]

---

Icons

[button label=”Reload” link=”#” icon=”icon-rotate-right”] [button type=”primary” label=”Comment” link=”#” icon=”icon-comment”] [button type=”info” label=”I like it” link=”#” icon=”icon-heart”] [button type=”success” label=”Checkout” link=”#” icon=”icon-shopping-cart”] [button type=”warning” label=”Settings” link=”#” icon=”icon-gear”] [button type=”danger” label=”Delete” link=”#” icon=”icon-trash”] [button type=”inverse” label=”Upload” link=”#” side=”right” icon=”icon-magnet”] [button type=”link” label=”Upload” link=”#” side=”right” icon=”icon-file”]

---

Fancy Buttons

[button-fancy button_animation=”pulse” size=”btn-large” label=”Love it” link=”#” icon=”icon-heart”] [button-fancy button_swatch=”swatch-orange” button_animation=”swing” size=”btn-large” label=”Want it” link=”#” icon=”icon-gift”] [button-fancy button_swatch=”swatch-sunflower” button_animation=”wobble” size=”btn-large” label=”Need it” link=”#” icon=”icon-rocket”] [button-fancy button_swatch=”swatch-midnightblue” button_animation=”flip” size=”btn-large” label=”Like it ” link=”#” icon=”icon-thumbs-up”] [button-fancy button_swatch=”swatch-pomegranate” button_animation=”fadeInDown” size=”btn-large” label=”Get it” link=”#” icon=”icon-star”] [button-fancy button_swatch=”swatch-river” button_animation=”shake” size=”btn-large” label=”Buy it” link=”#” icon=”icon-shopping-cart”]

[/row][/section]

[section title=”Round boxes” swatch=”swatch-coral”]

With icons

[row][span4][image size=”box-big” swatch=”swatch-greensea” icon=”icon-rocket”][/span4][span4][image size=”box-big” swatch=”swatch-emerald” icon=”icon-heart”][/span4][span4][image size=”box-big” swatch=”swatch-pomegranate” icon=”icon-bullhorn”][/span4][/row]

---

Icons and animations

[row][span4][image size=”box-big” swatch=”swatch-orange” icon=”icon-apple” icon_animation=”tada”][/span4][span4][image size=”box-big” swatch=”swatch-sunflower” icon=”icon-windows” icon_animation=”swing”][/span4][span4][image size=”box-big” swatch=”swatch-river” icon=”icon-bitbucket” icon_animation=”pulse”][/span4][/row]

---

With images

[row][span4][image size=”box-big” source=”https://idleofman.com/wp-content/uploads/2013/08/camera-800×800.png” swatch=”swatch-nephritis” icon=””][/span4][span4][image size=”box-big” source=”https://idleofman.com/wp-content/uploads/2013/08/clock-800×800.png” swatch=”swatch-midnightblue” icon=””][/span4][span4][image size=”box-big” source=”https://idleofman.com/wp-content/uploads/2013/08/journal-800×800.png” swatch=”swatch-sunflower” icon=””][/span4][/row]
[/section]

[section title=”Tabbed navigation” swatch=”swatch-sunflower”]
[row]
[span6]

Top

[tabs style=”top”][tab title=”Home”]Raw denim you probably haven’t heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.[/tab]
[tab title=”Profile”]Food truck fixie locavore, accusamus mcsweeney’s marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.[/tab]
[tab title=”Other”]Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney’s organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven’t heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.[/tab]
[/tabs][/span6]

[span6]

Bottom

[tabs style=”bottom”][tab title=”Home”]Raw denim you probably haven’t heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.[/tab][tab title=”Profile”]Food truck fixie locavore, accusamus mcsweeney’s marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.[/tab]
[tab title=”Other”]Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney’s organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven’t heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.[/tab]
[/tabs][/span6][/row]

---

[row][span6]

Left

[tabs style=”left”][tab title=”Home”]Raw denim you probably haven’t heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.[/tab]
[tab title=”Profile”]Food truck fixie locavore, accusamus mcsweeney’s marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.[/tab]
[tab title=”Other”]Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney’s organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven’t heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.[/tab]
[/tabs][/span6]

[span6]

Right

[tabs style=”right”][tab title=”Home”]Raw denim you probably haven’t heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.[/tab]
[tab title=”Profile”]Food truck fixie locavore, accusamus mcsweeney’s marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.[/tab]
[tab title=”Other”]Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney’s organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven’t heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.[/tab]
[/tabs][/span6][/row]
[/section]

[section title=”Pill navigation” swatch=”swatch-emerald”]
[row]

[/row]
[/section]

[section title=”Accordion” swatch=”swatch-clouds”]
[row]
[span6]

Simple accordion

[accordions accordion_swatch=”swatch-clouds”]
[accordion title=”1. Why is this theme so nice?”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam consequat mattis dolor, commodo ultrices elit posuere non. Proin nec lorem ipsum. Sed tincidunt lorem id sapien dignissim ullamcorper. Fusce mauris ligula, luctus at dictum in, blandit ut odio. Curabitur dignissim luctus est non eleifend. Nam faucibus pretium accumsan. Mauris a semper libero. Morbi eu tellus tellus. Morbi mollis, sapien at sodales elementum, magna lectus consectetur elit, a feugiat ipsum eros vitae justo.
[/accordion]
[accordion title=”2. Why is bootstrap so important?”]
Aliquam erat volutpat. Praesent rutrum auctor metus, in feugiat mi congue id. Curabitur ultricies dapibus aliquet. Sed id scelerisque tortor. Nulla facilisi. Praesent placerat gravida velit, ut adipiscing est tristique sed. Cras vel elit mauris, sed sagittis sem. Donec urna tellus, suscipit ac convallis vel, euismod a leo. Nulla pretium dapibus magna bibendum vehicula. Nunc laoreet magna nec dolor ornare pulvinar. Phasellus vel lacus dui, sit amet blandit tellus. Sed id ipsum at justo ultrices tempus vel vitae dolor.
[/accordion]
[accordion title=”3. How do i get it?”]
Aliquam erat volutpat. Praesent rutrum auctor metus, in feugiat mi congue id. Curabitur ultricies dapibus aliquet. Sed id scelerisque tortor. Nulla facilisi. Praesent placerat gravida velit, ut adipiscing est tristique sed. Cras vel elit mauris, sed sagittis sem. Donec urna tellus, suscipit ac convallis vel, euismod a leo. Nulla pretium dapibus magna bibendum vehicula. Nunc laoreet magna nec dolor ornare pulvinar. Phasellus vel lacus dui, sit amet blandit tellus. Sed id ipsum at justo ultrices tempus vel vitae dolor.
[/accordion]
[accordion title=”4. Why is it so cheap?”]
Aliquam erat volutpat. Praesent rutrum auctor metus, in feugiat mi congue id. Curabitur ultricies dapibus aliquet. Sed id scelerisque tortor. Nulla facilisi. Praesent placerat gravida velit, ut adipiscing est tristique sed. Cras vel elit mauris, sed sagittis sem. Donec urna tellus, suscipit ac convallis vel, euismod a leo. Nulla pretium dapibus magna bibendum vehicula. Nunc laoreet magna nec dolor ornare pulvinar. Phasellus vel lacus dui, sit amet blandit tellus. Sed id ipsum at justo ultrices tempus vel vitae dolor.
[/accordion]
[accordion title=”5. Is it responsive?”]
Aliquam erat volutpat. Praesent rutrum auctor metus, in feugiat mi congue id. Curabitur ultricies dapibus aliquet. Sed id scelerisque tortor. Nulla facilisi. Praesent placerat gravida velit, ut adipiscing est tristique sed. Cras vel elit mauris, sed sagittis sem. Donec urna tellus, suscipit ac convallis vel, euismod a leo. Nulla pretium dapibus magna bibendum vehicula. Nunc laoreet magna nec dolor ornare pulvinar. Phasellus vel lacus dui, sit amet blandit tellus. Sed id ipsum at justo ultrices tempus vel vitae dolor.
[/accordion]
[accordion title=”6. Is it very cool?”]
Aliquam erat volutpat. Praesent rutrum auctor metus, in feugiat mi congue id. Curabitur ultricies dapibus aliquet. Sed id scelerisque tortor. Nulla facilisi. Praesent placerat gravida velit, ut adipiscing est tristique sed. Cras vel elit mauris, sed sagittis sem. Donec urna tellus, suscipit ac convallis vel, euismod a leo. Nulla pretium dapibus magna bibendum vehicula. Nunc laoreet magna nec dolor ornare pulvinar. Phasellus vel lacus dui, sit amet blandit tellus. Sed id ipsum at justo ultrices tempus vel vitae dolor.
[/accordion]
[accordion title=”7. Can I please have it? “]
Aliquam erat volutpat. Praesent rutrum auctor metus, in feugiat mi congue id. Curabitur ultricies dapibus aliquet. Sed id scelerisque tortor. Nulla facilisi. Praesent placerat gravida velit, ut adipiscing est tristique sed. Cras vel elit mauris, sed sagittis sem. Donec urna tellus, suscipit ac convallis vel, euismod a leo. Nulla pretium dapibus magna bibendum vehicula. Nunc laoreet magna nec dolor ornare pulvinar. Phasellus vel lacus dui, sit amet blandit tellus. Sed id ipsum at justo ultrices tempus vel vitae dolor.
[/accordion]
[accordion title=”8. Why do I keep asking?”]
Aliquam erat volutpat. Praesent rutrum auctor metus, in feugiat mi congue id. Curabitur ultricies dapibus aliquet. Sed id scelerisque tortor. Nulla facilisi. Praesent placerat gravida velit, ut adipiscing est tristique sed. Cras vel elit mauris, sed sagittis sem. Donec urna tellus, suscipit ac convallis vel, euismod a leo. Nulla pretium dapibus magna bibendum vehicula. Nunc laoreet magna nec dolor ornare pulvinar. Phasellus vel lacus dui, sit amet blandit tellus. Sed id ipsum at justo ultrices tempus vel vitae dolor.
[/accordion]
[/accordions][/span6]
[span6]

Accordion color swatches

[accordions accordion_swatch=”swatch-coral”]
[accordion title=”Why is this theme so nice?”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam consequat mattis dolor, commodo ultrices elit posuere non. Proin nec lorem ipsum. Sed tincidunt lorem id sapien dignissim ullamcorper. Fusce mauris ligula, luctus at dictum in, blandit ut odio. Curabitur dignissim luctus est non eleifend. Nam faucibus pretium accumsan. Mauris a semper libero. Morbi eu tellus tellus. Morbi mollis, sapien at sodales elementum, magna lectus consectetur elit, a feugiat ipsum eros vitae justo.
[/accordion]
[accordion title=”Why is bootstrap so important?”]
Aliquam erat volutpat. Praesent rutrum auctor metus, in feugiat mi congue id. Curabitur ultricies dapibus aliquet. Sed id scelerisque tortor. Nulla facilisi. Praesent placerat gravida velit, ut adipiscing est tristique sed. Cras vel elit mauris, sed sagittis sem. Donec urna tellus, suscipit ac convallis vel, euismod a leo. Nulla pretium dapibus magna bibendum vehicula. Nunc laoreet magna nec dolor ornare pulvinar. Phasellus vel lacus dui, sit amet blandit tellus. Sed id ipsum at justo ultrices tempus vel vitae dolor.
[/accordion]
[/accordions]
[accordions accordion_swatch=”swatch-emerald”]
[accordion title=”Why is this theme so nice?”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam consequat mattis dolor, commodo ultrices elit posuere non. Proin nec lorem ipsum. Sed tincidunt lorem id sapien dignissim ullamcorper. Fusce mauris ligula, luctus at dictum in, blandit ut odio. Curabitur dignissim luctus est non eleifend. Nam faucibus pretium accumsan. Mauris a semper libero. Morbi eu tellus tellus. Morbi mollis, sapien at sodales elementum, magna lectus consectetur elit, a feugiat ipsum eros vitae justo.
[/accordion]
[accordion title=”Why is bootstrap so important?”]
Aliquam erat volutpat. Praesent rutrum auctor metus, in feugiat mi congue id. Curabitur ultricies dapibus aliquet. Sed id scelerisque tortor. Nulla facilisi. Praesent placerat gravida velit, ut adipiscing est tristique sed. Cras vel elit mauris, sed sagittis sem. Donec urna tellus, suscipit ac convallis vel, euismod a leo. Nulla pretium dapibus magna bibendum vehicula. Nunc laoreet magna nec dolor ornare pulvinar. Phasellus vel lacus dui, sit amet blandit tellus. Sed id ipsum at justo ultrices tempus vel vitae dolor.
[/accordion]
[/accordions]
[accordions accordion_swatch=”swatch-orange”]
[accordion title=”Why is this theme so nice?”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam consequat mattis dolor, commodo ultrices elit posuere non. Proin nec lorem ipsum. Sed tincidunt lorem id sapien dignissim ullamcorper. Fusce mauris ligula, luctus at dictum in, blandit ut odio. Curabitur dignissim luctus est non eleifend. Nam faucibus pretium accumsan. Mauris a semper libero. Morbi eu tellus tellus. Morbi mollis, sapien at sodales elementum, magna lectus consectetur elit, a feugiat ipsum eros vitae justo.
[/accordion]
[accordion title=”Why is bootstrap so important?”]
Aliquam erat volutpat. Praesent rutrum auctor metus, in feugiat mi congue id. Curabitur ultricies dapibus aliquet. Sed id scelerisque tortor. Nulla facilisi. Praesent placerat gravida velit, ut adipiscing est tristique sed. Cras vel elit mauris, sed sagittis sem. Donec urna tellus, suscipit ac convallis vel, euismod a leo. Nulla pretium dapibus magna bibendum vehicula. Nunc laoreet magna nec dolor ornare pulvinar. Phasellus vel lacus dui, sit amet blandit tellus. Sed id ipsum at justo ultrices tempus vel vitae dolor.
[/accordion]
[/accordions]
[/span6]
[/row][/section]

[slideshow type=”flexslider” flexslider=”clients” autostart=”false” directionnav=”show” itemwidth=”235″ showcontrols=”hide” controlsposition=”outside” captions=”hide” captions_swatch=”swatch-coral” title=”Item slideshow” swatch=”swatch-coral”][/slideshow]

[section title=”Progress bars” swatch=”swatch-greensea”]
[row][span6]

Basic

[progress percentage=”20″][progress percentage=”40″ style=”progress-success”][progress percentage=”60″ style=”progress-warning”][progress percentage=”80″ style=”progress-danger”][/span6]
[span6]

Striped

[progress percentage=”20″ type=”progress progress-striped”][progress percentage=”40″ type=”progress progress-striped” style=”progress-success”][progress percentage=”60″ type=”progress progress-striped” style=”progress-warning”][progress percentage=”80″ type=”progress progress-striped” style=”progress-danger”][/span6][/row]

[row][span6]

Animated

[progress percentage=”20″ type=”progress progress-striped active”][progress percentage=”40″ type=”progress progress-striped active” style=”progress-success”][progress percentage=”60″ type=”progress progress-striped active” style=”progress-warning”][progress percentage=”80″ type=”progress progress-striped active” style=”progress-danger”]
[/span6]
[/row]
[/section]
[section title=”Pie charts” swatch=”swatch-orange”]
[row][span3][pie track_colour=”#b5740c” bar_colour=”#feebcd” icon=”icon-css3″ percentage=”92″]

CSS Skills

[/span3]
[span3][pie track_colour=”#b5740c” bar_colour=”#feebcd” icon=”icon-html5″ percentage=”69″]

Html Powers

[/span3]
[span3][pie track_colour=”#b5740c” bar_colour=”#feebcd” icon=”icon-gamepad” percentage=”10″]

Time for games

[/span3]
[span3][pie track_colour=”#b5740c” bar_colour=”#feebcd” icon=”icon-coffee” percentage=”90″]

Coffee Drinking

[/span3][/row]
[/section]

[section title=”Alert messages”][row]
[span12]
[alert type=”” Description=”Lorem ipsum dolor sit amet, consectetur adipisicing elit.”]
[alert type=”alert-success” label=”Congrats!” Description=”Lorem ipsum dolor sit amet, consectetur adipisicing elit.”]
[alert type=”alert-info” label=”Useful info!” Description=”Lorem ipsum dolor sit amet, consectetur adipisicing elit.”]
[alert type=”alert-error” label=”Danger!” Description=”Lorem ipsum dolor sit amet, consectetur adipisicing elit.”]
[/span12][/row]
[/section]