Elements and Animations

  1. Shortcodes
  2. Elements and Animations

Bars

Style
Style
Style alternative
Style alternative 
[bar 
title="Style" 
percent="30" ]
parameters
  • title
  • percent
  • style - examples can be viewed here - alternative;

Circle graph



70

6/10 
[graph_circle 
title="Rating" percent="60" 
text="6/10" barcolor="#e64e4e"]
parameters
  • percent - in %
  • text - text inside circle, if icon selected, text will not be displayed
  • icon - entypo icon
  • barcolor - the color of the curcular bar.
  • scalecolor - the color of the scale lines, leave it blank to disable rendering.
  • linecap - defines how the ending of the bar line looks like - butt; round; square;

Countdown 

[full_width background="color"]
[full_column align="center"]
[countdown date="2020/06/28 17:00:00"]
[/full_column]
[/full_width]
parameters
  • icon
  • date - countdown date, in format yyyy/mm/dd hh:mm:ss like 2014/02/23 10:23:32

Counter


0
PIXELS CRAFTED SO FAR

0
HOURS OF MUSIC YEARLY

0
BRILLIANT IDEAS 
[counter 
icon="fa-lightbulb-o" 
max="99999"]
BRILLIANT IDEAS
[/counter]
parameters
  • icon
  • min - counter from
  • max - counter to

Testimonials

Twinkle, twinkle, little bat!

Jane Doe

CEO at Megasoft

[testimonial 
imgsrc="/wp-content/uploads/2014/01/person4.jpg"
author="Denise Johnson" 
cite="Montana's Cookhouse" 
style="white"]“...” 
[/testimonial]
parameters
  • imgsrc - source, image
  • link - ex. http://www.google.com
  • author
  • cite

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! 
[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]
pricelist parameters
  • number - number of columns
pricelist_item parameters
  • title
  • currency
  • price
  • regularity
  • buttonlabel
  • buttonlink
  • style - examples can be viewed here - default; primary;

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