Interactive Banners

[vc_row bg_type=”no_bg” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);” parallax_style=”vcpb-default” bg_image_repeat=”no-repeat” bg_image_size=”cover” bg_img_attach=”fixed” parallax_sense=”30″ animation_type=”h” horizontal_animation=”left-animation” vertical_animation=”top-animation” animation_repeat=”repeat” parallax_content_sense=”30″ fadeout_start_effect=”30″ bg_override=”0″][vc_column width=”1/1″][vc_column_text]

Hello! Let us elaborate what are all the cool things you can do with the Interactive Banner Element.

[/vc_column_text][/vc_column][/vc_row][vc_row bg_type=”bg_color” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);” parallax_style=”vcpb-default” bg_image_repeat=”no-repeat” bg_image_size=”cover” bg_img_attach=”fixed” parallax_sense=”30″ bg_override=”full” css=”.vc_custom_1409406556171{padding: 50px 0px !important;background-color: #f7f7f7 !important;}” bg_color_value=”#f7f7f7″ animation_type=”h” horizontal_animation=”left-animation” vertical_animation=”top-animation” animation_repeat=”repeat” parallax_content_sense=”30″ fadeout_start_effect=”30″][vc_column width=”1/1″][vc_text_separator title=”Simple Interactive Banner with Title on Left (by default)” title_align=”separator_align_center” color=”grey”][vc_column_text]

An image is used with the title, which is by default set to left.

[/vc_column_text][vc_row_inner][vc_column_inner width=”1/4″][interactive_banner banner_title=”SUSAN THE JUST” banner_title_location=”left” icon_disp=”none” banner_icon=”Defaults-zoom-in” link_opts=”none” banner_style=”style01″ banner_bg_color=”#242424″ banner_opacity=”opaque” banner_image=”3294″][/vc_column_inner][vc_column_inner width=”1/4″][interactive_banner banner_title=”MARK THE STRONG” banner_title_location=”left” icon_disp=”none” banner_icon=”Defaults-zoom-in” link_opts=”none” banner_style=”style02″ banner_bg_color=”#242424″ banner_opacity=”opaque” banner_image=”3295″][/vc_column_inner][vc_column_inner width=”1/4″][interactive_banner banner_title=”SOFIA THE SILENT” banner_title_location=”left” icon_disp=”none” banner_icon=”Defaults-zoom-in” link_opts=”none” banner_style=”style01″ banner_bg_color=”#242424″ banner_opacity=”opaque” banner_image=”3297″][/vc_column_inner][vc_column_inner width=”1/4″][interactive_banner banner_title=”ALVIN THE CREATIVE” banner_title_location=”left” icon_disp=”none” banner_icon=”Defaults-zoom-in” link_opts=”none” banner_style=”style02″ banner_bg_color=”#242424″ banner_opacity=”opaque” banner_image=”3296″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row padding=”30px 0px” bg_type=”theme_default” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);” parallax_style=”vcpb-default” bg_image_repeat=”no-repeat” bg_image_size=”cover” bg_img_attach=”fixed” parallax_sense=”30″ bg_override=”0″][vc_column width=”1/1″][vc_text_separator title=”Simple Interactive Banner with Title in Center” title_align=”separator_align_center” color=”grey”][vc_column_text]

You can place your title to the center on the title bar & also you can customize the hover effects.

[/vc_column_text][vc_row_inner][vc_column_inner width=”1/3″][interactive_banner banner_title=”Device Compatible” banner_title_location=”center” icon_disp=”none” banner_icon=”Defaults-zoom-in” link_opts=”none” banner_style=”style12″ banner_bg_color=”#242424″ banner_opacity=”opaque” banner_image=”3179″ banner_height_val=”252″][/vc_column_inner][vc_column_inner width=”1/3″][interactive_banner banner_title=”Extreme Typography” banner_title_location=”center” icon_disp=”none” banner_icon=”Defaults-zoom-in” link_opts=”none” banner_style=”style11″ banner_bg_color=”#242424″ banner_opacity=”opaque” banner_image=”3178″ banner_height_val=”252″][/vc_column_inner][vc_column_inner width=”1/3″][interactive_banner banner_title=”Easy To Use” banner_title_location=”center” icon_disp=”none” banner_icon=”Defaults-zoom-in” link_opts=”none” banner_style=”style12″ banner_bg_color=”#242424″ banner_opacity=”opaque” banner_image=”3177″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row bg_type=”bg_color” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);” parallax_style=”vcpb-default” bg_image_repeat=”no-repeat” bg_image_size=”cover” bg_img_attach=”fixed” parallax_sense=”30″ bg_override=”full” css=”.vc_custom_1409406467180{padding: 50px 0px !important;background-color: #f7f7f7 !important;}” bg_color_value=”#f7f7f7″ animation_type=”h” horizontal_animation=”left-animation” vertical_animation=”top-animation” animation_repeat=”repeat” parallax_content_sense=”30″ fadeout_start_effect=”30″][vc_column width=”1/1″][vc_text_separator title=”Image Icon Background and On-Hover Description” title_align=”separator_align_center” color=”grey”][vc_column_text]

You can apply icons to the background simply by using Image Icon and choose to display text on Hover.

[/vc_column_text][vc_row_inner][vc_column_inner width=”1/4″][interactive_banner banner_title=”SMILE WITH US” banner_title_location=”center” banner_desc=”We make you smile with our work that last forever. We work with simplicity and curiosity.” icon_disp=”none” banner_icon=”Defaults-thumbs-up” link_opts=”none” banner_style=”style01″ banner_bg_color=”#494949″ banner_opacity=”opaque” banner_image=”3196″][/vc_column_inner][vc_column_inner width=”1/4″][interactive_banner banner_title=”START SHOPPING” banner_title_location=”center” banner_desc=”Our product is just awesome. You can buy it now from anywhere in the world.” icon_disp=”none” banner_icon=”Defaults-thumbs-up” link_opts=”none” banner_style=”style01″ banner_bg_color=”#494949″ banner_opacity=”opaque” banner_image=”3175″][/vc_column_inner][vc_column_inner width=”1/4″][interactive_banner banner_title=”UNLOCK YOURSELF” banner_title_location=”center” banner_desc=”Unlock your power of creativity, we just spice them to make it more attractive.” icon_disp=”none” banner_icon=”Defaults-thumbs-up” link_opts=”none” banner_style=”style01″ banner_bg_color=”#494949″ banner_opacity=”opaque” banner_image=”3201″][/vc_column_inner][vc_column_inner width=”1/4″][interactive_banner banner_title=”WE ARE WITH YOU” banner_title_location=”center” banner_desc=”Never be afraid we are with you. We support as long as you need it.” icon_disp=”none” banner_icon=”Defaults-thumbs-up” link_opts=”none” banner_style=”style01″ banner_bg_color=”#494949″ banner_opacity=”opaque” banner_image=”3200″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row padding=”30px 0px” bg_type=”theme_default” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);” parallax_style=”vcpb-default” bg_image_repeat=”no-repeat” bg_image_size=”cover” bg_img_attach=”fixed” parallax_sense=”30″ bg_override=”0″][vc_column width=”1/1″][vc_text_separator title=”Icons with the Title” title_align=”separator_align_center” color=”grey”][vc_column_text]

You can place icons with the title section

[/vc_column_text][vc_row_inner][vc_column_inner width=”1/4″][interactive_banner banner_title=”Smart Capture” banner_title_location=”left” banner_desc=”This is dummy image that only describes the photography effects.” icon_disp=”with_heading” banner_icon=”Ultimate-set-uniE627″ link_opts=”none” banner_style=”style04″ banner_bg_color=”#242424″ banner_opacity=”opaque” banner_image=”3183″][/vc_column_inner][vc_column_inner width=”1/4″][interactive_banner banner_title=”light level” banner_title_location=”left” banner_desc=”This is dummy image that only describes the photography effects.” icon_disp=”with_heading” banner_icon=”Ultimate-set-uniE7F7″ link_opts=”none” banner_style=”style03″ banner_bg_color=”#242424″ banner_opacity=”opaque” banner_image=”3181″][/vc_column_inner][vc_column_inner width=”1/4″][interactive_banner banner_title=”Object Focus” banner_title_location=”left” banner_desc=”This is dummy image that only describes the photography effects.” icon_disp=”with_heading” banner_icon=”Ultimate-set-uniF087″ link_opts=”none” banner_style=”style04″ banner_bg_color=”#242424″ banner_opacity=”opaque” banner_image=”3180″][/vc_column_inner][vc_column_inner width=”1/4″][interactive_banner banner_title=”Color Effects” banner_title_location=”left” banner_desc=”This is dummy image that only describes the photography effects.” icon_disp=”with_heading” banner_icon=”Ultimate-set-uniE7E4″ link_opts=”none” banner_style=”style03″ banner_bg_color=”#242424″ banner_opacity=”opaque” banner_image=”3182″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row bg_type=”bg_color” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);” parallax_style=”vcpb-default” bg_image_repeat=”no-repeat” bg_image_size=”cover” bg_img_attach=”fixed” parallax_sense=”30″ bg_override=”full” css=”.vc_custom_1409406425075{padding: 50px 0px !important;background-color: #f7f7f7 !important;}” bg_color_value=”#f7f7f7″ animation_type=”h” horizontal_animation=”left-animation” vertical_animation=”top-animation” animation_repeat=”repeat” parallax_content_sense=”30″ fadeout_start_effect=”30″][vc_column width=”1/1″][vc_text_separator title=”Icon on Hover” title_align=”separator_align_center” color=”grey”][vc_column_text]

You can also use the icons with the On-Hover description.

[/vc_column_text][vc_row_inner][vc_column_inner width=”1/3″][interactive_banner banner_title=”Speak With Us” banner_title_location=”center” banner_desc=”Feel free to speak with us. We love talking.” icon_disp=”with_description” banner_icon=”Ultimate-set-uniE6DB” link_opts=”none” banner_style=”style04″ banner_bg_color=”#242424″ banner_opacity=”opaque” banner_image=”3186″][/vc_column_inner][vc_column_inner width=”1/3″][interactive_banner banner_title=”Happy to Serve” banner_title_location=”center” banner_desc=”We are always happy and delighted working with you.” icon_disp=”with_description” banner_icon=”Ultimate-set-uniE05D” link_opts=”none” banner_style=”style03″ banner_bg_color=”#242424″ banner_opacity=”opaque” banner_image=”3185″][/vc_column_inner][vc_column_inner width=”1/3″][interactive_banner banner_title=”Custom Facility” banner_title_location=”center” banner_desc=”Its easy to customize in any manner you want.” icon_disp=”with_description” banner_icon=”Ultimate-set-uniE7D5″ link_opts=”none” banner_style=”style04″ banner_bg_color=”#242424″ banner_opacity=”opaque” banner_image=”3184″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_text_separator title=”Colored Title Bar” title_align=”separator_align_center” color=”grey”][vc_column_text]

Title Bar color can be changed according to the overall look of your website.

[/vc_column_text][vc_row_inner][vc_column_inner width=”1/4″][interactive_banner banner_title=”iPhone” banner_title_location=”center” banner_desc=”Discover the world of iPhone, you will fall in love with it.” icon_disp=”none” banner_icon=”Defaults-thumbs-up” link_opts=”none” banner_style=”style01″ banner_bg_color=”#0297dd” banner_opacity=”opaque” banner_image=”3299″][/vc_column_inner][vc_column_inner width=”1/4″][interactive_banner banner_title=”iPad” banner_title_location=”center” banner_desc=”Explore the iPad features, you will fall in love with it.” icon_disp=”none” banner_icon=”Defaults-thumbs-up” link_opts=”none” banner_style=”style01″ banner_bg_color=”#0297dd” banner_opacity=”opaque” banner_image=”3189″][/vc_column_inner][vc_column_inner width=”1/4″][interactive_banner banner_title=”iPod” banner_title_location=”center” banner_desc=”Making difference in the world of sound, that’s what it is.” icon_disp=”none” banner_icon=”Defaults-thumbs-up” link_opts=”none” banner_style=”style01″ banner_bg_color=”#0297dd” banner_opacity=”opaque” banner_image=”3187″][/vc_column_inner][vc_column_inner width=”1/4″][interactive_banner banner_title=”MacBook” banner_title_location=”center” banner_desc=”Explore the variety of MacBook, and you will love it for sure. ” icon_disp=”none” banner_icon=”Defaults-thumbs-up” link_opts=”none” banner_style=”style01″ banner_bg_color=”#0297dd” banner_opacity=”opaque” banner_image=”3188″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row bg_type=”bg_color” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);” parallax_style=”vcpb-default” bg_image_repeat=”no-repeat” bg_image_size=”cover” bg_img_attach=”fixed” parallax_sense=”30″ bg_override=”full” css=”.vc_custom_1409406396959{padding: 30px 0px !important;background-color: #f7f7f7 !important;}” bg_color_value=”#f7f7f7″ animation_type=”h” horizontal_animation=”left-animation” vertical_animation=”top-animation” animation_repeat=”repeat” parallax_content_sense=”30″ fadeout_start_effect=”30″][vc_column width=”1/1″][vc_text_separator title=”Button Link on Hover” title_align=”separator_align_center” color=”grey”][vc_column_text]

You can apply the read more link button to the On-Hover description

[/vc_column_text][vc_row_inner][vc_column_inner width=”1/3″][interactive_banner banner_title=”Dark Image” banner_title_location=”center” banner_desc=”This image is Layered with dark shadow.” icon_disp=”none” banner_icon=”Defaults-thumbs-up” link_opts=”more” banner_style=”style21″ banner_bg_color=”#0297dd” banner_opacity=”opaque” banner_image=”3190″ banner_link_text=”READ MORE” banner_link=”url:%23||”][/vc_column_inner][vc_column_inner width=”1/3″][interactive_banner banner_title=”Water Splash” banner_title_location=”center” banner_desc=”This image is layered with water splash.” icon_disp=”none” banner_icon=”Defaults-thumbs-up” link_opts=”more” banner_style=”style22″ banner_bg_color=”#0297dd” banner_opacity=”opaque” banner_image=”3191″ banner_link_text=”READ MORE” banner_link=”url:%23||”][/vc_column_inner][vc_column_inner width=”1/3″][interactive_banner banner_title=”Skyscraper ” banner_title_location=”center” banner_desc=”This image is Layered with light and shadow .” icon_disp=”none” banner_icon=”Defaults-thumbs-up” link_opts=”more” banner_style=”style21″ banner_bg_color=”#0297dd” banner_opacity=”opaque” banner_image=”3192″ banner_link_text=”READ MORE” banner_link=”url:%23||”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_text_separator title=”Link Complete Banner” title_align=”separator_align_center” color=”grey”][vc_column_text]

Another example of link on the interactive banner is complete box link

[/vc_column_text][vc_row_inner][vc_column_inner width=”1/3″][interactive_banner banner_title=”Camera one” banner_title_location=”center” banner_desc=”Camera is the great innovation. It captures very moments.” icon_disp=”none” banner_icon=”Defaults-thumbs-up” link_opts=”box” banner_style=”style01″ banner_bg_color=”#e02302″ banner_opacity=”opaque” banner_image=”3194″ banner_link_text=”READ MORE” banner_link=”url:%23||”][/vc_column_inner][vc_column_inner width=”1/3″][interactive_banner banner_title=”Camera Second” banner_title_location=”center” banner_desc=”Camera is the great innovation. It captures very moments.” icon_disp=”none” banner_icon=”Defaults-thumbs-up” link_opts=”box” banner_style=”style01″ banner_bg_color=”#e02302″ banner_opacity=”opaque” banner_image=”3195″ banner_link_text=”READ MORE” banner_link=”url:%23||”][/vc_column_inner][vc_column_inner width=”1/3″][interactive_banner banner_title=”Camera Third” banner_title_location=”center” banner_desc=”Camera is the great innovation. It captures very moments.” icon_disp=”none” banner_icon=”Defaults-thumbs-up” link_opts=”box” banner_style=”style01″ banner_bg_color=”#e02302″ banner_opacity=”opaque” banner_image=”3193″ banner_link_text=”READ MORE” banner_link=”url:%23||”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][vc_text_separator title=”Hover Effects” title_align=”separator_align_center” color=”grey”][vc_column_text]

All Possible Cool Hover Effects Below.

[/vc_column_text][vc_row_inner][vc_column_inner width=”1/3″][interactive_banner banner_title=”Interactive banner title” banner_title_location=”left” banner_desc=”A short description of this banner. A short description of this banner. A short description of this banner.” icon_disp=”both” banner_image=”3301″ link_opts=”none” banner_link_text=”Read More” banner_style=”style01″ banner_bg_color=”#de5034″ banner_opacity=”opaque” banner_icon=”Ultimate-set-uniE832″][interactive_banner banner_title=”Interactive banner title” banner_title_location=”left” banner_desc=”A short description of this banner. A short description of this banner. A short description of this banner.” icon_disp=”both” banner_image=”3301″ link_opts=”none” banner_link_text=”Read More” banner_style=”style04″ banner_bg_color=”#de5034″ banner_opacity=”opaque” banner_icon=”Ultimate-set-uniE832″][interactive_banner banner_title=”Interactive banner title” banner_title_location=”left” banner_desc=”A short description of this banner. A short description of this banner. A short description of this banner.” icon_disp=”both” banner_image=”3301″ link_opts=”none” banner_link_text=”Read More” banner_style=”style13″ banner_bg_color=”#de5034″ banner_opacity=”opaque” banner_icon=”Ultimate-set-uniE832″][interactive_banner banner_title=”Interactive banner title” banner_title_location=”left” banner_desc=”A short description of this banner. A short description of this banner. A short description of this banner.” icon_disp=”both” banner_image=”3301″ link_opts=”none” banner_link_text=”Read More” banner_style=”style31″ banner_bg_color=”#de5034″ banner_opacity=”opaque” banner_icon=”Ultimate-set-uniE832″][/vc_column_inner][vc_column_inner width=”1/3″][interactive_banner banner_title=”Interactive banner title” banner_title_location=”left” banner_desc=”A short description of this banner. A short description of this banner. A short description of this banner.
” icon_disp=”both” banner_image=”3300″ link_opts=”none” banner_link_text=”Read More” banner_style=”style02″ banner_bg_color=”#de5034″ banner_opacity=”opaque” banner_icon=”Ultimate-set-uniE832″][interactive_banner banner_title=”Interactive banner title” banner_title_location=”left” banner_desc=”A short description of this banner. A short description of this banner. A short description of this banner.
” icon_disp=”both” banner_image=”3300″ link_opts=”none” banner_link_text=”Read More” banner_style=”style11″ banner_bg_color=”#de5034″ banner_opacity=”opaque” banner_icon=”Ultimate-set-uniE832″][interactive_banner banner_title=”Interactive banner title” banner_title_location=”left” banner_desc=”A short description of this banner. A short description of this banner. A short description of this banner.
” icon_disp=”both” banner_image=”3300″ link_opts=”none” banner_link_text=”Read More” banner_style=”style21″ banner_bg_color=”#de5034″ banner_opacity=”opaque” banner_icon=”Ultimate-set-uniE832″][interactive_banner banner_title=”Interactive banner title” banner_title_location=”left” banner_desc=”A short description of this banner. A short description of this banner. A short description of this banner.
” icon_disp=”both” banner_image=”3300″ link_opts=”none” banner_link_text=”Read More” banner_style=”style32″ banner_bg_color=”#de5034″ banner_opacity=”opaque” banner_icon=”Ultimate-set-uniE832″][/vc_column_inner][vc_column_inner width=”1/3″][interactive_banner banner_title=”Interactive banner title” banner_title_location=”left” banner_desc=”A short description of this banner. A short description of this banner. A short description of this banner.
” icon_disp=”both” banner_image=”3302″ link_opts=”none” banner_link_text=”Read More” banner_style=”style03″ banner_bg_color=”#de5034″ banner_opacity=”opaque” banner_icon=”Ultimate-set-uniE832″][interactive_banner banner_title=”Interactive banner title” banner_title_location=”left” banner_desc=”A short description of this banner. A short description of this banner. A short description of this banner.
” icon_disp=”both” banner_image=”3302″ link_opts=”none” banner_link_text=”Read More” banner_style=”style12″ banner_bg_color=”#de5034″ banner_opacity=”opaque” banner_icon=”Ultimate-set-uniE832″][interactive_banner banner_title=”Interactive banner title” banner_title_location=”left” banner_desc=”A short description of this banner. A short description of this banner. A short description of this banner.
” icon_disp=”both” banner_image=”3302″ link_opts=”none” banner_link_text=”Read More” banner_style=”style22″ banner_bg_color=”#de5034″ banner_opacity=”opaque” banner_icon=”Ultimate-set-uniE832″][interactive_banner banner_title=”Interactive banner title” banner_title_location=”left” banner_desc=”A short description of this banner. A short description of this banner. A short description of this banner.
” icon_disp=”both” banner_image=”3302″ link_opts=”none” banner_link_text=”Read More” banner_style=”style33″ banner_bg_color=”#de5034″ banner_opacity=”opaque” banner_icon=”Ultimate-set-uniE832″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row padding=”30px 0px” bg_type=”theme_default” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);” parallax_style=”vcpb-default” bg_image_repeat=”no-repeat” bg_image_size=”cover” bg_img_attach=”fixed” parallax_sense=”30″ bg_override=”0″][vc_column width=”1/1″][vc_text_separator title=”Custom Height” title_align=”separator_align_center” color=”grey”][vc_column_text]

Control the size of the banner with easy settings.

[/vc_column_text][vc_row_inner][vc_column_inner width=”1/4″][interactive_banner banner_title=”Landscape First” banner_title_location=”center” banner_desc=”Freta orbem mundo fluminaque iners cingebant pace mentisque. Speciem surgere. ” icon_disp=”none” banner_icon=”Defaults-thumbs-up” link_opts=”box” banner_style=”style01″ banner_bg_color=”#2d2d2d” banner_opacity=”solid” banner_image=”3304″ banner_link_text=”READ MORE” banner_height=”banner-block-custom-height” banner_height_val=”200″ banner_link=”url:%23||”][/vc_column_inner][vc_column_inner width=”1/4″][interactive_banner banner_title=”Landscape Second” banner_title_location=”center” banner_desc=”Freta orbem mundo fluminaque iners cingebant pace mentisque. Speciem surgere. ” icon_disp=”none” banner_icon=”Defaults-thumbs-up” link_opts=”box” banner_style=”style01″ banner_bg_color=”#2d2d2d” banner_opacity=”solid” banner_image=”3305″ banner_link_text=”READ MORE” banner_height=”banner-block-custom-height” banner_height_val=”160″ banner_link=”url:%23||”][/vc_column_inner][vc_column_inner width=”1/4″][interactive_banner banner_title=”Landscape Fourth” banner_title_location=”center” banner_desc=”Freta orbem mundo fluminaque iners cingebant pace mentisque.” icon_disp=”none” banner_icon=”Defaults-thumbs-up” link_opts=”box” banner_style=”style01″ banner_bg_color=”#2d2d2d” banner_opacity=”solid” banner_image=”3306″ banner_link_text=”READ MORE” banner_height=”banner-block-custom-height” banner_height_val=”158″ banner_link=”url:%23||”][/vc_column_inner][vc_column_inner width=”1/4″][interactive_banner banner_title=”Landscape Third” banner_title_location=”center” banner_desc=”Freta orbem mundo fluminaque iners cingebant pace mentisque. Speciem surgere. ” icon_disp=”none” banner_icon=”Defaults-thumbs-up” link_opts=”box” banner_style=”style01″ banner_bg_color=”#2d2d2d” banner_opacity=”solid” banner_image=”3307″ banner_link_text=”READ MORE” banner_height=”banner-block-custom-height” banner_height_val=”165″ banner_link=”url:%23||”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]