Elements — Scroll buttons

[vc_row text_shadow=»no-shadow» inner_shadow=»no-shadow» width=»padded» overlay_colour=»#01c0e1″ overlay_opacity=»1″ 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»][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=»super» header_weight=»default» header_align=»center» margin_top=»20″ margin_bottom=»20″ scroll_animation=»fadeIn» scroll_animation_delay=»0.3″ 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=»none» scroll_animation_delay=»0″][heading header_type=»h2″ header_size=»normal» header_weight=»regular» 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_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=»#4ad1e8″ overlay_opacity=»1″ 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»][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=»super» header_weight=»default» header_align=»center» margin_top=»20″ margin_bottom=»20″ scroll_animation=»fadeIn» scroll_animation_delay=»0.3″ 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=»none» scroll_animation_delay=»0″][heading header_type=»h2″ header_size=»normal» header_weight=»regular» 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_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=»#74daec» overlay_opacity=»1″ 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»][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=»super» header_weight=»default» header_align=»center» margin_top=»20″ margin_bottom=»20″ scroll_animation=»fadeIn» scroll_animation_delay=»0.3″ text_color=»text-light» 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=»none» scroll_animation_delay=»0″][heading header_type=»h2″ header_size=»normal» header_weight=»regular» 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_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]

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *