Elements and Animations

Divider

Some text
[sourcecode language=”html” style=”primary”][divider
header="Some text"]
[/divider][/sourcecode]
[shortcode_params name=”divider”]

Bars

WEB DESIGN — 85%
MOBILE — 30%
VIDEO — 50%
[sourcecode language=”html”][bar title="WEB DESIGN"
percent="85" color="success"
icon="palette"][/sourcecode]
[shortcode_params name=”bar”]

Circle Graphs

78%

[sourcecode language=”html”][graph_circle percent="75"][/sourcecode]
[shortcode_params name=”graph_circle”]

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
[sourcecode language=”html”][testimonials][testimonial author="John Doe"
subauthor="CEO"] Lorem…
[/testimonial][/testimonials][/sourcecode]
[shortcode_params name=”testimonials” preheader=”testimonials”]
[shortcode_params name=”testimonial” preheader=”testimonial”]

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
[sourcecode language=”html”][pricelist style="distinctive"
title="Bronze" price="39"
subprice="/mo"
buttonlabel="get this one"] …[/pricelist][/sourcecode]
[shortcode_params name=”pricelist”]

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