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

Web Design 80%
Html / Css 90%
WordPress 85%
Seo 75%

Progress Bar Animated

Html5
100%
Css3
95%
jQuery
70
PHP
60%
WordPress
75%
SEO
100%
Photoshop
90%

Basic example

60

Striped

40
20
60%

Stacked

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

With label

60%

Contextual alternatives

40
40
20

Animated

40%

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

Chart

MEDIA

YouTube

Vimeo

Video HTML

Soundcloud Embed

HTML5 Audio