Interactive Elements

Image With Text Over

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

[three_col_col1]

[image_with_text_over image_link=’https://www.aishadancer.com/wp-content/uploads/2013/07/image1.jpg’ background_color=” title=’Qode Interactive’ title_color=” text=’Beautiful pages’ text_color=” link=’http://demo.qodeinteractive.com/stardust’ target=”]

[/three_col_col1]
[three_col_col2]

[image_with_text_over image_link=’https://www.aishadancer.com/wp-content/uploads/2013/07/image2.jpg’ background_color=” title=’Qode Interactive’ title_color=” text=’Amazing shortcodes’ text_color=” link=’http://demo.qodeinteractive.com/stardust’ target=’_blank’]

[/three_col_col2]
[three_col_col3]

[image_with_text_over image_link=’https://www.aishadancer.com/wp-content/uploads/2013/07/image3.jpg’ background_color=” title=’Qode Interactive’ title_color=” text=’Dedicated support’ text_color=” link=” target=”]

[/three_col_col3]

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

List Animation

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

[three_col_col1]

[unordered_list style=’number_with_background’ animate=’yes’]

  • 100% Responsive Design Layout
  • High Quality Work
  • Amazing Parallax Effects
  • Extensive Documentation
  • Ajax Loaded

[/unordered_list]

[/three_col_col1]
[three_col_col2]

[unordered_list style=’circle’ animate=’yes’]

  • 100% Responsive Design Layout
  • High Quality Work
  • Amazing Parallax Effects
  • Extensive Documentation
  • Ajax Loaded

[/unordered_list]

[/three_col_col2]
[three_col_col3]

[unordered_list style=’number’ animate=’yes’]

  • 100% Responsive Design Layout
  • High Quality Work
  • Amazing Parallax Effects
  • Extensive Documentation
  • Ajax Loaded

[/unordered_list]

[/three_col_col3]

[separator type=’normal’ color=” thickness=” up=’5′ down=’60’]

Elements Animation (5 types animation)

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

[three_col_col1]

[elements_animation animation_type=’element_from_left’]

[image_with_text background_color=” image_link=’https://www.aishadancer.com/wp-content/uploads/2013/07/image1.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=’https://www.aishadancer.com/wp-content/uploads/2013/07/image2.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=’https://www.aishadancer.com/wp-content/uploads/2013/07/image3.jpg’]

[/image_with_text]

[/elements_animation]

[/three_col_col3]

[separator type=’normal’ color=” thickness=” up=’10’ down=’60’]

Related Project

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

[portfolio_slider order_by=’menu_order’ order=’ASC’ number=’-1′ category=” selected_projects=’255,256,250,254,253′]

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

Progress Bar (Fully customizable)

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

[two_col_50_50_col1]

[progress_bars]

[progress_bar title=”Design” percent=”90″ color=” percent_color=” active_background_color=” noactive_background_color=” height=’10’]
[progress_bar title=”Responsive” percent=”60″ color=” percent_color=” active_background_color=” noactive_background_color=” height=’15’]
[progress_bar title=”Retina Ready” percent=”85″ color=” percent_color=” active_background_color=” noactive_background_color=” height=’20’]

[/progress_bars]

[/two_col_50_50_col1]
[two_col_50_50_col2]

[progress_bars]

[progress_bar title=”Design” percent=”60″ color=” percent_color=” active_background_color=” noactive_background_color=’#ffffff’ height=’10’]
[progress_bar title=”Responsive” percent=”77″ color=” percent_color=” active_background_color=” noactive_background_color=’#ffffff’ height=’15’]
[progress_bar title=”Retina Ready” percent=”94″ color=” percent_color=” active_background_color=” noactive_background_color=’#ffffff’ height=’20’]

[/progress_bars]

[/two_col_50_50_col2]

[separator type=’normal’ color=” thickness=” up=’6′ down=’60’]

Progress Bar Vertical (Fully customizable)

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

[two_col_50_50_col1]

[progress_bars_vertical]

[progress_bar_vertical title=”Design” percent=”66″ background_color=” percentage_color=” text_color=” text_size=”]

[/progress_bar_vertical]
[progress_bar_vertical title=”Design” percent=”82″ background_color=” percentage_color=” text_color=” text_size=”]

[/progress_bar_vertical]
[progress_bar_vertical title=”Design” percent=”75″ background_color=” percentage_color=” text_color=” text_size=”]

[/progress_bar_vertical]

[/progress_bars_vertical]

[/two_col_50_50_col1]
[two_col_50_50_col2]

[progress_bars_vertical]

[progress_bar_vertical title=”Design” percent=”66″ background_color=” percentage_color=” text_color=” text_size=’13’]

[/progress_bar_vertical]
[progress_bar_vertical title=”Design” percent=”82″ background_color=” percentage_color=” text_color=” text_size=’13’]

[/progress_bar_vertical]
[progress_bar_vertical title=”Design” percent=”95″ background_color=” percentage_color=” text_color=” text_size=’13’]

[/progress_bar_vertical]

[progress_bar_vertical title=”Design” percent=”46″ background_color=” percentage_color=” text_color=” text_size=’13’]

[/progress_bar_vertical]

[progress_bar_vertical title=”Design” percent=”72″ background_color=” percentage_color=” text_color=” text_size=’13’]

[/progress_bar_vertical]

[progress_bar_vertical title=”Design” percent=”82″ background_color=” percentage_color=” text_color=” text_size=’13’]

[/progress_bar_vertical]
[progress_bar_vertical title=”Design” percent=”95″ background_color=” percentage_color=” text_color=” text_size=’13’]

[/progress_bar_vertical]

[progress_bar_vertical title=”Design” percent=”46″ background_color=” percentage_color=” text_color=” text_size=’13’]

[/progress_bar_vertical]

[progress_bar_vertical title=”Design” percent=”72″ background_color=” percentage_color=” text_color=” text_size=’13’]

[/progress_bar_vertical]

[/progress_bars_vertical]

[/two_col_50_50_col2]

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

Charts (Fully customizable)

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

[four_col_col1]

[pie_chart type=’normal’ title=’Pie Chart Title’ title_color=” percent=’48’ percentage_color=” active_color=” noactive_color=” line_width=”]

Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo.

[/pie_chart]

[/four_col_col1]
[four_col_col2]

[pie_chart type=’normal’ title=’Pie Chart Title’ title_color=” percent=’82’ percentage_color=” active_color=” noactive_color=” line_width=’15’]

Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo.

[/pie_chart]

[/four_col_col2]
[four_col_col3]

[pie_chart type=’normal’ title=’Pie Chart Title’ title_color=” percent=’68’ percentage_color=” active_color=” noactive_color=’transparent’ line_width=’20’]

Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo.

[/pie_chart]

[/four_col_col3]
[four_col_col4]

[pie_chart type=’normal’ title=’Pie Chart Title’ title_color=” percent=’98’ percentage_color=” active_color=” noactive_color=’transparent’ line_width=’25’]

Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo.

[/pie_chart]

[/four_col_col4]

[separator type=’normal’ color=” thickness=” up=’25’ down=’60’]

Counter (Two animation types)

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

[two_col_50_50_col1]

[two_col_50_50_nested_col1]

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

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

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=”]

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

Amazing Counter Effect

[/counter]

[/two_col_50_50_nested_col2]

[/two_col_50_50_col1]
[two_col_50_50_col2]

[two_col_50_50_nested_col1]

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

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

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=”]

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

Amazing Counter Effect

[/counter]

[/two_col_50_50_nested_col2]

[/two_col_50_50_col2]

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

YouTube / Vimeo

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

[two_col_50_50_col1]

[/two_col_50_50_col1]
[two_col_50_50_col2]

[/two_col_50_50_col2]

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

Accordion Full Width Or Grid

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

[accordion_full_width title=’Click Here To See Extension Of This Page’ title_color=” subtitle=’In This Section Can Be Any Content – Full Width Or In The Grid’ subtitle_color=” full_width=’yes’ background_color=”]

[four_col_col1]

Title

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

Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo.

[/four_col_col1]
[four_col_col2]

Title

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

Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo.

[/four_col_col2]
[four_col_col3]

Title

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

Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo.

[/four_col_col3]
[four_col_col4]

Title

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

Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo.

[/four_col_col4]

[/accordion_full_width]