Elements and Animations

  1. Shortcodes
  2. Elements and Animations

Bars

Style
Style
Style alternative
Style alternative
[sourcecode language="html"][bar
title="Style"
percent="30" ][/sourcecode]
[shortcode_params name="bar"]

Circle graph



70

6/10
[sourcecode language="html"][graph_circle
title="Rating" percent="60"
text="6/10" barcolor="#e64e4e"][/sourcecode]
[shortcode_params name="graph_circle"]

Counter


0
PIXELS CRAFTED SO FAR

0
HOURS OF MUSIC YEARLY

0
BRILLIANT IDEAS
[sourcecode language="html"][counter
icon="fa-lightbulb-o"
max="99999"]
BRILLIANT IDEAS
[/counter][/sourcecode]
[shortcode_params name="counter"]

Testimonials

Twinkle, twinkle, little bat!

Jane Doe

CEO at Megasoft

[sourcecode language="html"][testimonial
imgsrc="/wp-content/uploads/2014/01/person4.jpg"
author="Denise Johnson"
cite="Montana's Cookhouse"
style="white"]“…”
[/testimonial][/sourcecode]
[shortcode_params name="testimonial"]

Pricing table

Default
$24

MONTHLY

  • Detailed Research
  • Best Strategy
  • Design & Development
  • Success

Sign Up Now!
Primary
$49

MONTHLY

  • Detailed Research
  • Best Strategy
  • Design & Development
  • Success

Sign Up Now!
Default
$99

MONTHLY

  • Detailed Research
  • Best Strategy
  • Design & Development
  • Success

Sign Up Now!
[sourcecode language="html"][pricelist number="3"] [pricelist_item
title="Standard" price="24"
buttonlabel="Sign Up Now!"
style="default"]
[list type="services"] <li><strong>Detailed Research</strong></li>
[/list][/pricelist_item] …[/pricelist][/sourcecode]
[shortcode_params name="pricelist" preheader="pricelist"]
[shortcode_params name="pricelist_item" preheader="pricelist_item"]

Animations

Animate any content (fadein)

There are no limitations (??)

With any effect you like (hinge)

Animation can be used on any row or column. Item will appear once it’s visible to the user. Available animations are listed here http://daneden.github.io/animate.css/

Back to top