[one-half first=”yes”]
Tabs
Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo.
[/one-half]
[one-half last=”yes”]
Accordion
[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]
[/accordion]
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”]
[alert type=”note” icon=”paperclip”]This is a standard alert message.[/alert]
[alert type=”info” icon=”pencil”]This is a standard info message.[/alert]
[/one-half]
[one-half last=”yes”]
[alert type=”success” icon=”thumbs-up”]This is a standard success message.[/alert]
[alert type=”error” icon=”exclamation”]This is a standard error message.[/alert]
[/one-half]
[/row]
Buttons
[row]
Default Buttons
[button]Button[/button] [button color=”blue”]Button[/button] [button color=”turquoise”]Button[/button] [button color=”green”]Button[/button] [button color=”yellow”]Button[/button] [button color=”pink”]Button[/button] [button color=”red”]Button[/button]
[/row]
[row]
Button Style 2
[button style=”2″]Button[/button] [button color=”blue” style=”2″]Button[/button] [button color=”turquoise” style=”2″]Button[/button] [button color=”green” style=”2″]Button[/button] [button color=”yellow” style=”2″]Button[/button] [button color=”pink” style=”2″]Button[/button] [button color=”red” style=”2″]Button[/button]
[/row]
[row]
Buttons w/ Icons
[button icon=”shopping-cart”]Buy Now[/button] [button icon=”download” color=”green”]Download[/button] [button icon=”eye” color=”pink” style=”2″]Preview[/button] [button icon=”arrow-circle-o-down” color=”red” style=”2″]Download[/button]
[/row]
[row]
Large Button
[button size=”large” icon=”rocket” style=”2″ color=”pink”]Large Button[/button] [button size=”large”]Large Button[/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
[lightbox link=”http://cadengrant.com/lora/wp-content/uploads/sites/2/2015/04/windmill1.jpg”]http://cadengrant.com/lora/wp-content/uploads/sites/2/2015/04/windmill1.jpg[/lightbox]
[/row]
[row]
Lightbox Gallery
[lb_gallery]
[one-third first=”yes”]
[lb_image link=”http://cadengrant.com/lora/wp-content/uploads/sites/2/2015/04/trees.jpg”]http://cadengrant.com/lora/wp-content/uploads/sites/2/2015/04/trees.jpg[/lb_image]
[/one-third]
[one-third]
[lb_image link=”http://cadengrant.com/lora/wp-content/uploads/sites/2/2015/04/swing.jpg”]http://cadengrant.com/lora/wp-content/uploads/sites/2/2015/04/swing.jpg[/lb_image]
[/one-third]
[one-third last=”yes”]
[lb_image link=”http://cadengrant.com/lora/wp-content/uploads/sites/2/2015/04/bear.jpg”]http://cadengrant.com/lora/wp-content/uploads/sites/2/2015/04/bear.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]