INTERACTIVE ELEMENTS

[h5_with_line title=’IMAGE WITH TEXT OVER’ title_color=” link_text=” link_color=” link=” target=”]

[separator type=’transparent’ color=” thickness=” up=’24’ down=’5′]

[three_col_col1]

[image_with_text_over image_link=’http://demo.qodeinteractive.com/passage/wp-content/uploads/2013/07/interactive-image-1.jpg’ background_color=” title=’QODE INTERACTIVE’ title_color=” text=’Beautiful pages’ text_color=” link=’http://demo.qodeinteractive.com/passage’ target=”]

[/three_col_col1]
[three_col_col2]

[image_with_text_over image_link=’http://demo.qodeinteractive.com/passage/wp-content/uploads/2013/07/interactive-image-2.jpg’ background_color=” title=’QODE INTERACTIVE’ title_color=” text=’Amazing shortcodes’ text_color=” link=’http://demo.qodeinteractive.com/passage’ target=’_blank’]

[/three_col_col2]
[three_col_col3]

[image_with_text_over image_link=’http://demo.qodeinteractive.com/passage/wp-content/uploads/2013/07/interactive-image-3.jpg’ background_color=” title=’QODE INTERACTIVE’ title_color=” text=’Dedicated support’ text_color=” link=” target=”]

[/three_col_col3]

[separator type=’transparent’ color=” thickness=” up=’30’ down=’30’]

[h5_with_line title=’LIST ANIMATION’ title_color=” link_text=” link_color=” link=” target=”]

[separator type=’transparent’ color=” thickness=” up=’24’ down=’5′]

[three_col_col1]

[unordered_list style=’number animate_list’]

  • 100% RESPONSIVE DESIGN LAYOUT
  • HIGH QUALITY WORK
  • AMAZING PARALAX EFFECTS
  • EXTENSIVE DOCUMENTATION
  • LOADED WITH AMAZING GOODIES

[/unordered_list]

[/three_col_col1]
[three_col_col2]

[unordered_list style=’circle animate_list’]

  • 100% RESPONSIVE DESIGN LAYOUT
  • HIGH QUALITY WORK
  • AMAZING PARALAX EFFECTS
  • EXTENSIVE DOCUMENTATION
  • LOADED WITH AMAZING GOODIES

[/unordered_list]

[/three_col_col2]
[three_col_col3]

[unordered_list style=’big_circle animate_list’]

  • 100% RESPONSIVE DESIGN LAYOUT
  • HIGH QUALITY WORK
  • AMAZING PARALAX EFFECTS
  • EXTENSIVE DOCUMENTATION
  • LOADED WITH AMAZING GOODIES

[/unordered_list]

[/three_col_col3]

[separator type=’transparent’ color=” thickness=” up=’30’ down=’30’]

[two_col_50_50_col1]

[h5_with_line title=’COUNTER (Random animation)’ title_color=” link_text=” link_color=” link=” target=”]

[separator type=’transparent’ color=” thickness=” up=’24’ down=’5′]

[two_col_50_50_nested_col1]

[counter type=’type2′ position=’center’ digit=’648′ font_size=” font_color=”]

AMAZING COUNTER EFFECT

[/counter]

[/two_col_50_50_nested_col1]
[two_col_50_50_nested_col2]

[counter type=’type2′ position=’center’ digit=’329′ font_size=” font_color=”]

AMAZING COUNTER EFFECT

[/counter]

[/two_col_50_50_nested_col2]

[/two_col_50_50_col1]
[two_col_50_50_col2]

[h5_with_line title=’COUNTER (Zero animation)’ title_color=” link_text=” link_color=” link=” target=”]

[separator type=’transparent’ color=” thickness=” up=’24’ down=’5′]

[two_col_50_50_nested_col1]

[counter type=’type1′ position=’center’ digit=’28’ font_size=” font_color=”]

AMAZING COUNTER EFFECT

[/counter]

[/two_col_50_50_nested_col1]
[two_col_50_50_nested_col2]

[counter type=’type1′ position=’center’ digit=’41’ font_size=” font_color=”]

AMAZING COUNTER EFFECT

[/counter]

[/two_col_50_50_nested_col2]

[/two_col_50_50_col2]

[separator type=’transparent’ color=” thickness=” up=’30’ down=’30’]

[h5_with_line title=’SERVICE WITH ANIMATION (Choose between text or icon, 21 animation types, custom size, fully customizable)’ title_color=” link_text=” link_color=” link=” target=”]

[separator type=’transparent’ color=” thickness=” up=’24’ down=’10’]

[three_col_col1]

[service_animate type=’icon’ size=’100′ position=’left’ background_color=” link=” target=” text=” icon_color=’white’ icon=’bicycle’ animation_in=’animate_from_top_left’ hover=’animate_go_to_right’]

DESGIN

Minimalist design has been highly influenced by Japanese traditional design and architecture.

[/service_animate]

[/three_col_col1]
[three_col_col2]

[service_animate type=’icon’ size=’100′ position=’left’ background_color=” link=’http://demo.qodeinteractive.com/passage’ target=’_blank’ text=” icon_color=’white’ icon=’chery’ animation_in=’animate_from_bottom_left’ hover=’animate_go_to_top’]

RESPONSIVE

Minimalist design has been highly influenced by Japanese traditional design and architecture.

[/service_animate]

[/three_col_col2]
[three_col_col3]

[service_animate type=’icon’ size=’100′ position=’left’ background_color=” link=’http://demo.qodeinteractive.com/passage’ target=’_self’ text=” icon_color=’white’ icon=’music’ animation_in=’animate_from_top’ hover=’animate_full_rotate’]

AMAZING

Minimalist design has been highly influenced by Japanese traditional design and architecture.

[/service_animate]

[/three_col_col3]

[separator type=’transparent’ color=” thickness=” up=’30’ down=’30’]

[h5_with_line title=’ELEMENTS ANIMATION (5 types animation)’ title_color=” link_text=” link_color=” link=” target=”]

[separator type=’transparent’ color=” thickness=” up=’24’ down=’5′]

[three_col_col1]

[elements_animation animation_type=’element_from_left’]

[image_with_text background_color=” image_link=’http://demo.qodeinteractive.com/passage/wp-content/uploads/2013/07/photo-1.jpg’]

[/image_with_text]

[/elements_animation]

[/three_col_col1]
[three_col_col2]

[elements_animation animation_type=’element_from_top’]

[image_with_text background_color=” image_link=’http://demo.qodeinteractive.com/passage/wp-content/uploads/2013/07/photo-2.jpg’]

[/image_with_text]

[/elements_animation]

[/three_col_col2]
[three_col_col3]

[elements_animation animation_type=’element_from_right’]

[image_with_text background_color=” image_link=’http://demo.qodeinteractive.com/passage/wp-content/uploads/2013/07/photo-3.jpg’]

[/image_with_text]

[/elements_animation]

[/three_col_col3]

[separator type=’transparent’ color=” thickness=” up=’20’ down=’30’]

[h5_with_line title=’YOUTUBE / VIMEO’ title_color=” link_text=” link_color=” link=” target=”]

[separator type=’transparent’ color=” thickness=” up=’24’ down=’5′]

[two_col_50_50_col1]

[/two_col_50_50_col1]
[two_col_50_50_col2]

[/two_col_50_50_col2]

[separator type=’transparent’ color=” thickness=” up=’4′ down=’5′]

Leave a Reply