Alert Boxes

Less padding:

More padding:

Buttons

Button Button Button Button Mini Mini Mini
Small Small Small Small Small Small Small
Medium Medium Medium Medium Medium Medium Medium
Large Large Large Large Large Large Large
Block LevelBlock LevelBlock LevelBlock LevelBlock LevelBlock LevelBlock Level

Carousel

This is the title of this panel

You can put a caption description here as well.

Second panel

More description here

You can make as many panels as you want

With the magic of the theme's shortcode generator.

‹›

Hero Unit

Available Icons

These are all of the built-in icons inserted via shortcodes. The icons can scale to any size and they can even be any color!

Labels and Badges

Label Text Label Text Label Text Label Text Label Text Label Text

6 6 6 6 6 6

Columns

Lists

Modal Dialog Box

Etiam sit amet faucibus justo. Proin odio dui, lacinia eu semper et, luctus vitae arcu. Donec non nulla sed diam pretium euismod eu ut neque. Vivamus lobortis egestas magna non rutrum. Sed sit amet neque nunc, nec rutrum leo. Aliquam quis nisi arcu. Quisque ipsum nisl, mattis a posuere sed, vehicula eu felis.

Click Me!

Nunc quis neque massa, in facilisis tortor. Aenean ut tincidunt felis. Etiam ligula leo, fringilla quis malesuada vel, commodo in orci. In hac habitasse platea dictumst. Cras hendrerit consectetur purus, in iaculis metus congue a. Curabitur feugiat turpis sed dui ornare consequat. Integer malesuada hendrerit nibh nec pretium.

Popovers

Etiam sit amet faucibus justo. Proin odio dui, lacinia eu semper et, luctus vitae arcu. Donec non nulla sed diam pretium euismod eu ut neque. Vivamus lobortis egestas magna non rutrum. Sed sit amet neque nunc, nec rutrum leo. Aliquam quis nisi arcu. Quisque ipsum nisl, mattis a posuere sed, vehicula eu felis.

Nunc quis neque massa, in facilisis tortor. Aenean ut tincidunt felis. Etiam ligula leo, fringilla quis malesuada vel, commodo in orci. In hac habitasse platea dictumst. Cras hendrerit consectetur purus, in iaculis metus congue a. Curabitur feugiat turpis sed dui ornare consequat. Integer malesuada hendrerit nibh nec pretium.

Progress Bars

Blockquotes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sit amet laoreet neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In id massa ac sapien lobortis pellentesque quis sit amet nunc. Proin ut augue felis, eu sollicitudin lectus. Praesent ullamcorper massa magna. Curabitur ac dui nisl, vitae sollicitudin mauris. Praesent faucibus pellentesque placerat.

Vivamus lobortis egestas magna non rutrum. Sed sit amet neque nunc, nec rutrum leo. Aliquam quis nisi arcu. Quisque ipsum nisl, mattis a posuere sed, vehicula eu felis. Citation here

Pellentesque nec lacus non nisi adipiscing tincidunt. Curabitur feugiat adipiscing accumsan. Integer id libero arcu, vitae egestas risus. Sed iaculis volutpat tincidunt. Vestibulum imperdiet fermentum auctor. In hac habitasse platea dictumst.

Vivamus lobortis egestas magna non rutrum.
Sed sit amet neque nunc, nec rutrum leo.
Aliquam quis nisi arcu. Citation here

In lacus sem, consequat eu posuere sodales, egestas vel diam. Suspendisse potenti. Sed tempor magna ac justo lacinia semper. Pellentesque at odio vitae enim dignissim laoreet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean ullamcorper aliquet ante ut cursus.Etiam sit amet faucibus justo. Proin odio dui, lacinia eu semper et, luctus vitae arcu. Donec non nulla sed diam pretium euismod eu ut neque.

Signoffs

An unlimited number of signoffs can be created in the theme options and they will be available in the drop down when creating the shortcode. Or you can create one-off signoffs on a per-post basis. All theme icons are available to use for all signoffs, these are just a few examples.

Tooltips

Quisque ipsum nisl, mattis a posuere sed, vehicula eu felis. Top tooltip, bottom tooltip, left tooltip, right tooltip. Nunc quis neque massa, in facilisis tortor. Aenean ut tincidunt felis. Etiam ligula leo, fringilla quis malesuada vel, commodo in orci. In hac habitasse platea dictumst. Cras hendrerit consectetur purus, in iaculis metus congue a.

Tables

Default table style:

Striped table style:

Bordered table style:

This table has hover effect on rows:

Condensed table style:

Toggles and Accordions

Toggle behavior:

Accordion behavior:

Tabs

Top placement:

Left placement:

Right placement:

Bottom placement:

“Pill” style variation:

Advanced Shortcode Combinations

Here are a few examples of the combinations you can create using shortcodes. There is almost no limit to what you can do.

Button + Different-Colored Icons

Icons In A Button

Table + Modal + Columns + Button + Popover

Tabs + Accordion + Columns + List + Carousel + Hero Unit + Modal + Table + Tooltip

• Tab With Accordion
• Tab With Table

Hero unit

Hero unit containing a modal

Click the button below to open a modal dialog containing even more shortcodes

Trigger modal

×

Shortcode Inception!

Hover over the tooltip enabled links inside the table for a tooltip effect

Table Cell	Table Cell	Table Cell
Tooltip enabled	Tooltip enabled	Tooltip enabled
Table Cell	Table Cell	Table Cell

Close

Columns with lists

• List Item
• List Item
• List Item

• List Item
• List Item
• List Item

• List Item
• List Item
• List Item

• List Item
• List Item
• List Item

Carousel

This is the title of this panel

You can put a caption description here as well.

Second panel

More description here

You can make as many panels as you want

With the magic of the theme's shortcode generator.

‹›

Table Cell	Table Cell	Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell	Table Cell	Table Cell