{"id":1835,"date":"2018-05-01T05:40:31","date_gmt":"2018-05-01T05:40:31","guid":{"rendered":"http:\/\/wp.kodesolution.work\/personal\/j\/charitab\/demo\/?page_id=1835"},"modified":"2018-05-01T05:40:31","modified_gmt":"2018-05-01T05:40:31","slug":"interactive-banners","status":"publish","type":"page","link":"https:\/\/horizoncont.com\/ar\/ultimate-addons-vc-shortcodes\/interactive-banners\/","title":{"rendered":"Interactive Banners"},"content":{"rendered":"

[vc_row bg_type=”no_bg” animation_type=”h” horizontal_animation=”left-animation” vertical_animation=”top-animation”][vc_column][vc_column_text]<\/p>\n

Hello! Let us elaborate what are all the cool things you can do with the Interactive Banner Element.<\/h4>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row bg_type=”bg_color” 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”][vc_column][vc_text_separator title=”Simple Interactive Banner with Title on Left (by default)”][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\"null\"\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\"null\"\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\"null\"\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\"null\"\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=”theme_default” padding=”30px 0px”][vc_column][vc_text_separator title=”Simple Interactive Banner with Title in Center”][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\"null\"\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\"null\"\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\"null\"\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=”bg_color” 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”][vc_column][vc_text_separator title=”Image Icon Background and On-Hover Description”][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\"null\"\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\"null\"\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\"null\"\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\"null\"\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=”theme_default” padding=”30px 0px”][vc_column][vc_text_separator title=”Icons with the Title”][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\"null\"\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\"null\"\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\"null\"\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\"null\"\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=”bg_color” 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”][vc_column][vc_text_separator title=”Icon on Hover”][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\"null\"\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\"null\"\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\"null\"\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][vc_column][vc_text_separator title=”Colored Title Bar”][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\"null\"\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\"null\"\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\"null\"\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\"null\"\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=”bg_color” 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”][vc_column][vc_text_separator title=”Button Link on Hover”][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\"null\"\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\"null\"\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\"null\"\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][vc_column][vc_text_separator title=”Link Complete Banner”][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\"null\"\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\"null\"\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\"null\"\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][vc_column][vc_text_separator title=”Hover Effects”][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\"null\"\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\"null\"\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\"null\"\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\"null\"\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\"null\"\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\"null\"\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\"null\"\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\"null\"\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\"null\"\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\"null\"\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\"null\"\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\"null\"\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_row_inner][\/vc_column][\/vc_row][vc_row bg_type=”theme_default” padding=”30px 0px”][vc_column][vc_text_separator title=”Custom Height”][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\"null\"\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\"null\"\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\"null\"\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_column_inner width=”1\/4″]\n
\n\t\"null\"\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_row_inner][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"

[vc_row bg_type=”no_bg” animation_type=”h” horizontal_animation=”left-animation” vertical_animation=”top-animation”][vc_column][vc_column_text] Hello! Let us elaborate what are all the cool things you can do with the…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":21979,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/horizoncont.com\/ar\/wp-json\/wp\/v2\/pages\/1835"}],"collection":[{"href":"https:\/\/horizoncont.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/horizoncont.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/horizoncont.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/horizoncont.com\/ar\/wp-json\/wp\/v2\/comments?post=1835"}],"version-history":[{"count":0,"href":"https:\/\/horizoncont.com\/ar\/wp-json\/wp\/v2\/pages\/1835\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/horizoncont.com\/ar\/wp-json\/wp\/v2\/pages\/21979"}],"wp:attachment":[{"href":"https:\/\/horizoncont.com\/ar\/wp-json\/wp\/v2\/media?parent=1835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}