Elements – Scroll Buttons

[vc_row text_shadow=”no-shadow” inner_shadow=”no-shadow” width=”padded” overlay_colour=”#888a99″ overlay_opacity=”0.5″ overlay_grid=”0″ background_image_size=”cover” background_image_repeat=”no-repeat” background_position_vertical=”0″ background_image_attachment=”fixed” height=”fullheight” id=”one” background_image_parallax=”off” background_image_parallax_start=”0″ background_image_parallax_end=”-80″ transparency=”opaque” vertical_alignment=”default” class=”text-light” background_image=”226″][vc_column width=”1/1″][divider visibility=”hidden” background_colour=”#FFFFF” xs_height=”24″ sm_height=”50″ md_height=”160″ lg_height=”160″][heading header_type=”h1″ header_size=”normal” header_weight=”default” header_align=”center” margin_top=”20″ margin_bottom=”20″ scroll_animation=”fadeIn” scroll_animation_delay=”0.1″ text_color=”text-normal” header_fade_out=”off”]Scroll buttons[/heading][bordered_divider divider_color=”#ffffff” divider_height=”4″ divider_width=”40″ divider_align=”divider-border-center” margin_top=”20″ margin_bottom=”20″ scroll_animation=”fadeIn” scroll_animation_delay=”0.2″][vc_row_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”2/3″][heading header_type=”h2″ header_size=”normal” header_weight=”light” header_align=”center” margin_top=”0″ margin_bottom=”20″ scroll_animation=”fadeIn” scroll_animation_delay=”0.6″ text_color=”text-normal” header_fade_out=”off”]use scroll buttons to navigate between sections on the same page. Just assign an id to the section and add a scroll button to point to that id. Perfect to use along with fullscreen sections like that.[/heading][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][vc_scroll link=”#two” icon=”fa fa-angle-down” place_bottom=”on” margin_top=”20″ margin_bottom=”50″ scroll_animation=”none” scroll_animation_delay=”0.5″ icon_color=”text-light”][/vc_column][/vc_row][vc_row text_shadow=”no-shadow” inner_shadow=”no-shadow” width=”padded” overlay_colour=”#9cafc0″ overlay_opacity=”0.6″ overlay_grid=”0″ background_image_size=”cover” background_image_repeat=”no-repeat” background_position_vertical=”0″ background_image_attachment=”fixed” height=”fullheight” id=”two” background_image_parallax=”off” background_image_parallax_start=”0″ background_image_parallax_end=”-80″ transparency=”opaque” vertical_alignment=”default” class=”text-light” background_image=”230″][vc_column width=”1/1″][divider visibility=”hidden” background_colour=”#FFFFF” xs_height=”24″ sm_height=”50″ md_height=”120″ lg_height=”120″][heading header_type=”h1″ header_size=”normal” header_weight=”default” header_align=”center” margin_top=”20″ margin_bottom=”20″ scroll_animation=”fadeIn” scroll_animation_delay=”0.1″ text_color=”text-normal” header_fade_out=”off”]Scroll down again[/heading][bordered_divider divider_color=”#ffffff” divider_height=”4″ divider_width=”40″ divider_align=”divider-border-center” margin_top=”20″ margin_bottom=”20″ scroll_animation=”fadeIn” scroll_animation_delay=”0.2″][vc_row_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”2/3″][heading header_type=”h2″ header_size=”normal” header_weight=”light” header_align=”center” margin_top=”0″ margin_bottom=”20″ scroll_animation=”fadeIn” scroll_animation_delay=”0.6″ text_color=”text-normal” header_fade_out=”off”]use scroll buttons to navigate between sections on the same page. Just assign an id to the section and add a scroll button to point to that id. Perfect to use along with fullscreen sections like that.[/heading][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][vc_scroll link=”#three” icon=”fa fa-angle-down” place_bottom=”on” margin_top=”0″ margin_bottom=”50″ scroll_animation=”none” scroll_animation_delay=”0.5″ icon_color=”text-light”][/vc_column][/vc_row][vc_row text_shadow=”no-shadow” inner_shadow=”no-shadow” width=”padded” overlay_colour=”#2d202f” overlay_opacity=”0.5″ overlay_grid=”0″ background_image_size=”cover” background_image_repeat=”no-repeat” background_position_vertical=”0″ background_image_attachment=”fixed” height=”fullheight” id=”three” background_image_parallax=”off” background_image_parallax_start=”0″ background_image_parallax_end=”-80″ transparency=”opaque” vertical_alignment=”default” class=”text-light” background_image=”229″][vc_column width=”1/1″][divider visibility=”hidden” background_colour=”#FFFFF” xs_height=”24″ sm_height=”50″ md_height=”120″ lg_height=”120″][heading header_type=”h1″ header_size=”normal” header_weight=”default” header_align=”center” margin_top=”20″ margin_bottom=”20″ scroll_animation=”fadeIn” scroll_animation_delay=”0.1″ text_color=”text-normal” header_fade_out=”off”]And then up[/heading][bordered_divider divider_color=”#ffffff” divider_height=”4″ divider_width=”40″ divider_align=”divider-border-center” margin_top=”20″ margin_bottom=”20″ scroll_animation=”fadeIn” scroll_animation_delay=”0.2″][vc_row_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”2/3″][heading header_type=”h2″ header_size=”normal” header_weight=”light” header_align=”center” margin_top=”0″ margin_bottom=”20″ scroll_animation=”fadeIn” scroll_animation_delay=”0.6″ text_color=”text-normal” header_fade_out=”off”]use scroll buttons to navigate between sections on the same page. Just assign an id to the section and add a scroll button to point to that id. Perfect to use along with fullscreen sections like that.[/heading][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][vc_scroll link=”#one” icon=”fa fa-angle-up” place_bottom=”on” margin_top=”20″ margin_bottom=”50″ scroll_animation=”none” scroll_animation_delay=”0.5″ icon_color=”text-light”][/vc_column][/vc_row]