Elements

Button Style

DefaultPrimarySuccessInfoWarningDangerInverse

---

Button Sizes

Extra LargeLargeMediumSmallExtra Small

---

Modal Box

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.

[modal modal_name="modal_box1" btn_label="Launch Modal Box" btn_size="btn-hg" btn_class="btn-default" ][modal_header title="Modal title"][/modal_header][modal_content]

Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem.

Text in a modal

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Popover in a modal

This [popover position="right" title="popover title" label="And here's some amazing content. It's very engaging. right?"]popover[/popover] should trigger a popover on click.

Tooltips in a modal

Here is some dummy text. You can also use tooltipsAdd a Tooltip Text. That one showed on top, but you can have it on the bottom tooAdd a Tooltip Text! How about leftAdd a Tooltip Text or rightAdd a Tooltip Text?

Overflowing text to show scroll behavior

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui.

Donec ullamcorper nulla non metus auctor fringilla.Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui.

Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.[/modal_content][modal_footer]Buy This Theme[/modal_footer][/modal]

---

Tooltips

Here is some dummy text. You can also use tooltipsAdd a Tooltip Text. That one showed on top, but you can have it on the bottom tooAdd a Tooltip Text! How about leftAdd a Tooltip Text or rightAdd a Tooltip Text?

---

Social Icons

[social_icons align="left"][social name="dribbble" link="#" label="Dribbble" target="_blank"][/social][social name="flickr" link="#" label="Flickr" target="_blank"][/social][social name="github" link="#" label="Github" target="_blank"][/social][social name="pinterest" link="#" label="Pinterest" target="_blank"][/social][social name="twitter" link="#" label="Twitter" target="_blank"][/social][social name="facebook" link="#" label="Facebook" target="_blank"][/social][social name="google+" link="#" label="Google+" target="_blank"][/social][social name="skype" link="#" label="Skype" target="_blank"][/social][social name="tumblr" link="#" label="Tumblr" target="_blank"][/social][social name="vimeo" link="#" label="Vimeo" target="_blank"][/social][social name="youtube" link="#" label="Youtube" target="_blank"][/social][social name="linkedin" link="#" label="LinkedIn" target="_blank"][/social][/social_icons]

---

Tabs

[code_wrapper] [/code_wrapper]

---

Accordion

[accordion_wrap][accordion id="one" title="Is this template compatible with Bootstrap 3?"]Absolutely! As shown with a few examples within this demo, you can use all the bootstrap goodies such as carousels, modal windows, tooltips, tabs, accordions, form elements...[/accordion][accordion id="two" title="Is this template compatible with Bootstrap 3?"]Absolutely! As shown with a few examples within this demo, you can use all the bootstrap goodies such as carousels, modal windows, tooltips, tabs, accordions, form elements...[/accordion][accordion id="three" title="Is this template compatible with Bootstrap 3?"]Absolutely! As shown with a few examples within this demo, you can use all the bootstrap goodies such as carousels, modal windows, tooltips, tabs, accordions, form elements...[/accordion][/accordion_wrap] [code_wrapper] [accordion_wrap] [accordion id="first" title="Tab Title"] ....Tab Content ..... [/accordion] [accordion id="second" title="Tab Title"] ....Tab Content ..... [/accordion] [accordion id="third" title="Tab Title"] ....Tab Content ..... [/accordion] [/accordion_wrap] Note: id must be different in each accordion tab.
[/code_wrapper]

---

Two Columns

[column_wrapper][/column_wrapper]

Three Columns

[column_wrapper][/column_wrapper]

Four Columns

[column_wrapper][/column_wrapper]