ACCORDIONS

With Background

Nunc ipsum risus, bibendum quis tincidunt a, tempor quis nunc. Aenean in odio in sapien porttitor sodales.

Nunc ipsum risus, bibendum quis tincidunt a, tempor quis nunc. Aenean in odio in sapien porttitor sodales.Nunc ipsum risus, bibendum quis tincidunt a, tempor quis nunc.

Nunc ipsum risus, bibendum quis tincidunt a, tempor quis nunc. Aenean in odio in sapien porttitor sodales.

Without Background

Nunc ipsum risus, bibendum quis tincidunt a, tempor quis nunc. Aenean in odio in sapien porttitor sodales.

Nunc ipsum risus, bibendum quis tincidunt a, tempor quis nunc. Aenean in odio in sapien porttitor sodales.Nunc ipsum risus, bibendum quis tincidunt a, tempor quis nunc.

Nunc ipsum risus, bibendum quis tincidunt a, tempor quis nunc. Aenean in odio in sapien porttitor sodales.

TOGGLES

With Background

LOREM IPSUM

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

VESTILUM PULVINAR

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

DONEC SEDIN

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

Without Background

LOREM IPSUM

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

VESTILUM PULVINAR

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

DONEC SEDIN

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

TABS

Horizontal

Raw denim you probably haven’t heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth.

Nesciunt tofu stumptown aliqua, sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitat.

Vertical

Raw denim you probably haven’t heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth.

Nesciunt tofu stumptown aliqua, sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitat.

BUTTONS

Large buttons

Medium buttons

Small button

Buttons with icons

Border buttons

Buttons with border hover

Border buttons with dark hover

Buttons with animatin

LABELS

Default Primary Success Info Warning Danger Dark

Examples

Label heading New

Label heading New

Label heading New

Label heading New

Label heading New
Label heading New

Bages

ALERTS

Well done! You successfully read this important alert message

Heads up! This alert needs your attention, but it’s not super important.

Warning! Better check yourself, you’re not looking too good.

Oh snap! Change a few things up and try submitting again

Alerts closable

Well done! You successfully read this important alert message

Heads up! This alert needs your attention, but it’s not super important.

Warning! Better check yourself, you’re not looking too good.

Oh snap! Change a few things up and try submitting again

CAROUSELS

AMILIA theme includes the responsive and powerfull jquery plugin Owl Carousel. All documentation is available here

One item

One item with auto play and pagination style 2

Multiple items with pagination

Multiple items with auto play

Multiple items with pagination

MODALS

Modal - Optional Sizes

Modal - Optional Sizes

PROGRESS BARS

Progress Bar Statick

[cms_progressbar item_title=”Web Design” value=”80″ bg_color=”#f6f6f6″ width=”” height=”36px” striped=”no” icon_fontawesome=”fa fa-at” value_suffix=”%” color=”#ffea00″ border_radius=”0″ cms_template=”cms_progressbar.php”][cms_progressbar item_title=”Html / Css” value=”90″ bg_color=”#f6f6f6″ width=”” height=”36px” striped=”no” icon_fontawesome=”fa fa-at” value_suffix=”%” color=”#ffea00″ border_radius=”0″ cms_template=”cms_progressbar.php”][cms_progressbar item_title=”Wordpress” value=”85″ bg_color=”#f6f6f6″ width=”” height=”36px” striped=”no” icon_fontawesome=”fa fa-at” value_suffix=”%” color=”#ffea00″ border_radius=”0″ cms_template=”cms_progressbar.php”][cms_progressbar item_title=”Seo” value=”75″ bg_color=”#f6f6f6″ width=”” height=”36px” striped=”no” icon_fontawesome=”fa fa-at” value_suffix=”%” color=”#ffea00″ border_radius=”0″ cms_template=”cms_progressbar.php”]

Progress Bar Animated

[cms_progressbar item_title=”Html5″ value=”100″ bg_color=”#eeeeee” width=”” height=”40px” style=”style2″ color=”#ffea00″ border_radius=”0″ cms_template=”cms_progressbar.php” value_suffix=”%”][cms_progressbar item_title=”Css3″ value=”95″ bg_color=”#eeeeee” width=”” height=”40px” style=”style2″ color=”#ffea00″ border_radius=”0″ cms_template=”cms_progressbar.php” value_suffix=”%”][cms_progressbar item_title=”jQuery” value=”70″ bg_color=”#eeeeee” width=”” height=”40px” style=”style2″ color=”#ffea00″ border_radius=”0″ cms_template=”cms_progressbar.php”][cms_progressbar item_title=”PHP” bg_color=”#eeeeee” width=”” height=”35px” style=”style2″ color=”#ffea00″ border_radius=”0″ cms_template=”cms_progressbar.php” value_suffix=”%”][cms_progressbar item_title=”Wordpress” value=”75″ bg_color=”#eeeeee” width=”” height=”40px” style=”style2″ color=”#ffea00″ border_radius=”0″ cms_template=”cms_progressbar.php” value_suffix=”%”][cms_progressbar item_title=”SEO” value=”100″ bg_color=”#eeeeee” width=”” height=”40px” style=”style2″ color=”#ffea00″ border_radius=”0″ cms_template=”cms_progressbar.php” value_suffix=”%”][cms_progressbar item_title=”Photoshop” value=”90″ bg_color=”#eeeeee” width=”” height=”40px” style=”style2″ color=”#ffea00″ border_radius=”0″ cms_template=”cms_progressbar.php” value_suffix=”%”]

Basic example

[cms_progressbar show_value=”false” striped=”no” style=”style3″ cms_template=”cms_progressbar.php”]

Striped

[cms_progressbar show_value=”false” value=”40″ width=”” height=”” style=”style3″ bootstrap_type=”progress-bar-success” cms_template=”cms_progressbar.php”][cms_progressbar show_value=”false” value=”20″ width=”” height=”” style=”style3″ bootstrap_type=”progress-bar-info” cms_template=”cms_progressbar.php”][cms_progressbar show_value=”false” width=”” height=”” style=”style3″ bootstrap_type=”progress-bar-warning” cms_template=”cms_progressbar.php” value_suffix=”%”]

Stacked

35% Complete (success)
20% Complete (warning)
10% Complete (danger)

With label

[cms_progressbar striped=”no” style=”style3″ value_suffix=”%” cms_template=”cms_progressbar.php”]

Contextual alternatives

[cms_progressbar show_value=”false” value=”40″ width=”” height=”” striped=”no” style=”style3″ bootstrap_type=”progress-bar-success” cms_template=”cms_progressbar.php”][cms_progressbar show_value=”false” value=”40″ width=”” height=”” striped=”no” style=”style3″ bootstrap_type=”progress-bar-info” cms_template=”cms_progressbar.php”][cms_progressbar show_value=”false” value=”20″ width=”” height=”” striped=”no” style=”style3″ bootstrap_type=”progress-bar-warning” cms_template=”cms_progressbar.php”]

Animated

[cms_progressbar show_value=”false” value=”40″ width=”” height=”” style=”style3″ bootstrap_type=”active” cms_template=”cms_progressbar.php” value_suffix=”%”]

COUNTERS & CHARTS

Counter

[cms_counter_single icon_type=”elegant” digit=”322″ icon_elegant=”icon_group” cms_template=”cms_counter_single.php” c_title=”HAPPY CUSTOMERS”]
[cms_counter_single icon_type=”elegant” digit=”99″ icon_elegant=”icon_mug” cms_template=”cms_counter_single.php” c_title=”ORDERED COFFEE’S”]
[cms_counter_single icon_type=”elegant” digit=”45″ icon_elegant=”icon_gift_alt” cms_template=”cms_counter_single.php” c_title=”AWARDS WIN”]
[cms_counter_single icon_type=”elegant” digit=”121″ icon_elegant=”icon_archive_alt” cms_template=”cms_counter_single.php” c_title=”COMPLETED PROJECTS”]

Counter with Background

[cms_counter_single icon_type=”elegant” digit=”322″ icon_elegant=”icon_group” cms_template=”cms_counter_single.php” c_title=”HAPPY CUSTOMERS”]
[cms_counter_single icon_type=”elegant” digit=”99″ icon_elegant=”icon_mug” cms_template=”cms_counter_single.php” c_title=”ORDERED COFFEE’S”]
[cms_counter_single icon_type=”elegant” digit=”45″ icon_elegant=”icon_gift_alt” cms_template=”cms_counter_single.php” c_title=”AWARDS WIN”]
[cms_counter_single icon_type=”elegant” digit=”121″ icon_elegant=”icon_archive_alt” cms_template=”cms_counter_single.php” c_title=”COMPLETED PROJECTS”]

Chart with Background

HTML / CSS

DESIGN

WORDPRESS

PHOTOSHOP

Chart

HTML / CSS

DESIGN

WORDPRESS

PHOTOSHOP

MEDIA

YouTube

https://youtube.com/watch?v=oNBBijn4JuY

Vimeo

Video HTML

Soundcloud Embed

HTML5 Audio