Elements

page-template-default,page,page-id-35,bridge-core-3.1.3,qode-page-transition-enabled,ajax_fade,page_not_loaded,, vertical_menu_transparency vertical_menu_transparency_on,qode-theme-ver-30.2,qode-theme-bridge,disabled_footer_top,disabled_footer_bottom,qode_header_in_grid,wpb-js-composer js-comp-ver-7.4,vc_responsive

Elements

Tabs & Accordion

[devider size=”mini” thickness=”1px” ]

[column_row][one_half]

[tabs title=”FIRST,SECOND,THIRD,”][tab id=”1″]Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.[/tab][tab id=”2″]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.[/tab][tab id=”3″] First Second Third Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. [/tab][/tabs]

[/one_half][one_half_last]

[accordiongroup]

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

[/accordiongroup]

[/one_half_last][/column_row]

[spacer size=”big”]

Alerts & Skills

[devider size=”mini” thickness=”1px” ]

[column_row][one_third]

[alert color=info]Info: This is an info alert [/alert]

[alert color=note]Note: This is an note alert [/alert]

[alert color=confirm]Confirm: This is an confirm alert [/alert]

[alert color=error]Error: This is an error alert [/alert]

[/one_third][two_third_last]

[skill amount=”88″ name=”Photoshop” color=””][skill amount=”97″ name=”Html & Css” color=””][skill amount=”59″ name=”Illustrator” color=””][skill amount=”42″ name=”Indesign” color=””]

[/two_third_last][/column_row]

[spacer size=”big”]

List Elements

[devider size=”mini” thickness=”1px” ]

[column_row][one_third]

Default list style
Default list style
Default list style
Default list style

[/one_third][one_third]

[iconfont type=”fa-angle-right” size=”normal” color=””]List style with arrow icon
[iconfont type=”fa-angle-right” size=”normal” color=””]List style with arrow icon
[iconfont type=”fa-angle-right” size=”normal” color=””]List style with arrow icon
[iconfont type=”fa-angle-right” size=”normal” color=””]List style with arrow icon

[/one_third][one_third_last]

[iconfont type=”fa-book” size=”normal” color=””]List style with custom icon
[iconfont type=”fa-cloud-download” size=”normal” color=””]List style with custom icon
[iconfont type=”fa-headphones” size=”normal” color=””]List style with custom icon
[iconfont type=”fa-bell-o” size=”normal” color=””]List style with custom icon

[/one_third_last][/column_row]

[spacer size=”big”]

Animated Elements

[devider size=”mini” thickness=”1px” ]

[column_row][one_fourth animation=”frombottom” delay=”200″]

I came from the BOTTOM

You can animate your different elements smoothly as soon they gets visible on the page.

[/one_fourth][one_fourth animation=”fromtop” delay=”200″]

I came from the TOP

You can animate your different elements smoothly as soon they gets visible on the page.

[/one_fourth][one_fourth animation=”fromleft” delay=”200″]

I came from the LEFT

You can animate your different elements smoothly as soon they gets visible on the page.

[/one_fourth][one_fourth_last animation=”fromright” delay=”200″]

I came from the RIGHT

You can animate your different elements smoothly as soon they gets visible on the page.

[/one_fourth_last][/column_row]

[column_row][one_third animation=”fadein” delay=”200″]

I just FADED IN

You can animate your different elements smoothly as soon they gets visible on the page.

[/one_third][one_third animation=”zoomin” delay=”200″]

I just ZOOMED IN

You can animate your different elements smoothly as soon they gets visible on the page.

[/one_third][one_third_last animation=”zoomout” delay=”200″]

I just ZOOMED OUT

You can animate your different elements smoothly as soon they gets visible on the page.

[/one_third_last][/column_row]

[spacer size=”big”]

Testimonial Slider

[devider size=”mini” thickness=”1px” ]

[quoteslider][quote name=”Paula Sher”]It’s through mistakes that you actually can grow. You have to get bad in order to get good.[/quote][quote name=”Antoine de Saint-Exupéry”]A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away.[/quote][quote name=”Saul Bass”]I want to make beautiful things, even if nobody cares, as opposed to ugly things. That’s my intent.[/quote][/quoteslider]

[spacer size=”big”]

Retina Icons

[devider size=”mini” thickness=”1px” ]

[column_row][one_fifth]

[iconfont type=”fa-camera” size=”4x” color=””]

[/one_fifth][one_fifth]

[iconfont type=”fa-leaf” size=”4x” color=”#4da5f5″]

[/one_fifth][one_fifth]

[iconfont type=”fa-bell” size=”4x” color=””]

[/one_fifth][one_fifth]

[iconfont type=”fa-bolt” size=”4x” color=”#4da5f5″]

[/one_fifth][one_fifth_last]

[iconfont type=”fa-gamepad” size=”4x” color=””]

[/one_fifth_last][/column_row]

And Much More …

[spacer size=”big”]

Counter

[devider size=”mini” thickness=”1px” ]

[column_row][one_fourth]

[iconfont type=”fa-check-square-o” size=”3x” color=””]

[/one_fourth][one_fourth]

[iconfont type=”fa-coffee” size=”3x” color=””]

[/one_fourth][one_fourth]

[iconfont type=”fa-thumbs-o-up” size=”3x” color=””]

[/one_fourth][one_fourth_last]

[iconfont type=”fa-cutlery” size=”3x” color=””]

[/one_fourth_last][/column_row]