Style Elements

[half]

[tabs]

[tab title=”Tabbed”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. Etiam varius dui eget lorem elementum eget mattis.

[/tab]

[tab title=”Content”]

Proin quam neque, fringilla vel porta eu, ultricies id quam. Praesent magna leo, interdum vitae auctor eu, commodo imperdiet ligula. Donec elit nunc, pellentesque vel pulvinar non, semper.

[/tab]

[tab title=”Example”]

Phasellus est massa, aliquam nec pretium id, sollicitudin rutrum sem. Suspendisse id risus orci, nec vestibulum nunc. Mauris vitae nisl in nunc consequat hendrerit auctor et velit.

[/tab]

[/tabs]

[/half]

[half_last]

[accordion title=”Accordion item 1″]

Morbi sed nisi est, vitae convallis nulla. Nunc vestibulum ipsum nec libero sodales dignissim. Nulla ac libero neque, sit amet convallis leo. Aenean sodales, augue venenatis posuere.
[/accordion]

[accordion title=”Accordion item 2″]

Proin quam neque, fringilla vel porta eu, ultricies id quam. Praesent magna leo, interdum vitae auctor eu, commodo imperdiet ligula. Donec elit nunc, pellentesque vel pulvinar non.

[/accordion]

[accordion title=”Accordion item 3″]

Etiam vitae odio et ligula pretium dapibus in at elit. Phasellus est massa, aliquam nec pretium id, sollicitudin rutrum sem. Suspendisse id risus orci, nec vestibulum nunc.
[/accordion]

[accordion title=”Accordion item 4″]

Proin quam neque, fringilla vel porta eu, ultricies id quam. Praesent magna leo, interdum vitae auctor eu, commodo imperdiet ligula. Donec elit nunc, pellentesque vel pulvinar non.

[/accordion]

[/half_last]

[full]

[btn link=”#”]Button[/btn] [btn link=”#” color=”aqua”]Button[/btn] [btn link=”#” color=”red”]Button[/btn] [btn link=”#” color=”grey”]Button[/btn] [btn link=”#” color=”pink”]Button[/btn] [btn link=”#” color=”brown”]Button[/btn] [btn link=”#” color=”purple”]Button[/btn]

[btn link=”#” color=”rosyBrown”]Button[/btn] [btn link=”#” color=”navyBlue”]Button[/btn] [btn link=”#” color=”orange”]Button[/btn] [btn link=”#” color=”forestGreen”]Button[/btn] [btn link=”#” color=”crimson”]Button[/btn]

[btn link=”#” color=”red” size=”size-m”]Button[/btn] [btn link=”#” color=”grey” size=”size-l”]Button[/btn] [btn link=”#” color=”navyBlue” size=”size-xl”]Button[/btn] [btn link=”#” color=”orange” size=”size-xxl”]Button[/btn]

[/full]

[hr_dotted]

[half]

Boxes

Normal theme box

Information or warning

Success

Error or restriction

Event Notification

[/half]

[half_last]

Line Separators

1. Single Line

[hr]

2. Dotted Line

[hr_dotted]

3. Double Line

[dhr]

4. 3D Bar

[hr_3d]

5. Slanted Strips

[hr_strip]

[/half_last]

[hr_dotted]

[one_third]

  • List item one
  • List item two
  • List item three
  • List item four

[/one_third]

[one_third]

  • List item one
  • List item two
  • List item three
  • List item four

[/one_third]

[one_third_last]

  • List item one
  • List item two
  • List item three
  • List item four

[/one_third_last]

[one_third]

  • List item one
  • List item two
  • List item three
  • List item four

[/one_third]

[one_third]

  • List item one
  • List item two
  • List item three
  • List item four

[/one_third]

[one_third_last]

  • List item one
  • List item two
  • List item three
  • List item four

[/one_third_last]

[one_third]

  • List item one
  • List item two
  • List item three
  • List item four

[/one_third]

[one_third]

  • List item one
  • List item two
  • List item three
  • List item four

[/one_third]

[one_third_last]

  • List item one
  • List item two
  • List item three
  • List item four

[/one_third_last]

[one_third]

  • List item one
  • List item two
  • List item three
  • List item four

[/one_third]

[one_third]

  • List item one
  • List item two
  • List item three
  • List item four

[/one_third]

[one_third_last]

  • List item one
  • List item two
  • List item three
  • List item four

[/one_third_last]

[hr_dotted]

[half]

Pullquote Left

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. [pullquote_left]This is an example of a left side pull quote.[/pullquote_left]Etiam varius dui eget lorem elementum eget mattis sapien interdum. In hac habitasse platea dictumst. Morbi sed nisi est, vitae convallis nulla. Nunc vestibulum ipsum nec libero sodales dignissim. Nulla ac libero neque, sit amet convallis leo.

[/half]

[half_last]

Pullquote Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. [pullquote_right]This is an example of a right side pull quote.[/pullquote_right]Etiam varius dui eget lorem elementum eget mattis sapien interdum. In hac habitasse platea dictumst. Morbi sed nisi est, vitae convallis nulla. Nunc vestibulum ipsum nec libero sodales dignissim. Nulla ac libero neque, sit amet convallis leo.

[/half_last]

[hr_dotted]

[full]

Single Quote

[quote]
Example of a custom quote using the short code. Best suited for client testimonials. – John Smith
[/quote]

Dropcap

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. Etiam varius dui eget lorem elementum eget mattis sapien interdum.

Dropcap Inverted

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. Etiam varius dui eget lorem elementum eget mattis sapien interdum.

[/full]

[hr_dotted]

[full]

[toggle title=”Toggle Content”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. Etiam varius dui eget lorem elementum eget mattis sapien interdum. In hac habitasse platea dictumst. Morbi sed nisi est, vitae convallis nulla.

[/toggle]

[/full]