[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=»Animated gradient background will definitely add fresh breath to your site.» 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 Gradient Background[/dfd_heading][/vc_column][/vc_row][vc_row row_delimiter=»1″ dfd_bg_style=»image» dfd_parallax_style=»dfd_animated_bg» dfd_bg_image_new=»16399″ 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:30|padding_right_desktop:30|padding_left_tablet:30|padding_right_tablet:30|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][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]
Assign simple gradient decoration for the row background. You may set its direction, angle and multiple colors to achieve the desired effect. There’s also an option to add animated gradient and it’ll change the colors smoothly fading.
[/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 — Gradient Bakground; Layout — n/a; Inside options — custom;[/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/cMcE4BRf5dI» 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=»16395″ upload_image=»11499″][/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][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=»60″ 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 enable_delimiter=»off» 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=»Lorem ipsum dolor sit amet, consectetur.» 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″]Gragient Style[/dfd_heading][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=»35″ screen_tablet_spacer_size=»25″ screen_mobile_spacer_size=»20″][/vc_column][/vc_row][vc_row row_delimiter=»1″ bg_check=»row-background-dark» dfd_bg_style=»gradient» dfd_enable_overlay=»» dfd_in_viewport=»yes» dfd_bg_grad=»background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3C384D), color-stop(100%, #EA8A6A));background: -moz-linear-gradient(45deg,#3C384D 0%,#EA8A6A 100%);background: -webkit-linear-gradient(45deg,#3C384D 0%,#EA8A6A 100%);background: -o-linear-gradient(45deg,#3C384D 0%,#EA8A6A 100%);background: -ms-linear-gradient(45deg,#3C384D 0%,#EA8A6A 100%);background: linear-gradient(45deg,#3C384D 0%,#EA8A6A 100%);»][vc_column dfd_column_responsive_enable=»dfd-column-responsive-enable» responsive_styles=»padding_left_desktop:30|padding_right_desktop:30|padding_left_tablet:30|padding_right_tablet:30|padding_left_mobile:30|padding_right_mobile:30″][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»150″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»150″ screen_tablet_spacer_size=»100″ screen_mobile_spacer_size=»80″][dfd_single_image image=»16395″ upload_image=»11499″][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»25″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»25″ screen_tablet_spacer_size=»20″ screen_mobile_spacer_size=»20″][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=»#ffffff»]Style — Gradient; Layout — custom; Inside options — defaults;[/announcement][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»150″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»150″ screen_tablet_spacer_size=»100″ screen_mobile_spacer_size=»80″][/vc_column][/vc_row][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=»60″ 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 enable_delimiter=»off» 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=»Lorem ipsum dolor sit amet, consectetur.» 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″]Gradient Style[/dfd_heading][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=»35″ screen_tablet_spacer_size=»25″ screen_mobile_spacer_size=»20″][/vc_column][/vc_row][vc_row row_delimiter=»1″ bg_check=»row-background-dark» dfd_bg_style=»gradient» dfd_bg_grad_animate=»on» dfd_bg_grad_anim_duration=»45000″ dfd_enable_overlay=»» dfd_in_viewport=»yes» dfd_bg_grad=»background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3C384D), color-stop(50%, #62BAE2), color-stop(100%, #F38965));background: -moz-linear-gradient(left,#3C384D 0%,#62BAE2 50%,#F38965 100%);background: -webkit-linear-gradient(left,#3C384D 0%,#62BAE2 50%,#F38965 100%);background: -o-linear-gradient(left,#3C384D 0%,#62BAE2 50%,#F38965 100%);background: -ms-linear-gradient(left,#3C384D 0%,#62BAE2 50%,#F38965 100%);background: linear-gradient(left,#3C384D 0%,#62BAE2 50%,#F38965 100%);»][vc_column dfd_column_responsive_enable=»dfd-column-responsive-enable» responsive_styles=»padding_left_desktop:30|padding_right_desktop:30|padding_left_tablet:30|padding_right_tablet:30|padding_left_mobile:30|padding_right_mobile:30″][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»150″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»150″ screen_tablet_spacer_size=»100″ screen_mobile_spacer_size=»80″][dfd_single_image image=»16397″ upload_image=»11499″][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»25″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»25″ screen_tablet_spacer_size=»20″ screen_mobile_spacer_size=»20″][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=»#ffffff»]Style — Gradient; Layout — horizontal; Inside options — animated;[/announcement][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»150″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»150″ screen_tablet_spacer_size=»100″ screen_mobile_spacer_size=»80″][/vc_column][/vc_row][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=»60″ 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 enable_delimiter=»off» 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=»Lorem ipsum dolor sit amet, consectetur.» 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″]Animated Style[/dfd_heading][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=»35″ screen_tablet_spacer_size=»25″ screen_mobile_spacer_size=»20″][/vc_column][/vc_row][vc_row row_delimiter=»1″ bg_check=»row-background-dark» dfd_bg_style=»animated» dfd_anim_bg_duration=»10000″ dfd_enable_overlay=»» dfd_in_viewport=»yes» dfd_bg_colors=»%5B%7B%22dfd_bg_single_color%22%3A%22%234ea9d3%22%7D%2C%7B%22dfd_bg_single_color%22%3A%22%234ed3b2%22%7D%2C%7B%22dfd_bg_single_color%22%3A%22%23b675ba%22%7D%5D»][vc_column dfd_column_responsive_enable=»dfd-column-responsive-enable» responsive_styles=»padding_left_desktop:30|padding_right_desktop:30|padding_left_tablet:30|padding_right_tablet:30|padding_left_mobile:30|padding_right_mobile:30″][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»150″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»150″ screen_tablet_spacer_size=»100″ screen_mobile_spacer_size=»80″][dfd_single_image image=»16413″ upload_image=»11499″][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»25″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»25″ screen_tablet_spacer_size=»20″ screen_mobile_spacer_size=»20″][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=»#ffffff»]Style — Animated; Layout — default; Inside options — gradient colors;[/announcement][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»150″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»150″ screen_tablet_spacer_size=»100″ screen_mobile_spacer_size=»80″][/vc_column][/vc_row][vc_row dfd_enable_overlay=»»][vc_column][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»150″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»150″ screen_tablet_spacer_size=»100″ screen_mobile_spacer_size=»80″][/vc_column][/vc_row]