[av_layerslider id=’1′]

[av_section color=’main_color’ custom_bg=” src=” position=’top left’ repeat=’no-repeat’ attach=’scroll’ padding=’default’ shadow=’shadow’]

[av_one_third first]

[av_icon_box icon=’145′ position=’left’ title=’Multiple Slider’]
You can display not only one Layerslider but multiple ones on every page.
[/av_icon_box]

[/av_one_third][av_one_third]

[av_icon_box icon=’167′ position=’left’ title=’Modify Height’]
As you can see you are not limited to one height when using the layerslider. You can modify the height and build small headers that are not used as slideshow
[/av_icon_box]

[/av_one_third][av_one_third]

[av_icon_box icon=’80’ position=’left’ title=’Drag & Drop’]
The Layerslider allows you to easily build a fancy Slideshow with drag and drop features
[/av_icon_box]

[/av_one_third][/av_section][av_layerslider id=’2′]

[av_one_half first]
[av_icon_box icon=’71’ position=’left’ title=’Lorem’]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.
[/av_icon_box]
[/av_one_half]

[av_one_half]
[av_icon_box icon=’47’ position=’left’ title=’Ipsum’]
Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

[/av_icon_box]
[/av_one_half]

[av_slideshow_full size=’featured’ stretch=” animation=’slide’ autoplay=’true’ interval=’5′ src=” position=’top left’ repeat=’no-repeat’ attach=’scroll’]
[av_slide_full id=’316′ title=” caption_pos=’caption_bottom’ link=” link_target=”][/av_slide_full]
[av_slide_full id=’315′ title=” caption_pos=’caption_bottom’ link=” link_target=”][/av_slide_full]
[av_slide_full id=’314′ title=” caption_pos=’caption_bottom’ link=” link_target=”][/av_slide_full]
[/av_slideshow_full]

[av_one_half first]

[av_slideshow size=’portfolio’ animation=’slide’ autoplay=’true’ interval=’5′]
[av_slide id=’316′ title=” link=” link_target=”][/av_slide]
[av_slide id=’315′ title=” link=” link_target=”][/av_slide]
[av_slide id=’314′ title=” link=” link_target=”][/av_slide]
[av_slide id=’313′ title=” link=” link_target=”][/av_slide]
[/av_slideshow]

[/av_one_half][av_one_half]
[av_textblock ]

Slideshow Elements

The Easy Slideshow element allows you to setup a simple slideshow within seconds, either at the top of your page, stretching across the whole viewport, or as a content element anywhere on the page.

You can choose between fade and slide transition, duration of slide interval and position.  You can add any number of slideshows you want to a page
[/av_textblock]
[/av_one_half]

[av_hr class=’default’ height=’50’ position=’center’]

[av_two_third first]
[av_textblock ]

Fade Slider

As you can see you can either set the slide animation to fade or to slide.
You can also manually choose the slideshow image size from a predefined array of sizes that work well with the theme

Again, any number of sliders possible
[/av_textblock]
[/av_two_third]

[av_one_third]
[av_slideshow size=’medium’ animation=’fade’ autoplay=’false’ interval=’5′]
[av_slide id=’316′ title=” link=” link_target=”][/av_slide]
[av_slide id=’315′ title=” link=” link_target=”][/av_slide]
[/av_slideshow]
[/av_one_third]

[av_hr class=’default’ height=’50’ position=’center’]

[av_textblock]

Promo Box

The Promo Box Shortcode allows you to add a special notification with call to action button to draw the visitors anttention
[/av_textblock]

[av_promobox button=’yes’ label=’Click me’ link=’manually,http://’ link_target=” color=’theme-color’ custom_bg=’#444444′ custom_font=’#ffffff’ size=’large’ icon_select=’no’ icon=’25’]
This is an example Text for your fantastic Promo Box! Now add  your own fancy Message!
[/av_promobox]

[av_promobox button=’no’ label=’Click me’ link=’manually,http://’ link_target=” color=’theme-color’ custom_bg=’#444444′ custom_font=’#ffffff’ size=’large’ icon_select=’no’ icon=’25’]
Welcome Stranger! This is an example Text for your fantastic Promo Box! This time without any Button 😉
[/av_promobox]

[av_textblock]

Multiple Progress Bars

Add any number of progress bars in various predefined colors, either with or without icon, with or without description.
Perfect if you want to display some progress or display a skill you or your company has mastered and how good you are at it.
[/av_textblock]

[av_progress ]
[av_progress_bar title=’HTML’ progress=’100′ color=’theme-color’ icon_select=’no’ icon=’43’]
[av_progress_bar title=’CSS’ progress=’50’ color=’grey’ icon_select=’no’ icon=’58’]
[av_progress_bar title=’Javascript’ progress=’20’ color=’silver’ icon_select=’no’ icon=”]
[av_progress_bar title=’Video’ progress=’30’ color=’blue’ icon_select=’no’ icon=”]
[av_progress_bar title=’Flash’ progress=’70’ color=’green’ icon_select=’yes’ icon=’64’]
[av_progress_bar title=’Photoshop’ progress=’80’ color=’orange’ icon_select=’no’ icon=”]
[av_progress_bar title=’After Effects’ progress=’20’ color=’red’ icon_select=’no’ icon=”]
[av_progress_bar title=’Premiere’ progress=’60’ color=’aqua’ icon_select=’no’ icon=”]
[av_progress_bar title=’Dreamweaver’ progress=’95’ color=’teal’ icon_select=’no’ icon=”]
[av_progress_bar title=’Illustrator’ progress=’40’ color=’purple’ icon_select=’yes’ icon=’50’]
[av_progress_bar title=” progress=’30’ color=’pink’ icon_select=’no’ icon=”]
[av_progress_bar title=’Unagi’ progress=’10’ color=’black’ icon_select=’yes’ icon=’14’]
[/av_progress]

[av_notification title=’Note’ color=’green’ border=” custom_bg=’#444444′ custom_font=’#ffffff’ size=’large’ icon_select=’yes’ icon=’120′]
This is a notification of some sort.
[/av_notification]

[av_notification title=’Note’ color=’blue’ border=” custom_bg=’#444444′ custom_font=’#ffffff’ size=’large’ icon_select=’yes’ icon=’29’]
Choose any Icon you want
[/av_notification]

[av_notification title=’Subheading of your choice’ color=’red’ border=” custom_bg=’#444444′ custom_font=’#ffffff’ size=’large’ icon_select=’yes’ icon=’53’]
Various predefined colors
[/av_notification]

[av_notification title=’Note’ color=’orange’ border=” custom_bg=’#444444′ custom_font=’#ffffff’ size=’large’ icon_select=’yes’ icon=’124′]
Use them to alert or inform your visitors
[/av_notification]

[av_notification title=” color=’silver’ border=” custom_bg=’#444444′ custom_font=’#ffffff’ size=’large’ icon_select=’yes’ icon=’15’]
No subheading
[/av_notification]

[av_notification title=’Note’ color=’grey’ border=” custom_bg=’#444444′ custom_font=’#ffffff’ size=’large’ icon_select=’yes’ icon=’210′]
This is a notification of some sort.
[/av_notification]

[av_hr class=’invisible’ height=’20’ position=’center’]

[av_one_half first]
[av_notification title=” color=’orange’ border=’solid’ custom_bg=’#444444′ custom_font=’#ffffff’ size=’normal’ icon_select=’no’ icon=’120′]
with solid border

[/av_notification]
[/av_one_half]

[av_one_half]
[av_notification title=” color=’blue’ border=’dashed’ custom_bg=’#444444′ custom_font=’#ffffff’ size=’normal’ icon_select=’no’ icon=’120′]
With dashed border
[/av_notification]
[/av_one_half]

[av_one_half first]
[av_notification title=” color=’red’ border=” custom_bg=’#444444′ custom_font=’#ffffff’ size=’normal’ icon_select=’no’ icon=’120′]
Iconless

[/av_notification]
[/av_one_half]

[av_one_half]
[av_notification title=” color=’green’ border=” custom_bg=’#444444′ custom_font=’#ffffff’ size=’normal’ icon_select=’yes’ icon=’50’]
Small

[/av_notification]
[/av_one_half]

[av_textblock]

Image Element

You can insert Image elements via shortcode that feature a subtle CSS3 animation.
[/av_textblock]

[av_hr class=’default’ height=’50’ position=’center’]

[av_one_half first]
[av_image src=’http://www.monocrete.net/wp/wp-content/uploads/2011/12/imac_big_demo-495×400.png’ align=’center’ animation=’left-to-right’]
[/av_one_half]

[av_one_half]
[av_textblock]

Welcome!

[/av_textblock]

[av_hr class=’short’ height=’50’ position=’left’]

[av_textblock]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
[/av_textblock]
[/av_one_half]

[av_hr class=’big’ height=’50’ position=’center’]

[av_one_half first]

[av_textblock ]

Welcome!

[/av_textblock]

[av_hr class=’short’ height=’50’ position=’right’]

[av_textblock ]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

[/av_textblock]

[/av_one_half][av_one_half]
[av_image src=’http://www.monocrete.net/wp/wp-content/uploads/2011/12/imac_big_demo-495×400.png’ align=’center’ animation=’right-to-left’]
[/av_one_half]

[av_hr class=’big’ height=’50’ position=’center’]

[av_one_half first]
[av_image src=’http://www.monocrete.net/wp/wp-content/uploads/2011/12/imac_big_demo-495×400.png’ align=’center’ animation=’bottom-to-top’]
[/av_one_half]

[av_one_half]
[av_textblock]

Welcome!

[/av_textblock]

[av_hr class=’short’ height=’50’ position=’left’]

[av_textblock]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
[/av_textblock]
[/av_one_half]

[av_textblock ]

IconLists

• The theme ships with the Entypo Icon font. Almost all of those Icons can be selected as your IconList Icon.
• Iconlists can contain any number of List items
• Also please note the subtle animation once the users scrolls to the Icon List.

[/av_textblock]

[av_hr class=’default’ height=’50’ position=’center’]

[av_one_half first]
[av_iconlist position=’left’]
[av_iconlist_item title=’Crafted with love’ icon=’43’]
Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in.
[/av_iconlist_item]
[av_iconlist_item title=’Melodical by nature’ icon=’51’]
Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.
[/av_iconlist_item]
[av_iconlist_item title=’Lightning Fast’ icon=’64’]
Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero.
[/av_iconlist_item]
[av_iconlist_item title=’Freaky Flags’ icon=’41’]
Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Donec vitae sapien ut libero venenatis faucibus.
[/av_iconlist_item]
[/av_iconlist]
[/av_one_half]

[av_one_half]
[av_iconlist position=’right’]
[av_iconlist_item title=’Need Help?’ icon=’59’]
Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.
[/av_iconlist_item]
[av_iconlist_item title=’Educate yourself’ icon=’54’]
Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Donec vitae sapien ut libero venenatis faucibus.
[/av_iconlist_item]
[av_iconlist_item title=’Magnetism is nice’ icon=’73’]
Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero.
[/av_iconlist_item]
[av_iconlist_item title=’Earth’ icon=’70’]
Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in.
[/av_iconlist_item]
[av_iconlist_item title=’Tag it’ icon=’45’]
Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in.
[/av_iconlist_item]
[av_iconlist_item title=’Rocket Man’ icon=’75’]
Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in.
[/av_iconlist_item]
[/av_iconlist]
[/av_one_half]

[av_textblock ]

IconBox with left icon

The theme ships with the Entypo Icon font. Almost all of those Icons can be selected as your IconBox Icon

[/av_textblock]

[av_hr class=’short’ height=’50’ position=’center’]

[av_one_third first]
[av_icon_box icon=’17’ position=’left’ title=’Checkit!’]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa. Cum sociis
[/av_icon_box]
[/av_one_third]

[av_one_third]
[av_icon_box icon=’50’ position=’left’ title=’Green Power’]
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet
[/av_icon_box]
[/av_one_third]

[av_one_third]
[av_icon_box icon=’125′ position=’left’ title=’Recycle that’]
Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque sadfsadfas
[/av_icon_box]
[/av_one_third]

[av_hr class=’invisible’ height=’50’ position=’center’]

[av_textblock]

Iconbox with top icon

IconBoxes with top icons are a little less subtle

[/av_textblock]

[av_hr class=’short’ height=’50’ position=’center’]

[av_one_half first]
[av_icon_box icon=’27’ position=’top’ title=’A new Star’]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
[/av_icon_box]
[/av_one_half]

[av_one_half]
[av_icon_box icon=’25’ position=’top’ title=’Gotta Love it’]
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet
[/av_icon_box]
[/av_one_half]

[av_one_half first]
[av_textblock ]

This is a small Horizontal Ruler

[/av_textblock]

[av_hr class=’short’ height=’50’ position=’right’]

[av_textblock ]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

[/av_textblock]
[/av_one_half]

[av_one_half]
[av_textblock ]
This is a small Horizontal Ruler
[/av_textblock]

[av_hr class=’short’ height=’50’ position=’left’]

[av_textblock ]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
[/av_textblock]
[/av_one_half]

[av_one_full first]
[av_textblock ]

This is a small Horizontal Ruler

[/av_textblock]

[av_hr class=’short’ height=’50’ position=’center’]

[av_textblock ]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

[/av_textblock]
[/av_one_full]

[av_hr class=’full’ height=’50’ position=’center’]

[av_textblock]
The ruler Above is a “Page Split” ruler.

The ruler bellow is the default ruler. You can also add any amount of invisible whitespace
[/av_textblock]

[av_hr class=’default’ height=’50’ position=’center’]

[av_textblock]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
[/av_textblock]

[av_section color=’main_color’ custom_bg=” src=” position=’top left’ repeat=’no-repeat’ attach=’scroll’ padding=’default’ shadow=’no-shadow’]
[av_textblock]

These Columns are placed within a fullwidth color section

[/av_textblock]

[av_hr class=’short’ height=’50’ position=’center’]

[av_one_half first]

[av_textblock]

One Half

Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
[/av_textblock]

[/av_one_half][av_one_half]

[av_textblock]

One Half

Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
[/av_textblock]

[/av_one_half]
[/av_section]

[av_section color=’alternate_color’ custom_bg=” src=” position=’top left’ repeat=’no-repeat’ attach=’scroll’ padding=’default’ shadow=’no-shadow’]
[av_textblock]

These Columns are placed within a fullwidth color section with alternate background color

[/av_textblock]

[av_hr class=’short’ height=’50’ position=’center’]

[av_one_third first]

[av_textblock]

One Third

Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
[/av_textblock]

[/av_one_third][av_one_third]

[av_textblock]

One Third

Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
[/av_textblock]

[/av_one_third][av_one_third]

[av_textblock]

One Third

Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
[/av_textblock]

[/av_one_third]
[/av_section]

[av_one_third first]
[av_textblock ]

One Third

Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
[/av_textblock]
[/av_one_third]

[av_two_third]
[av_textblock ]

Two Third

Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mu.
[/av_textblock]
[/av_two_third]

[av_one_fourth first]
[av_textblock ]

One Fourth

Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
[/av_textblock]
[/av_one_fourth]

[av_one_fourth]
[av_textblock ]

One Fourth

Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
[/av_textblock]
[/av_one_fourth]

[av_one_fourth]
[av_textblock ]

One Fourth

Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
[/av_textblock]
[/av_one_fourth]

[av_one_fourth]
[av_textblock ]

One Fourth

Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
[/av_textblock]
[/av_one_fourth]

[av_one_fourth first]
[av_textblock ]

One Fourth

Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
[/av_textblock]
[/av_one_fourth]

[av_three_fourth]
[av_textblock ]

Three Fourth

Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
[/av_textblock]
[/av_three_fourth]

[av_one_fifth first]
[av_textblock ]

One Fifth

Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
[/av_textblock]
[/av_one_fifth]

[av_one_fifth]
[av_textblock ]

One Fifth

Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
[/av_textblock]
[/av_one_fifth]

[av_one_fifth]
[av_textblock ]

One Fifth

Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
[/av_textblock]
[/av_one_fifth]

[av_one_fifth]
[av_textblock ]

One Fifth

Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
[/av_textblock]
[/av_one_fifth]

[av_one_fifth]
[av_textblock ]

One Fifth

Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
[/av_textblock]
[/av_one_fifth]