Shortcodes

Dropcap

[hoot_dropcap]Aenean imperdiet. Phasellus accumsan cursus velit. Ut id nisl quis enim dignissim sagittis. Quisque id odio. In hac habitasse platea dictumst. Sed a libero. Integer tincidunt. Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit. Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi. Duis leo.[/hoot_dropcap]

Highlight Text

In dui magna, posuere eget, vestibulum et, [hoot_highlight color=»accent»]Phasellus leo dolor[/hoot_highlight] tempor auctor, justo. [hoot_highlight color=»red»]In consectetuer turpis ut velit[/hoot_highlight]. Sed magna purus, [hoot_highlight color=»yellow»]fermentum eu, tincidunt eu, varius ut[/hoot_highlight], felis. Curabitur [hoot_highlight color=»blue»]suscipit suscipit tellus.[/hoot_highlight] Curabitur ligula sapien, [hoot_highlight color=»pink»]tincidunt non, euismod vitae[/hoot_highlight], posuere imperdiet, leo. [hoot_highlight color=»amber»]Pellentesque habitant morbi.[/hoot_highlight]

Button

[hoot_button url=»#» target=»self» size=»small» align=»left» color=»white»]Button[/hoot_button][hoot_button url=»#» target=»self» size=»small» align=»left» color=»black»]Button[/hoot_button][hoot_button url=»#» target=»self» size=»small» align=»left» color=»blue»]Button[/hoot_button][hoot_button url=»#» target=»self» size=»small» align=»left» color=»yellow»]Button[/hoot_button]

[hoot_clear]

[hoot_button url=»#» target=»self» size=»medium» align=»left» color=»amber»]Click[/hoot_button][hoot_button url=»#» target=»self» size=»medium» align=»left» color=»orange»]Click[/hoot_button][hoot_button url=»#» target=»self» size=»medium» align=»left» color=»pink»]Click[/hoot_button][hoot_button url=»#» target=»self» size=»medium» align=»left» color=»accent»]Click[/hoot_button]

[hoot_clear]

[hoot_button url=»#» target=»self» size=»large» align=»left» color=»red»]Button[/hoot_button][hoot_button url=»#» target=»self» size=»large» align=»left» color=»green»]Button[/hoot_button][hoot_button url=»#» target=»self» size=»large» align=»left» color=»cyan»]Button[/hoot_button][hoot_clear]

450+ Icons with custom color and size

[hoot_icon icon=»fa-magic» color=»#dd3333″ size=»14″] [hoot_icon icon=»fa-line-chart» color=»#81d742″ size=»17″] [hoot_icon icon=»fa-magnet» color=»#1e73be» size=»20″] [hoot_icon icon=»fa-headphones» color=»#1ebfa9″ size=»23″] [hoot_icon icon=»fa-trophy» color=»#c98b20″ size=»26″] [hoot_icon icon=»fa-paypal» color=»#1f84c6″ size=»29″] [hoot_icon icon=»fa-cc-visa» color=»#d38621″ size=»32″] [hoot_icon icon=»fa-btc» color=»#d8c622″ size=»35″] [hoot_icon icon=»fa-share-alt» color=»#36aa34″ size=»38″] [hoot_icon icon=»fa-puzzle-piece» color=»#bc1c51″ size=»41″] [hoot_icon icon=»fa-cubes» color=»#1e73be» size=»44″] [hoot_icon icon=»fa-university» color=»#c6c6c6″ size=»50″]

35+ Social Profiles

[hoot_social_profile size=»small» icon=»behance» url=»#»] [hoot_social_profile size=»small» icon=»bitbucket» url=»#»] [hoot_social_profile size=»small» icon=»codepen» url=»#»] [hoot_social_profile size=»small» icon=»dribbble» url=»#»] [hoot_social_profile size=»small» icon=»deviantart» url=»#»] [hoot_social_profile size=»small» icon=»dribbble» url=»#»] [hoot_social_profile size=»small» icon=»dropbox» url=»#»] [hoot_social_profile size=»small» icon=»flickr» url=»#»] [hoot_social_profile size=»small» icon=»foursquare» url=»#»] [hoot_social_profile size=»small» icon=»github» url=»#»] [hoot_social_profile size=»small» icon=»lastfm» url=»#»] [hoot_social_profile size=»small» icon=»linkedin» url=»#»] [hoot_social_profile size=»small» icon=»reddit» url=»#»]

[hoot_social_profile size=»medium» icon=»rss» url=»#»] [hoot_social_profile size=»medium» icon=»slack» url=»#»] [hoot_social_profile size=»medium» icon=»slideshare» url=»#»] [hoot_social_profile size=»medium» icon=»stack-exchange» url=»#»] [hoot_social_profile size=»medium» icon=»stack-overflow» url=»#»] [hoot_social_profile size=»medium» icon=»steam» url=»#»] [hoot_social_profile size=»medium» icon=»stumbleupon» url=»#»] [hoot_social_profile size=»medium» icon=»tumblr» url=»#»] [hoot_social_profile size=»medium» icon=»twitter» url=»#»] [hoot_social_profile size=»medium» icon=»vimeo» url=»#»] [hoot_social_profile size=»medium» icon=»yelp» url=»#»]

[hoot_social_profile size=»large» icon=»behance» url=»#»] [hoot_social_profile size=»large» icon=»deviantart» url=»#»] [hoot_social_profile size=»large» icon=»dribbble» url=»#»] [hoot_social_profile size=»large» icon=»linkedin» url=»#»] [hoot_social_profile size=»large» icon=»tripadvisor» url=»#»] [hoot_social_profile size=»large» icon=»soundcloud» url=»#»] [hoot_social_profile size=»large» icon=»tumblr» url=»#»] [hoot_social_profile size=»large» icon=»yelp» url=»#»]

[hoot_social_profile size=»huge» icon=»dropbox» url=»#»] [hoot_social_profile size=»huge» icon=»facebook» url=»#»] [hoot_social_profile size=»huge» icon=»google-plus» url=»#»] [hoot_social_profile size=»huge» icon=»instagram» url=»#»] [hoot_social_profile size=»huge» icon=»pinterest» url=»#»] [hoot_social_profile size=»huge» icon=»tripadvisor» url=»#»] [hoot_social_profile size=»huge» icon=»twitter» url=»#»]

Dividers (Light, Bright, Goto Top)

[hoot_divider color=»accent»][hoot_divider color=»blue»][hoot_divider color=»orange»][hoot_divider color=»green» bright=»yes»][hoot_divider color=»amber» bright=»yes»][hoot_divider color=»blue» bright=»yes»][hoot_divider color=»accent» top=»yes»][hoot_divider color=»white» top=»yes»][hoot_divider color=»red» top=»yes»][hoot_divider color=»orange» top=»yes»][hoot_divider color=»blue» bright=»yes» top=»yes»][hoot_divider color=»green» bright=»yes» top=»yes»][hoot_divider color=»red» bright=»yes» top=»yes»][hoot_divider color=»cyan» bright=»yes» top=»yes»]

Code Block

[hoot_code].hide {
display: none;
}
.border-box {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}[/hoot_code]

Icon Lists (450+ Icons)

[hoot_list icon=»fa-check»]
[hoot_li]Nam at tortor lorem ante[/hoot_li]
[hoot_li]Fusce egestas elit eget[/hoot_li]
[hoot_li]In hac habitasse platea dictumst[/hoot_li]
[hoot_li]Curabitur at lacus ac velit[/hoot_li]
[hoot_li]Suspendisse enim turpis dictum sed[/hoot_li]
[/hoot_list]

[hoot_list icon=»fa-crosshairs»]
[hoot_li]Nam at tortor lorem ante[/hoot_li]
[hoot_li]Fusce egestas elit eget[/hoot_li]
[hoot_li]In hac habitasse platea dictumst[/hoot_li]
[hoot_li]Curabitur at lacus ac velit[/hoot_li]
[hoot_li]Suspendisse enim turpis dictum sed[/hoot_li]
[/hoot_list]

[hoot_list icon=»fa-thumbs-o-up»]
[hoot_li]Nam at tortor lorem ante[/hoot_li]
[hoot_li]Fusce egestas elit eget[/hoot_li]
[hoot_li]In hac habitasse platea dictumst[/hoot_li]
[hoot_li]Curabitur at lacus ac velit[/hoot_li]
[hoot_li]Suspendisse enim turpis dictum sed[/hoot_li]
[/hoot_list]

Notice Box

[hoot_box type=»success»]Cras id dui. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor. Suspendisse faucibus, nunc et pellentesque [/hoot_box]
[hoot_box type=»warning»]Cras id dui. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor. Suspendisse faucibus, nunc et pellentesque [/hoot_box]
[hoot_box type=»error»]Cras id dui. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor. Suspendisse faucibus, nunc et pellentesque [/hoot_box]
[hoot_box type=»info»]Cras id dui. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor. Suspendisse faucibus, nunc et pellentesque [/hoot_box]
[hoot_box type=»note»]Cras id dui. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor. Suspendisse faucibus, nunc et pellentesque [/hoot_box]
[hoot_box type=»flag»]Cras id dui. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor. Suspendisse faucibus, nunc et pellentesque [/hoot_box]
[hoot_box type=»pushpin»]Cras id dui. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor. Suspendisse faucibus, nunc et pellentesque [/hoot_box]
[hoot_box type=»setting»]Cras id dui. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor. Suspendisse faucibus, nunc et pellentesque [/hoot_box]

Custom Notice Box

[hoot_box icon=»0″ background=»#dd3333″ text=»#eeee22″]Cras id dui. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor. Suspendisse faucibus, nunc et pellentesque[/hoot_box]
[hoot_box color=»pink» icon=»fa-shopping-cart»]Cras id dui. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor. Suspendisse faucibus, nunc et pellentesque[/hoot_box]

Toggle Box

[hoot_toggle title=»Toggle Box»]Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus. Donec mi odio, faucibus at, scelerisque quis, convallis in, nisi. Ut id nisl quis enim dignissim sagittis.

In turpis. Fusce egestas elit eget lorem. Curabitur suscipit suscipit tellus.[/hoot_toggle]

[hoot_toggle title=»Toggle Box: Open by default» open=»yes»]Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Ut varius tincidunt libero. Fusce risus nisl, viverra et

Shortcodes within toggle box

Aenean leo ligula, [hoot_highlight color=»amber»]porttitor eu, consequat vitae[/hoot_highlight], eleifend ac, enim. Phasellus dolor. Sed augue ipsum, egestas nec, [hoot_highlight color=»red»]vestibulum et, malesuada adipiscing[/hoot_highlight], dui. Morbi mollis tellus ac sapien.

[hoot_button url=»#» target=»self» size=»small» align=»» color=»blue»]Button[/hoot_button][/hoot_toggle]

Tabset

[hoot_tabset]
[hoot_tab title=»Title 1″]

Image Caption

Nam ipsum risus, rutrum vitae, vestibulum eu, molestie vel, lacus. In turpis. Curabitur a felis in nunc fringilla tristique. Maecenas nec odio et ante tincidunt tempus. Vestibulum facilisis, purus nec pulvinar iaculis, ligula mi congue nunc, vitae euismod ligula urna in dolor. [hoot_highlight color=»green»]Vivamus elementum semper nisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.[/hoot_highlight] Donec mi odio, faucibus at, scelerisque quis, convallis in, nisi. Aliquam erat volutpat. Morbi nec metus. Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit. Nam eget dui. Ut nisl quis enim pellentesque egestas neque sit amet. Praesent egestas tristique nibh. Quisque id odio. Nullam accumsa.

[hoot_highlight color=»cyan»]Praesent congue erat at massa. Morbi mattis ullamcorper velit. Proin faucibus arcu quis ante. Vestibulum ullamcorper mauris at ligula.[/hoot_highlight][/hoot_tab]
[hoot_tab title=»Title 2″]Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Quisque id odio. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Fusce egestas elit eget lorem.

Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Praesent ac sem eget est egestas volutpat. Donec vitae orci sed dolor rutrum auctor. Nunc egestas, augue at pellentesque laoreet, felis eros vehicula leo, at malesuada velit leo quis pede.[/hoot_tab]
[hoot_tab title=»Title 3″]Sed fringilla mauris sit amet nibh. Donec posuere vulputate arcu. Curabitur turpis.

Phasellus magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam sollicitudin, ipsum eu pulvinar rutrum, tellus ipsum laoreet sapien, quis venenatis ante odio sit amet eros.[/hoot_tab]
[/hoot_tabset]

Columns

Morbi mattis ullamcorper velit. Aenean viverra rhoncus pede. Fusce fermentum odio nec arcu. Etiam rhoncus. Proin magna. Aliquam lobortis. Phasellus accumsan cursus velit. Praesent egestas tristique nibh. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede.

[hoot_one_half]Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi. Fusce egestas elit eget lorem. Cras id dui. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Pellentesque auctor neque nec urna.[/hoot_one_half]

[hoot_one_half last=»yes»]Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi. Fusce egestas elit eget lorem. Cras id dui. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Pellentesque auctor neque nec urna.[/hoot_one_half]

[hoot_one_third]In ac felis quis tortor malesuada pretium. Curabitur blandit mollis lacus. Nam ipsum risus, rutrum vitae, vestibulum eu, molestie vel, lacus. Nam adipiscing.[/hoot_one_third]

[hoot_one_third last=»yes»]In ac felis quis tortor malesuada pretium. Curabitur blandit mollis lacus. Nam ipsum risus, rutrum vitae, vestibulum eu, molestie vel, lacus. Nam adipiscing.[/hoot_one_third]

[hoot_one_third]In ac felis quis tortor malesuada pretium. Curabitur blandit mollis lacus. Nam ipsum risus, rutrum vitae.[/hoot_one_third]

[hoot_two_third last=»yes»]Vestibulum suscipit nulla quis orci. Nullam accumsan lorem in dui. Donec mi odio, faucibus at, scelerisque quis, convallis in, nisi. Fusce a quam. Maecenas egestas arcu quis ligula mattis placerat. Fusce vel dui. Nullam sagittis. In consectetuer turpis ut velit. Pellentesque posuere.[/hoot_two_third]

[hoot_one_fourth]Quisque id mi. Nam at tortor in tellus interdum sagittis. Vestibulum facilisis, purus nec pulvinar [/hoot_one_fourth]

[hoot_one_fourth last=»yes»]Quisque id mi. Nam at tortor in tellus interdum sagittis. Vestibulum facilisis, purus nec pulvinar [/hoot_one_fourth]

[hoot_one_fourth]Quisque id mi. Nam at tortor in tellus interdum sagittis. Vestibulum facilisis, purus nec pulvinar [/hoot_one_fourth]

[hoot_one_fourth last=»yes»]Quisque id mi. Nam at tortor in tellus interdum sagittis. Vestibulum facilisis, purus nec pulvinar [/hoot_one_fourth]

[hoot_one_fifth]Duis leo. Maecenas malesuada. Etiam sit amet orci eget eros faucibus tincidunt.[/hoot_one_fifth]

[hoot_one_fifth last=»yes»]Duis leo. Maecenas malesuada. Etiam sit amet orci eget eros faucibus tincidunt.[/hoot_one_fifth]

[hoot_one_fifth]Duis leo. Maecenas malesuada. Etiam sit amet orci eget eros.[/hoot_one_fifth]

[hoot_four_fifth last=»yes»]Curabitur blandit mollis lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac placerat dolor lectus quis orci. Praesent egestas tristique nibh. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Maecenas nec odio et ante tincidunt tempus pellentesque auctor neque nec.[/hoot_four_fifth]

[hoot_two_fifth]Phasellus blandit leo ut odio. Phasellus gravida semper nisi. Suspendisse feugiat. Nunc nulla felis pretium .[/hoot_two_fifth]

[hoot_three_fifth last=»yes»]Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Ut non enim eleifend felis pretium feugiat. Fusce fermentum. Vivamus in erat ut urna cursus vestibulum. Ut varius tincidunt libero.[/hoot_three_fifth]