Elements and Animations

Divider

Some text
[divider 
header="Some text"]
[/divider]
parameters
  • header
  • link - ex. http://www.google.com
  • style - text/link style - default; primary; inverse;

Bars

WEB DESIGN — 85%
MOBILE — 30%
VIDEO — 50%
[bar title="WEB DESIGN" 
percent="85" color="success" 
icon="palette"]
parameters
  • title
  • percent
  • color - default; info; success; warning; danger;
  • icon - entypo icon

Circle Graphs

78%

[graph_circle percent="75"]
parameters
  • percent - in %
  • icon - entypo icon
  • barcolor - the color of the curcular bar.
  • trackcolor - the color of the track for the bar, leave it blank to disable rendering.
  • 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;
  • fontcolor - font/icon color

Testimonials

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

    John Doe
    CEO
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud

    John Doe
    CEO
[testimonials][testimonial author="John Doe" 
subauthor="CEO"]
Lorem...
[/testimonial][/testimonials]
testimonials parameters
  • header - header text
testimonial parameters
  • author
  • subauthor - sub-author, author subinformation

Pricing table

Gold
$99/mo

In the midst of a crowd of ships bearing the flags of all nations. Passepartout went timidly ashore on this so curious territory of the Sons of the Sun. He had nothing better to do than, taking chance for his guide, to wander aimlessly through the streets of


get this one
Silver
$69/mo

In the midst of a crowd of ships bearing the flags of all nations. Passepartout went timidly ashore on this so curious territory of the Sons of the Sun. He had nothing better to do than, taking chance for his guide, to wander aimlessly through the streets of


get this one
Bronze
$39/mo

In the midst of a crowd of ships bearing the flags of all nations. Passepartout went timidly ashore on this so curious territory of the Sons of the Sun. He had nothing better to do than, taking chance for his guide, to wander aimlessly through the streets of


get this one
[pricelist style="distinctive" 
title="Bronze" price="39" 
subprice="/mo" 
buttonlabel="get this one"]
...[/pricelist]
parameters
  • title
  • currency
  • price
  • subprice
  • buttonlabel
  • buttonlink
  • highlight - highlight as special item? - yes; no;
  • style - section style - basic; distinctive;

Animations

Animate any content (fadeinright)

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