Deprecated: Redux::setHelpTab is deprecated since version Redux 4.3! Use Redux::set_help_tab( $opt_name, $tab ) instead. in /home/bryanversteeg/public_html/wp-includes/functions.php on line 5325

Deprecated: Redux::setHelpSidebar is deprecated since version Redux 4.3! Use Redux::set_help_sidebar( $opt_name, $content ) instead. in /home/bryanversteeg/public_html/wp-includes/functions.php on line 5325
Interactive Elements - Bryan Versteeg

Images are copyrighted by Bryan Versteeg and you don’t have permission to download them. Please use Contact form to inquire about usage and licensing.

Close

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.bryanversteeg.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.bryanversteeg.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.bryanversteeg.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.bryanversteeg.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.bryanversteeg.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.bryanversteeg.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]

Leave a reply

four × three =