{"id":15937,"date":"2014-12-10T08:44:14","date_gmt":"2014-12-10T08:44:14","guid":{"rendered":"http:\/\/woopress.8theme.com\/?page_id=15937"},"modified":"2014-12-10T08:44:14","modified_gmt":"2014-12-10T08:44:14","slug":"interactive-banners","status":"publish","type":"page","link":"https:\/\/woopress.8theme.com\/jewellery\/interactive-banners\/","title":{"rendered":"Interactive Banners"},"content":{"rendered":"

[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″ bg_override=”0″ css=”.vc_custom_1419871748628{margin-bottom: 0px !important;padding-top: 40px !important;padding-right: 0px !important;padding-bottom: 90px !important;padding-left: 0px !important;}” animation_direction=”left-animation” animation_repeat=”repeat” parallax_content_sense=”30″ fadeout_start_effect=”30″ overlay_pattern_opacity=”80″ seperator_type=”none_seperator” seperator_position=”top_seperator” seperator_shape_size=”40″ seperator_svg_height=”60″ seperator_shape_background=”#ffffff” seperator_shape_border=”none” seperator_shape_border_width=”1″ icon_type=”no_icon” icon_size=”32″ icon_style=”none” icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ img_width=”48″][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]<\/p>\n

You can place your title to the center on the title bar & also you can customize the hover effects.<\/p>\n

[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/3″]\n

\n\t\"\"\n\t

Device Compatible<\/h3>\n\t
\n\t\t
<\/div>\n\t<\/div>\n<\/div>[\/vc_column_inner][vc_column_inner width=”1\/3″]\n
\n\t\"\"\n\t

Extreme Typography<\/h3>\n\t
\n\t\t
<\/div>\n\t<\/div>\n<\/div>[\/vc_column_inner][vc_column_inner width=”1\/3″]\n
\n\t\"\"\n\t

Easy To Use<\/h3>\n\t
\n\t\t
<\/div>\n\t<\/div>\n<\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row bg_type=”grad” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F7F7F7), color-stop(50%, #F7F7F7), color-stop(100%, #F7F7F7));background: -moz-linear-gradient(top,#F7F7F7 0%,#F7F7F7 50%,#F7F7F7 100%);background: -webkit-linear-gradient(top,#F7F7F7 0%,#F7F7F7 50%,#F7F7F7 100%);background: -o-linear-gradient(top,#F7F7F7 0%,#F7F7F7 50%,#F7F7F7 100%);background: -ms-linear-gradient(top,#F7F7F7 0%,#F7F7F7 50%,#F7F7F7 100%);background: linear-gradient(top,#F7F7F7 0%,#F7F7F7 50%,#F7F7F7 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_1418310094139{margin-bottom: 0px !important;padding-top: 90px !important;padding-right: 0px !important;padding-bottom: 90px !important;padding-left: 0px !important;}” animation_direction=”left-animation” animation_repeat=”repeat” parallax_content_sense=”30″ fadeout_start_effect=”30″ overlay_pattern_opacity=”80″ seperator_type=”none_seperator” seperator_position=”top_seperator” seperator_shape_size=”40″ seperator_svg_height=”60″ seperator_shape_background=”#ffffff” seperator_shape_border=”none” seperator_shape_border_width=”1″ icon_type=”no_icon” icon_size=”32″ icon_style=”none” icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ img_width=”48″][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]<\/p>\n

You can apply icons to the background simply by using Image Icon and choose to display text on Hover.<\/p>\n

[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/4″]\n

\n\t\"\"\n\t

SMILE WITH US<\/h3>\n\t
\n\t\t
We make you smile with our work that last forever. We work with simplicity and curiosity.<\/div>\n\t<\/div>\n<\/div>[\/vc_column_inner][vc_column_inner width=”1\/4″]\n
\n\t\"\"\n\t

START SHOPPING<\/h3>\n\t
\n\t\t
Our product is just awesome. You can buy it now from anywhere in the world.<\/div>\n\t<\/div>\n<\/div>[\/vc_column_inner][vc_column_inner width=”1\/4″]\n
\n\t\"\"\n\t

UNLOCK YOURSELF<\/h3>\n\t
\n\t\t
Unlock your power of creativity, we just spice them to make it more attractive.<\/div>\n\t<\/div>\n<\/div>[\/vc_column_inner][vc_column_inner width=”1\/4″]\n
\n\t\"\"\n\t

WE ARE WITH YOU<\/h3>\n\t
\n\t\t
Never be afraid we are with you. We support as long as you need it.<\/div>\n\t<\/div>\n<\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][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″ bg_override=”0″ css=”.vc_custom_1418310112451{margin-bottom: 0px !important;padding-top: 90px !important;padding-right: 0px !important;padding-bottom: 90px !important;padding-left: 0px !important;}” animation_direction=”left-animation” animation_repeat=”repeat” parallax_content_sense=”30″ fadeout_start_effect=”30″ overlay_pattern_opacity=”80″ seperator_type=”none_seperator” seperator_position=”top_seperator” seperator_shape_size=”40″ seperator_svg_height=”60″ seperator_shape_background=”#ffffff” seperator_shape_border=”none” seperator_shape_border_width=”1″ icon_type=”no_icon” icon_size=”32″ icon_style=”none” icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ img_width=”48″][vc_column width=”1\/1″][vc_text_separator title=”Icons with the Title” title_align=”separator_align_center” color=”grey”][vc_column_text]<\/p>\n

You can place icons with the title section<\/p>\n

[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/4″]\n

\n\t\"\"\n\t

Smart Capture<\/i><\/h3>\n\t
\n\t\t
This is dummy image that only describes the photography effects.<\/div>\n\t<\/div>\n<\/div>[\/vc_column_inner][vc_column_inner width=”1\/4″]\n
\n\t\"\"\n\t

light level<\/i><\/h3>\n\t
\n\t\t
This is dummy image that only describes the photography effects.<\/div>\n\t<\/div>\n<\/div>[\/vc_column_inner][vc_column_inner width=”1\/4″]\n
\n\t\"\"\n\t

Object Focus<\/i><\/h3>\n\t
\n\t\t
This is dummy image that only describes the photography effects.<\/div>\n\t<\/div>\n<\/div>[\/vc_column_inner][vc_column_inner width=”1\/4″]\n
\n\t\"\"\n\t

Color Effects<\/i><\/h3>\n\t
\n\t\t
This is dummy image that only describes the photography effects.<\/div>\n\t<\/div>\n<\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row bg_type=”grad” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F7F7F7), color-stop(50%, #F7F7F7), color-stop(100%, #F7F7F7));background: -moz-linear-gradient(top,#F7F7F7 0%,#F7F7F7 50%,#F7F7F7 100%);background: -webkit-linear-gradient(top,#F7F7F7 0%,#F7F7F7 50%,#F7F7F7 100%);background: -o-linear-gradient(top,#F7F7F7 0%,#F7F7F7 50%,#F7F7F7 100%);background: -ms-linear-gradient(top,#F7F7F7 0%,#F7F7F7 50%,#F7F7F7 100%);background: linear-gradient(top,#F7F7F7 0%,#F7F7F7 50%,#F7F7F7 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_1418310121586{margin-bottom: 0px !important;padding-top: 90px !important;padding-right: 0px !important;padding-bottom: 90px !important;padding-left: 0px !important;}” animation_direction=”left-animation” animation_repeat=”repeat” parallax_content_sense=”30″ fadeout_start_effect=”30″ overlay_pattern_opacity=”80″ seperator_type=”none_seperator” seperator_position=”top_seperator” seperator_shape_size=”40″ seperator_svg_height=”60″ seperator_shape_background=”#ffffff” seperator_shape_border=”none” seperator_shape_border_width=”1″ icon_type=”no_icon” icon_size=”32″ icon_style=”none” icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ img_width=”48″][vc_column width=”1\/1″][vc_text_separator title=”Icon on Hover” title_align=”separator_align_center” color=”grey”][vc_column_text]<\/p>\n

You can also use the icons with the On-Hover description.<\/p>\n

[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/3″]\n

\n\t\"\"\n\t

Speak With Us<\/h3>\n\t
\n\t\t
<\/i><\/div>\n\t\t

Feel free to speak with us. We love talking.<\/p>\n\t<\/div>\n<\/div>[\/vc_column_inner][vc_column_inner width=”1\/3″]\n

\n\t\"\"\n\t

Happy to Serve<\/h3>\n\t
\n\t\t
<\/i><\/div>\n\t\t

We are always happy and delighted working with you.<\/p>\n\t<\/div>\n<\/div>[\/vc_column_inner][vc_column_inner width=”1\/3″]\n

\n\t\"\"\n\t

Custom Facility<\/h3>\n\t
\n\t\t
<\/i><\/div>\n\t\t

Its easy to customize in any manner you want.<\/p>\n\t<\/div>\n<\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1418310132299{margin-bottom: 0px !important;padding-top: 90px !important;padding-bottom: 90px !important;}” 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_direction=”left-animation” animation_repeat=”repeat” bg_override=”0″ parallax_content_sense=”30″ fadeout_start_effect=”30″ overlay_pattern_opacity=”80″ seperator_type=”none_seperator” seperator_position=”top_seperator” seperator_shape_size=”40″ seperator_svg_height=”60″ seperator_shape_background=”#ffffff” seperator_shape_border=”none” seperator_shape_border_width=”1″ icon_type=”no_icon” icon_size=”32″ icon_style=”none” icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ img_width=”48″][vc_column width=”1\/1″][vc_text_separator title=”Colored Title Bar” title_align=”separator_align_center” color=”grey”][vc_column_text]<\/p>\n

Title Bar color can be changed according to the overall look of your website.<\/p>\n

[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/4″]\n

\n\t\"\"\n\t

iPhone<\/h3>\n\t
\n\t\t
Discover the world of iPhone, you will fall in love with it.<\/div>\n\t<\/div>\n<\/div>[\/vc_column_inner][vc_column_inner width=”1\/4″]\n
\n\t\"\"\n\t

iPad<\/h3>\n\t
\n\t\t
Explore the iPad features, you will fall in love with it.<\/div>\n\t<\/div>\n<\/div>[\/vc_column_inner][vc_column_inner width=”1\/4″]\n
\n\t\"\"\n\t

iPod<\/h3>\n\t
\n\t\t
Making difference in the world of sound, that's what it is.<\/div>\n\t<\/div>\n<\/div>[\/vc_column_inner][vc_column_inner width=”1\/4″]\n
\n\t\"\"\n\t

MacBook<\/h3>\n\t
\n\t\t
Explore the variety of MacBook, and you will love it for sure. <\/div>\n\t<\/div>\n<\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row bg_type=”grad” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F7F7F7), color-stop(50%, #F7F7F7), color-stop(100%, #F7F7F7));background: -moz-linear-gradient(top,#F7F7F7 0%,#F7F7F7 50%,#F7F7F7 100%);background: -webkit-linear-gradient(top,#F7F7F7 0%,#F7F7F7 50%,#F7F7F7 100%);background: -o-linear-gradient(top,#F7F7F7 0%,#F7F7F7 50%,#F7F7F7 100%);background: -ms-linear-gradient(top,#F7F7F7 0%,#F7F7F7 50%,#F7F7F7 100%);background: linear-gradient(top,#F7F7F7 0%,#F7F7F7 50%,#F7F7F7 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_1418310141417{margin-bottom: 0px !important;padding-top: 90px !important;padding-right: 0px !important;padding-bottom: 90px !important;padding-left: 0px !important;}” animation_direction=”left-animation” animation_repeat=”repeat” parallax_content_sense=”30″ fadeout_start_effect=”30″ overlay_pattern_opacity=”80″ seperator_type=”none_seperator” seperator_position=”top_seperator” seperator_shape_size=”40″ seperator_svg_height=”60″ seperator_shape_background=”#ffffff” seperator_shape_border=”none” seperator_shape_border_width=”1″ icon_type=”no_icon” icon_size=”32″ icon_style=”none” icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ img_width=”48″][vc_column width=”1\/1″][vc_text_separator title=”Button Link on Hover” title_align=”separator_align_center” color=”grey”][vc_column_text]<\/p>\n

You can apply the read more link button to the On-Hover description<\/p>\n

[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/3″]\n

\n\t\"\"\n\t

Dark Image<\/h3>\n\t
\n\t\t
This image is Layered with dark shadow.<\/div>\n\t\tREAD MORE<\/a>\n\t<\/div>\n<\/div>[\/vc_column_inner][vc_column_inner width=”1\/3″]\n
\n\t\"\"\n\t

Water Splash<\/h3>\n\t
\n\t\t
This image is layered with water splash.<\/div>\n\t\tREAD MORE<\/a>\n\t<\/div>\n<\/div>[\/vc_column_inner][vc_column_inner width=”1\/3″]\n
\n\t\"\"\n\t

Skyscraper <\/h3>\n\t
\n\t\t
This image is Layered with light and shadow .<\/div>\n\t\tREAD MORE<\/a>\n\t<\/div>\n<\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1418310149843{margin-bottom: 0px !important;padding-top: 90px !important;padding-bottom: 90px !important;}” 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_direction=”left-animation” animation_repeat=”repeat” bg_override=”0″ parallax_content_sense=”30″ fadeout_start_effect=”30″ overlay_pattern_opacity=”80″ seperator_type=”none_seperator” seperator_position=”top_seperator” seperator_shape_size=”40″ seperator_svg_height=”60″ seperator_shape_background=”#ffffff” seperator_shape_border=”none” seperator_shape_border_width=”1″ icon_type=”no_icon” icon_size=”32″ icon_style=”none” icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ img_width=”48″][vc_column width=”1\/1″][vc_text_separator title=”Link Complete Banner” title_align=”separator_align_center” color=”grey”][vc_column_text]<\/p>\n

Another example of link on the interactive banner is complete box link<\/p>\n

[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/3″]\n

\n\t\"\"\n\t

Camera one<\/h3>\n\t
\n\t\t
Camera is the great innovation. It captures very moments.<\/div>\n\t<\/div><\/a>\n<\/div>[\/vc_column_inner][vc_column_inner width=”1\/3″]\n
\n\t\"\"\n\t

Camera Second<\/h3>\n\t
\n\t\t
Camera is the great innovation. It captures very moments.<\/div>\n\t<\/div><\/a>\n<\/div>[\/vc_column_inner][vc_column_inner width=”1\/3″]\n
\n\t\"\"\n\t

Camera Third<\/h3>\n\t
\n\t\t
Camera is the great innovation. It captures very moments.<\/div>\n\t<\/div><\/a>\n<\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1418310261035{margin-bottom: 0px !important;padding-bottom: 90px !important;}” 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_direction=”left-animation” animation_repeat=”repeat” bg_override=”0″ parallax_content_sense=”30″ fadeout_start_effect=”30″ overlay_pattern_opacity=”80″ seperator_type=”none_seperator” seperator_position=”top_seperator” seperator_shape_size=”40″ seperator_svg_height=”60″ seperator_shape_background=”#ffffff” seperator_shape_border=”none” seperator_shape_border_width=”1″ icon_type=”no_icon” icon_size=”32″ icon_style=”none” icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ img_width=”48″][vc_column][vc_text_separator title=”Hover Effects” title_align=”separator_align_center” color=”grey”][vc_column_text]<\/p>\n

All Possible Cool Hover Effects Below.<\/p>\n

[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/3″]\n

\n\t\"\"\n\t

Interactive banner title<\/i><\/h3>\n\t
\n\t\t
<\/i><\/div>\n\t\t

A short description of this banner. A short description of this banner. A short description of this banner.<\/p>\n\t<\/div>\n<\/div>\n

\n\t\"\"\n\t

Interactive banner title<\/i><\/h3>\n\t
\n\t\t
<\/i><\/div>\n\t\t

A short description of this banner. A short description of this banner. A short description of this banner.<\/p>\n\t<\/div>\n<\/div>\n

\n\t\"\"\n\t

Interactive banner title<\/i><\/h3>\n\t
\n\t\t
<\/i><\/div>\n\t\t

A short description of this banner. A short description of this banner. A short description of this banner.<\/p>\n\t<\/div>\n<\/div>\n

\n\t\"\"\n\t

Interactive banner title<\/i><\/h3>\n\t
\n\t\t
<\/i><\/div>\n\t\t

A short description of this banner. A short description of this banner. A short description of this banner.<\/p>\n\t<\/div>\n<\/div>[\/vc_column_inner][vc_column_inner width=”1\/3″]\n

\n\t\"\"\n\t

Interactive banner title<\/i><\/h3>\n\t
\n\t\t
<\/i><\/div>\n\t\t

A short description of this banner. A short description of this banner. A short description of this banner.
\n<\/p>\n\t<\/div>\n<\/div>\n

\n\t\"\"\n\t

Interactive banner title<\/i><\/h3>\n\t
\n\t\t
<\/i><\/div>\n\t\t

A short description of this banner. A short description of this banner. A short description of this banner.
\n<\/p>\n\t<\/div>\n<\/div>\n

\n\t\"\"\n\t

Interactive banner title<\/i><\/h3>\n\t
\n\t\t
<\/i><\/div>\n\t\t

A short description of this banner. A short description of this banner. A short description of this banner.
\n<\/p>\n\t<\/div>\n<\/div>\n

\n\t\"\"\n\t

Interactive banner title<\/i><\/h3>\n\t
\n\t\t
<\/i><\/div>\n\t\t

A short description of this banner. A short description of this banner. A short description of this banner.
\n<\/p>\n\t<\/div>\n<\/div>[\/vc_column_inner][vc_column_inner width=”1\/3″]\n

\n\t\"\"\n\t

Interactive banner title<\/i><\/h3>\n\t
\n\t\t
<\/i><\/div>\n\t\t

A short description of this banner. A short description of this banner. A short description of this banner.
\n<\/p>\n\t<\/div>\n<\/div>\n

\n\t\"\"\n\t

Interactive banner title<\/i><\/h3>\n\t
\n\t\t
<\/i><\/div>\n\t\t

A short description of this banner. A short description of this banner. A short description of this banner.
\n<\/p>\n\t<\/div>\n<\/div>\n

\n\t\"\"\n\t

Interactive banner title<\/i><\/h3>\n\t
\n\t\t
<\/i><\/div>\n\t\t

A short description of this banner. A short description of this banner. A short description of this banner.
\n<\/p>\n\t<\/div>\n<\/div>\n

\n\t\"\"\n\t

Interactive banner title<\/i><\/h3>\n\t
\n\t\t
<\/i><\/div>\n\t\t

A short description of this banner. A short description of this banner. A short description of this banner.
\n<\/p>\n\t<\/div>\n<\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row bg_type=”grad” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F7F7F7), color-stop(50%, #F7F7F7), color-stop(100%, #F7F7F7));background: -moz-linear-gradient(top,#F7F7F7 0%,#F7F7F7 50%,#F7F7F7 100%);background: -webkit-linear-gradient(top,#F7F7F7 0%,#F7F7F7 50%,#F7F7F7 100%);background: -o-linear-gradient(top,#F7F7F7 0%,#F7F7F7 50%,#F7F7F7 100%);background: -ms-linear-gradient(top,#F7F7F7 0%,#F7F7F7 50%,#F7F7F7 100%);background: linear-gradient(top,#F7F7F7 0%,#F7F7F7 50%,#F7F7F7 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_1418310166283{margin-bottom: 0px !important;padding-top: 90px !important;padding-right: 0px !important;padding-bottom: 90px !important;padding-left: 0px !important;}” animation_direction=”left-animation” animation_repeat=”repeat” parallax_content_sense=”30″ fadeout_start_effect=”30″ overlay_pattern_opacity=”80″ seperator_type=”none_seperator” seperator_position=”top_seperator” seperator_shape_size=”40″ seperator_svg_height=”60″ seperator_shape_background=”#ffffff” seperator_shape_border=”none” seperator_shape_border_width=”1″ icon_type=”no_icon” icon_size=”32″ icon_style=”none” icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ img_width=”48″][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]<\/p>\n

An image is used with the title, which is by default set to left.<\/p>\n

[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/4″]\n

\n\t\"\"\n\t

SUSAN THE JUST<\/h3>\n\t
\n\t\t
<\/div>\n\t<\/div>\n<\/div>[\/vc_column_inner][vc_column_inner width=”1\/4″]\n
\n\t\"\"\n\t

MARK THE STRONG<\/h3>\n\t
\n\t\t
<\/div>\n\t<\/div>\n<\/div>[\/vc_column_inner][vc_column_inner width=”1\/4″]\n
\n\t\"\"\n\t

SOFIA THE SILENT<\/h3>\n\t
\n\t\t
<\/div>\n\t<\/div>\n<\/div>[\/vc_column_inner][vc_column_inner width=”1\/4″]\n
\n\t\"\"\n\t

ALVIN THE CREATIVE<\/h3>\n\t
\n\t\t
<\/div>\n\t<\/div>\n<\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][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″ bg_override=”0″ css=”.vc_custom_1418310173202{margin-bottom: 0px !important;padding-top: 90px !important;padding-right: 0px !important;padding-bottom: 90px !important;padding-left: 0px !important;}” animation_direction=”left-animation” animation_repeat=”repeat” parallax_content_sense=”30″ fadeout_start_effect=”30″ overlay_pattern_opacity=”80″ seperator_type=”none_seperator” seperator_position=”top_seperator” seperator_shape_size=”40″ seperator_svg_height=”60″ seperator_shape_background=”#ffffff” seperator_shape_border=”none” seperator_shape_border_width=”1″ icon_type=”no_icon” icon_size=”32″ icon_style=”none” icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ img_width=”48″][vc_column width=”1\/1″][vc_text_separator title=”Custom Height” title_align=”separator_align_center” color=”grey”][vc_column_text]<\/p>\n

Control the size of the banner with easy settings.<\/p>\n

[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/4″]\n

\n\t\"\"\n\t

Landscape First<\/h3>\n\t
\n\t\t
Freta orbem mundo fluminaque iners cingebant pace mentisque. Speciem surgere. <\/div>\n\t<\/div><\/a>\n<\/div>[\/vc_column_inner][vc_column_inner width=”1\/4″]\n
\n\t\"\"\n\t

Landscape Second<\/h3>\n\t
\n\t\t
Freta orbem mundo fluminaque iners cingebant pace mentisque. Speciem surgere. <\/div>\n\t<\/div><\/a>\n<\/div>[\/vc_column_inner][vc_column_inner width=”1\/4″]\n
\n\t\"\"\n\t

Landscape Third<\/h3>\n\t
\n\t\t
Freta orbem mundo fluminaque iners cingebant pace mentisque. Speciem surgere. <\/div>\n\t<\/div><\/a>\n<\/div>[\/vc_column_inner][vc_column_inner width=”1\/4″]\n
\n\t\"\"\n\t

Landscape Fourth<\/h3>\n\t
\n\t\t
Freta orbem mundo fluminaque iners cingebant pace mentisque.<\/div>\n\t<\/div><\/a>\n<\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

[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…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"class_list":["post-15937","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t