Image Banner

[dpr_heading type=”type-01″ subtitle=”some variations of different styles” alignment=”text-center” use_separator=”yes”]Default Styles[/dpr_heading]
[dpr_separator text=”STYLE 1 , SIMPLE” style=”text”]
[dpr_image_banner read_more=”more” image_hover_effect=”grow” image_shadow=”d11|#000000||||0|box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2),0 11px 15px 1px rgba(0, 0, 0, 0.14),0 4px 20px 3px rgba(0, 0, 0, 0.12)” image_shadow_hover=”d24|#000000||||0|box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2),0 24px 38px 3px rgba(0, 0, 0, 0.14),0 9px 46px 8px rgba(0, 0, 0, 0.12)” gradient_overlay_visibility=”onhover” overlay_gradient=”180;0%/rgba(0, 0, 0, 0);51%/rgba(0, 0, 0, 0);52%/rgba(0, 0, 0, 0);100%/rgba(0, 0, 0, 0.4)” style=”style-1″ content_title_12=”” image_id=”529″ link=”url:%23|||” readmore_show=”show” enable_shadow=”yes” img_border_radius=”10″]
[dpr_image_banner read_more=”more” text_alignment=”center” image_hover_effect=”shrink” gradient_overlay_visibility=”onhover” overlay_gradient=”180;0%/rgba(0, 0, 0, 0);51%/rgba(0, 0, 0, 0);52%/rgba(0, 0, 0, 0);100%/rgba(0, 0, 0, 0.4)” style=”style-1″ content_title_12=”” image_id=”531″ link=”url:%23|||” readmore_show=”show”]
[dpr_image_banner read_more=”more” text_alignment=”right” image_hover_effect=”rotate” gradient_overlay_visibility=”onhover” overlay_gradient=”180;0%/rgba(0, 0, 0, 0);51%/rgba(0, 0, 0, 0);52%/rgba(0, 0, 0, 0);100%/rgba(0, 0, 0, 0.4)” style=”style-1″ content_title_12=”” image_id=”532″ link=”url:%23|||” readmore_show=”show”]
[dpr_separator text=”STYLE 2, CONTENT BOXED” style=”text”]
[dpr_image_banner read_more=”more” image_hover_effect=”blur” gradient_overlay_visibility=”onhover” overlay_gradient=”180;0%/rgba(0, 0, 0, 0);51%/rgba(0, 0, 0, 0);52%/rgba(0, 0, 0, 0);100%/rgba(0, 0, 0, 0.4)” style=”style-2″ content_title_12=”” image_id=”529″ link=”url:%23|||” readmore_show=”show” img_border_radius=”10″]
[dpr_image_banner read_more=”more” text_alignment=”center” image_hover_effect=”fade_in” gradient_overlay_visibility=”onhover” overlay_gradient=”180;0%/rgba(0, 0, 0, 0);51%/rgba(0, 0, 0, 0);52%/rgba(0, 0, 0, 0);100%/rgba(0, 0, 0, 0.4)” style=”style-2″ content_title_12=”” image_id=”531″ link=”url:%23|||” readmore_show=”show”]
[dpr_image_banner read_more=”more” text_alignment=”right” image_hover_effect=”fade_out” gradient_overlay_visibility=”onhover” overlay_gradient=”180;0%/rgba(0, 0, 0, 0);51%/rgba(0, 0, 0, 0);52%/rgba(0, 0, 0, 0);100%/rgba(0, 0, 0, 0.4)” style=”style-2″ content_title_12=”” image_id=”532″ link=”url:%23|||” readmore_show=”show”]
[dpr_separator text=”STYLE 3, TITLE IN IMAGE OVERLAY” style=”text”]
[dpr_image_banner read_more=”more” image_hover_effect=”grow” gradient_overlay_visibility=”allways” overlay_gradient=”180;0%/rgba(0, 0, 0, 0);51%/rgba(0, 0, 0, 0);52%/rgba(0, 0, 0, 0);100%/rgba(0, 0, 0, 0.4)” style=”style-3″ content_title_12=”” image_id=”529″ link=”url:%23|||” readmore_show=”show”]
[dpr_image_banner read_more=”more” text_alignment=”center” image_hover_effect=”shrink” gradient_overlay_visibility=”allways” overlay_gradient=”180;0%/rgba(0, 0, 0, 0);51%/rgba(0, 0, 0, 0);52%/rgba(0, 0, 0, 0);100%/rgba(0, 0, 0, 0.4)” style=”style-3″ content_title_12=”” image_id=”531″ link=”url:%23|||” readmore_show=”show”]
[dpr_image_banner read_more=”more” text_alignment=”right” image_hover_effect=”rotate” gradient_overlay_visibility=”allways” overlay_gradient=”180;0%/rgba(0, 0, 0, 0);51%/rgba(0, 0, 0, 0);52%/rgba(0, 0, 0, 0);100%/rgba(0, 0, 0, 0.4)” style=”style-3″ content_title_12=”” image_id=”532″ link=”url:%23|||” readmore_show=”show”]
[dpr_separator text=”STYLE 4, CONTENT IN IMAGE OVERLAY” style=”text”]
[dpr_image_banner description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce malesuada lacus condimentum.” read_more=”more” image_hover_effect=”move_top” image_shadow=”d10|#000000||||0|box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2),0 10px 14px 1px rgba(0, 0, 0, 0.14),0 4px 18px 3px rgba(0, 0, 0, 0.12)” image_shadow_hover=”d20|#000000||||0|box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2),0 20px 31px 3px rgba(0, 0, 0, 0.14),0 8px 38px 7px rgba(0, 0, 0, 0.12)” gradient_overlay_visibility=”allways” overlay_gradient=”-90;0%/rgba(0, 0, 0, 0.35);100%/rgba(0, 0, 0, 0.35)” style=”style-4″ content_title_12=”” image_id=”529″ link=”url:%23|||” readmore_show=”show” img_border_radius=”10″ enable_shadow=”yes”]
[dpr_image_banner description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce malesuada lacus condimentum.” read_more=”more” text_alignment=”center” image_hover_effect=”move_top” image_shadow=”d10|#000000||||0|box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2),0 10px 14px 1px rgba(0, 0, 0, 0.14),0 4px 18px 3px rgba(0, 0, 0, 0.12)” image_shadow_hover=”d20|#000000||||0|box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2),0 20px 31px 3px rgba(0, 0, 0, 0.14),0 8px 38px 7px rgba(0, 0, 0, 0.12)” gradient_overlay_visibility=”allways” overlay_gradient=”-90;0%/rgba(0, 0, 0, 0.35);100%/rgba(0, 0, 0, 0.35)” style=”style-4″ content_title_12=”” image_id=”531″ link=”url:%23|||” readmore_show=”show” img_border_radius=”10″ enable_shadow=”yes”]
[dpr_image_banner description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce malesuada lacus condimentum.” read_more=”more” text_alignment=”right” image_hover_effect=”move_top” image_shadow=”d10|#000000||||0|box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2),0 10px 14px 1px rgba(0, 0, 0, 0.14),0 4px 18px 3px rgba(0, 0, 0, 0.12)” image_shadow_hover=”d20|#000000||||0|box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2),0 20px 31px 3px rgba(0, 0, 0, 0.14),0 8px 38px 7px rgba(0, 0, 0, 0.12)” gradient_overlay_visibility=”allways” overlay_gradient=”-90;0%/rgba(0, 0, 0, 0.35);100%/rgba(0, 0, 0, 0.35)” style=”style-4″ content_title_12=”” image_id=”532″ link=”url:%23|||” readmore_show=”show” enable_shadow=”yes” img_border_radius=”10″]
[dpr_separator text=”STYLE 5, CONTENT IN IMAGE OVERLAY ON HOVER” style=”text”]
[dpr_image_banner description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce malesuada lacus condimentum.” read_more=”more” label_position=”top-left” overlay_color_hover=”rgba(0,0,0,0.4)” style=”style-5″ content_title_12=”” image_id=”529″ link=”url:%23|||” readmore_show=”show” enable_label=”yes”]
[dpr_image_banner description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce malesuada lacus condimentum.” read_more=”more” label_position=”top-center” label_text=”02″ text_alignment=”center” overlay_color_hover=”rgba(0,0,0,0.4)” style=”style-5″ content_title_12=”” image_id=”531″ link=”url:%23|||” readmore_show=”show” enable_label=”yes”]
[dpr_image_banner description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce malesuada lacus condimentum.” read_more=”more” label_position=”top-right” label_text=”03″ text_alignment=”right” overlay_color_hover=”rgba(0,0,0,0.41)” style=”style-5″ content_title_12=”” image_id=”532″ link=”url:%23|||” readmore_show=”show” enable_label=”yes”]
[dpr_separator text=”STYLE6 , TITLE IN OVERLAY IDLE, CONTENT IN OVERLAY ON HOVER” style=”text”]
[dpr_image_banner description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce malesuada lacus condimentum.” read_more=”more” label_position=”bottom-left” label_shadow=”d10|#000000||||0|box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2),0 10px 14px 1px rgba(0, 0, 0, 0.14),0 4px 18px 3px rgba(0, 0, 0, 0.12)” label_content_type=”icon” image_shadow_hover=”d15|#000000||||0|box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2),0 15px 22px 2px rgba(0, 0, 0, 0.14),0 6px 28px 5px rgba(0, 0, 0, 0.12)” gradient_overlay_visibility=”idle” overlay_color_hover=”rgba(0,0,0,0.4)” style=”style-6″ content_title_12=”” image_id=”529″ link=”url:%23|||” readmore_show=”show” enable_label=”yes” img_border_radius=”10″ enable_shadow=”yes” enable_label_shadow=”yes” icon=”Default-layers” icon_font_size=”20″ label_bg_color=”#f04a23″]
[dpr_image_banner description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce malesuada lacus condimentum.” read_more=”more” label_position=”bottom-center” label_shadow=”d10|#000000||||0|box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2),0 10px 14px 1px rgba(0, 0, 0, 0.14),0 4px 18px 3px rgba(0, 0, 0, 0.12)” label_content_type=”icon” text_alignment=”center” image_shadow_hover=”d16|#000000||||0|box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2),0 16px 24px 2px rgba(0, 0, 0, 0.14),0 6px 30px 5px rgba(0, 0, 0, 0.12)” gradient_overlay_visibility=”idle” overlay_color_hover=”rgba(0,0,0,0.4)” style=”style-6″ content_title_12=”” image_id=”531″ link=”url:%23|||” readmore_show=”show” enable_label=”yes” label_bg_color=”#f08f23″ enable_label_shadow=”yes” img_border_radius=”10″ enable_shadow=”yes” icon=”Default-Diamond” icon_font_size=”20″]
[dpr_image_banner description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce malesuada lacus condimentum.” read_more=”more” label_position=”bottom-right” label_shadow=”d10|#000000||||0|box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2),0 10px 14px 1px rgba(0, 0, 0, 0.14),0 4px 18px 3px rgba(0, 0, 0, 0.12)” label_content_type=”icon” text_alignment=”right” image_shadow_hover=”d15|#000000||||0|box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2),0 15px 22px 2px rgba(0, 0, 0, 0.14),0 6px 28px 5px rgba(0, 0, 0, 0.12)” gradient_overlay_visibility=”idle” overlay_color_hover=”rgba(0,0,0,0.41)” style=”style-6″ content_title_12=”” image_id=”532″ link=”url:%23|||” readmore_show=”show” enable_label=”yes” label_bg_color=”#1c7297″ enable_label_shadow=”yes” icon=”Default-fingerprint” icon_font_size=”20″ img_border_radius=”10″ enable_shadow=”yes”]
[dpr_separator text=”STYLE7 , CONTENT ON HOVER” style=”text”]
[dpr_image_banner description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce malesuada lacus condimentum.” read_more=”more” label_position=”top-center” label_content_type=”image” label_image_width=”80″ image_hover_effect=”grow” gradient_overlay_visibility=”onhover” overlay_color_hover=”rgba(0,0,0,0.4)” style=”style-7″ content_title_12=”” image_id=”529″ link=”url:%23|||” readmore_show=”show” enable_label=”yes” label_image_id=”542″ label_size=”80″ label_bg_color=”rgba(255,255,255,0.01)”]
[dpr_image_banner description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce malesuada lacus condimentum.” read_more=”more” label_position=”top-center” label_content_type=”image” label_image_width=”110″ text_alignment=”center” image_hover_effect=”grow” gradient_overlay_visibility=”onhover” overlay_color_hover=”rgba(0,0,0,0.4)” style=”style-7″ content_title_12=”” image_id=”531″ link=”url:%23|||” readmore_show=”show” enable_label=”yes” label_size=”110″ label_bg_color=”rgba(255,255,255,0.01)” label_image_id=”543″]
[dpr_image_banner description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce malesuada lacus condimentum.” read_more=”more” label_position=”top-center” label_content_type=”image” label_image_width=”133″ text_alignment=”right” image_hover_effect=”grow” gradient_overlay_visibility=”onhover” overlay_color_hover=”rgba(0,0,0,0.41)” style=”style-7″ content_title_12=”” image_id=”532″ link=”url:%23|||” readmore_show=”show” enable_label=”yes” label_image_id=”544″ label_size=”100″ label_bg_color=”rgba(255,255,255,0.01)”]
[dpr_separator text=”INLINE, IMAGE RIGHT” style=”text”]
[dpr_image_banner description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce malesuada lacus condimentum.” read_more=”more” image_hover_effect=”shrink” style=”style-8″ content_title_12=”” image_id=”529″ link=”url:%23|||” readmore_show=”show”]
[dpr_separator text=”INLINE, IMAGE LEFT” style=”text”]
[dpr_image_banner description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce malesuada lacus condimentum.” read_more=”more” image_hover_effect=”grow” style=”style-9″ content_title_12=”” image_id=”531″ link=”url:%23|||” readmore_show=”show”]
[dpr_heading type=”type-01″ subtitle=”some examples of custom styled banners” alignment=”text-center” use_separator=”yes”]Customized Styles[/dpr_heading]
[dpr_image_banner description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce malesuada lacus condimentum.” read_more=”more” readmore_style=”custom” custom_button_shape=”btn-circle” image_hover_effect=”grow” gradient_overlay_visibility=”onhover” overlay_gradient=”180;0%/rgba(0, 0, 0, 0);16%/rgba(0, 0, 0, 0);27%/rgba(0, 0, 0, 0);100%/rgba(140, 62, 57, 0.83)” subtitle_font_style=”italic” style=”style-3″ content_title_12=”” image_id=”529″ link=”url:%23|||” readmore_show=”show” title_color=”#ffffff” subtitle_color=”#ffffff” content_color=”#f04a23″ custom_button_color=”#f04a23″ custom_button_color_hover=”#ffffff” custom_button_bg_color=”rgba(255,255,255,0.01)” custom_button_bg_color_hover=”#f04a23″ custom_button_border_color=”#f04a23″ custom_button_border_color_hover=”#f04a23″]
[dpr_image_banner description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce malesuada lacus condimentum.” read_more=”more” readmore_shape=”btn-circle” text_alignment=”center” image_hover_effect=”grow” gradient_overlay_visibility=”onhover” overlay_gradient=”180;0%/rgba(240, 143, 35, 0.8);100%/rgba(240, 74, 35, 0.81)” overlay_color_hover=”rgba(0,0,0,0.01)” style=”style-5″ content_title_12=”” image_id=”531″ link=”url:%23|||” readmore_show=”show” title_font_size=”24″ title_line_height=”26″]
[dpr_image_banner description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce malesuada lacus condimentum.” read_more=”more” readmore_shape=”btn-circle” text_alignment=”center” image_hover_effect=”grow” gradient_overlay_visibility=”allways” overlay_gradient=”-90;0%/rgba(240, 143, 35, 0.7);100%/rgba(240, 74, 35, 0.7)” overlay_color_hover=”rgba(240,74,35,0.69)” title_font_style=”italic” subtitle_font_style=”italic” content_font_style=”italic” style=”style-6″ content_title_12=”” image_id=”532″ link=”url:%23|||” readmore_show=”show” title_line_height=”26″ title_use_google_fonts=”yes” title_google_font=”font_family:Merriweather%3A300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:900%20bold%20italic%3A900%3Aitalic” subtitle_use_google_fonts=”yes” subtitle_google_font=”font_family:Merriweather%3A300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal” title_font_size=”20″ content_use_google_fonts=”yes” content_google_font=”font_family:Merriweather%3A300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:300%20light%20italic%3A300%3Aitalic” img_border_radius=”10″]