Shortcodes

[one-half first=”yes”]

Tabs

Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing.
Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante.
Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo.
Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem.
[/one-half] [one-half last=”yes”]

Accordion

[section title=”Section 1″ icon=”paint-brush”]Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc.[/section] [section title=”Section 2″ icon=”rocket”]Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis.[/section] [section title=”Section 3″ icon=”wrench”]Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis.[/section]

Toggles

[toggle title=”Section 1″ id=”section1″ icon=”angle-right”] Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc.
[/toggle] [toggle title=”Section 2″ id=”section2″ icon=”angle-right”] Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc.
[/toggle] [/one-half] [row]

Alert Boxes

[one-half first=”yes”]
This is a standard alert message.
This is a standard info message.
[/one-half] [one-half last=”yes”]
This is a standard success message.
This is a standard error message.
[/one-half] [/row]

Buttons

[row]

Default Buttons

Button Button Button Button Button Button Button [/row] [row]

Button Style 2

Button Button Button Button Button Button Button [/row] [row]

Buttons w/ Icons

Buy Now Download Preview Download [/row] [row]

Large Button

Large Button Large Button [/row] [row paddingtop=”15″]

Call To Action

[cta icon=”shopping-cart” heading=”An Easily Customizable Call To Action Box!” subtext=”Lorem ipsum dolor sit amet pellentesque habitant.” actiontext=”Buy Now” /] [/row] [row]

500+ Icons

[fa icon=”apple” size=”2″] [fa icon=”anchor” size=”2″] [fa icon=”car” size=”2″] [fa icon=”bank” size=”2″] [fa icon=”beer” size=”2″] [fa icon=”bell” size=”2″] [fa icon=”bug” size=”2″] [fa icon=”camera” size=”2″] [fa icon=”check” size=”2″] [fa icon=”cloud” size=”2″] [fa icon=”coffee” size=”2″] [fa icon=”rocket” size=”2″] [fa icon=”comments” size=”2″] [fa icon=”credit-card” size=”2″] [fa icon=”desktop” size=”2″] [fa icon=”envelope” size=”2″] [fa icon=”flag” size=”2″] [fa icon=”flask” size=”2″] [fa icon=”heart” size=”2″] [fa icon=”home” size=”2″] [fa icon=”lock” size=”2″] [fa icon=”male” size=”2″] [fa icon=”thumb-tack” size=”2″] [fa icon=”tree” size=”2″] [/row] [row paddingbottom=”30″] [fa icon=”flask” size=”4″ color=”#afc22f”] [fa icon=”rocket” size=”4″ color=”#c93f3f”] [fa icon=”flash” size=”4″ color=”#ffd200″] [fa icon=”gear” size=”4″ color=”#999″] [fa icon=”eye” size=”4″ color=”#65caff”] [fa icon=”leaf” size=”4″ color=”#7bbf10″] [fa icon=”heart” size=”4″ color=”#c93f3f”] [fa icon=”beer” size=”4″ color=”#ffc000″] [fa icon=”motorcycle” size=”4″ color=”#aaa”] [fa icon=”diamond” size=”4″ color=”#ace2ff”] [fa icon=”money” size=”4″ color=”#759a06″] [fa icon=”star” size=”4″ color=”#ffd200″] [fa icon=”microphone” size=”4″ color=”#999″] [/row] [row]

Lightbox Single Image

[/row] [row]

Lightbox Gallery

[lb_gallery] [one-third first=”yes”] [lb_image link=”http://hlmblog.wpengine.com/wp-content/uploads/2015/04/trees1.jpg”]http://hlmblog.wpengine.com/wp-content/uploads/2015/04/trees1.jpg[/lb_image] [/one-third] [one-third] [lb_image link=”http://hlmblog.wpengine.com/wp-content/uploads/2015/04/swing1.jpg”]http://hlmblog.wpengine.com/wp-content/uploads/2015/04/swing1.jpg[/lb_image] [/one-third] [one-third last=”yes”] [lb_image link=”http://hlmblog.wpengine.com/wp-content/uploads/2015/04/bear1.jpg”]http://hlmblog.wpengine.com/wp-content/uploads/2015/04/bear1.jpg[/lb_image] [/one-third] [/lb_gallery] [/row] [heading]Column Grid[/heading] [one-half first=”yes”]

One Half

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
[/one-half] [one-half last=”yes”]

One Half

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
[/one-half] [one-third first=”yes”]

One Third

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.
[/one-third] [one-third]

One Third

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.
[/one-third] [one-third last=”yes”]

One Third

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.
[/one-third] [one-fourth first=”yes”]

One Fourth

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.
[/one-fourth] [one-fourth]

One Fourth

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.
[/one-fourth] [one-fourth]

One Fourth

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.
[/one-fourth] [one-fourth last=”yes”]

One Fourth

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.
[/one-fourth] [one-fifth first=”yes”]

One Fifth

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis.
[/one-fifth] [one-fifth]

One Fifth

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis.
[/one-fifth] [one-fifth]

One Fifth

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis.
[/one-fifth] [one-fifth]

One Fifth

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis.
[/one-fifth] [one-fifth last=”yes”]

One Fifth

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis.
[/one-fifth] [one-sixth first=”yes”]

One Sixth

Pellentesque habitant morbi tristique senectus et.
[/one-sixth] [one-sixth]

One Sixth

Pellentesque habitant morbi tristique senectus et.
[/one-sixth] [one-sixth]

One Sixth

Pellentesque habitant morbi tristique senectus et.
[/one-sixth] [one-sixth]

One Sixth

Pellentesque habitant morbi tristique senectus et.
[/one-sixth] [one-sixth]

One Sixth

Pellentesque habitant morbi tristique senectus et.
[/one-sixth] [one-sixth last=”yes”]

One Sixth

Pellentesque habitant morbi tristique senectus et.
[/one-sixth] [two-thirds first=”yes”]

Two Thirds

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
[/two-thirds] [one-third last=”yes”]

One Third

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies.
[/one-third] [one-third first=”yes”]

One Third

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies.
[/one-third] [two-thirds last=”yes”]

Two Thirds

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
[/two-thirds] [three-fourths first=”yes”]

Three Fourths

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies.
[/three-fourths] [one-fourth last=”yes”]

One Fourth

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
[/one-fourth] [one-fifth first=”yes”]

One Fifth

Pellentesque habitant morbi tristique senectus et netus et malesuada.
[/one-fifth] [four-fifths last=”yes”]

Four Fifths

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies.
[/four-fifths] [five-sixths first=”yes”]

Five Sixths

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies.
[/five-sixths] [one-sixth last=”yes”]

One Sixth

Pellentesque habitant morbi tristique senectus.
[/one-sixth]