[vc_row dfd_enable_overlay=””][vc_column dfd_column_responsive_enable=”dfd-column-responsive-enable” responsive_styles=”padding_left_mobile:30|padding_right_mobile:30″][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”80″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”60″ screen_tablet_spacer_size=”40″ screen_mobile_spacer_size=”40″][dfd_heading delimiter_settings=”border-bottom-style:dotted;|border-bottom-width:1px;|width:650px;|border-bottom-color:#d3d3d3;” delimiter_margin=”margin-top:25px;margin-bottom:0px;” subtitle_google_fonts=”yes” subtitle_custom_fonts=”font_family:Lora%3Aregular%2Citalic%2C700%2C700italic|font_style:400%20regular%3A400%3Anormal” style=”style_02″ title=”Layout variations” subtitle=”Crete stunning parallax before/after effects with the amazing module.” title_font_options=”tag:h2″ subtitle_font_options=”tag:h3|font_size:15|line_height:35″ title_responsive=”font_size_mobile:36|line_height_mobile:40″ subtitle_responsive=”font_size_mobile:14|line_height_mobile:26″]About Slide Parallax[/dfd_heading][/vc_column][/vc_row][vc_row dfd_row_config=”full_width_content” dfd_bg_style=”image” dfd_parallax_style=”dfd_animated_bg” dfd_bg_image_new=”17502″ dfd_bg_image_size=”initial” dfd_parallax_sense=”90″ dfd_animation_direction=”left” dfd_enable_overlay=””][vc_column dfd_column_responsive_enable=”dfd-column-responsive-enable” responsive_styles=”padding_left_desktop:40|padding_right_desktop:40|padding_left_tablet:40|padding_right_tablet:40|padding_left_mobile:30|padding_right_mobile:30″][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”80″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”60″ screen_tablet_spacer_size=”40″ screen_mobile_spacer_size=”40″][vc_row_inner dfd_row_responsive_enable=”dfd-row-responsive-enable” css=”.vc_custom_1522937683953{padding-right: 16% !important;padding-left: 16% !important;}” responsive_styles=”padding_left_desktop:0|padding_right_desktop:0|padding_left_tablet:0|padding_right_tablet:0|padding_left_mobile:0|padding_right_mobile:0″][vc_column_inner width=”1/2″][dfd_heading style=”style_02″ title=”01. Layout variations” title_font_options=”tag:h5|font_style_underline:1″ subtitle_font_options=”tag:h3|font_size:20″]
Short Description
[/dfd_heading][vc_column_text]
Use two images with delimiter between them to demonstrate difference in two elements, development progress, before-and-after effect, etc.. Draggable divider makes it easy to use and its various styles help to adjust to any design.
[/vc_column_text][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”15″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”15″ screen_tablet_spacer_size=”15″ screen_mobile_spacer_size=”35″][announcement align=”align-center” icon=”dfd-icon-code” dark_bg=”off” use_google_fonts=”yes” custom_fonts=”font_family:Lora%3Aregular%2Citalic%2C700%2C700italic|font_style:400%20italic%3A400%3Aitalic” main_style=”style-1″ main_layout=”layout-3″ font_options=”font_size:15″ icon_size=”19″ icon_color=”#262626″]Style — Horizontal/Verical; Layout — n/a; Inside options — defaults;[/announcement][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”35″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”30″ screen_tablet_spacer_size=”30″ screen_mobile_spacer_size=”20″][videoplayer main_style=”style-2″ main_layout=”layout-4″ title=”Watch module video” subtitle=”Use 1080p for better quality.” video_link=”https://youtu.be/zZiGv2pytWI” title_font_options=”tag:div|font_size:15″ subtitle_font_options=”tag:div” fill_color_start=”#e52c27″ fill_color_end=”#c2171d” bg_radius=”8″ icon_color=”#ffffff”][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”0″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”0″ screen_tablet_spacer_size=”0″ screen_mobile_spacer_size=”40″][/vc_column_inner][vc_column_inner width=”1/2″][dfd_single_image image=”16732″ upload_image=”11499″][/vc_column_inner][/vc_row_inner][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”100″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”100″ screen_tablet_spacer_size=”60″ screen_mobile_spacer_size=”35″][vc_row_inner][vc_column_inner][dfd_slide_parallax image_first=”16725″ image_second=”16726″ image_width=”1491″ image_height=”1080″ marker=”16737″ delim_width=”2″ delim_bg=”#ffffff” direction=”horizontal”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][dfd_slide_parallax image_first=”16725″ image_second=”16726″ image_width=”1491″ image_height=”1080″ marker=”16735″ delim_width=”2″ delim_bg=”#ffffff” direction=”vertical”][/vc_column_inner][/vc_row_inner][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”90″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”90″ screen_tablet_spacer_size=”60″ screen_mobile_spacer_size=”40″][/vc_column][/vc_row]