{"id":838,"date":"2014-07-11T08:53:35","date_gmt":"2014-07-11T08:53:35","guid":{"rendered":"https:\/\/demo.exptheme.com\/craftsmen\/?page_id=838"},"modified":"2014-07-11T08:53:35","modified_gmt":"2014-07-11T08:53:35","slug":"interactive-banners","status":"publish","type":"page","link":"https:\/\/demo.exptheme.com\/craftsmen\/interactive-banners\/","title":{"rendered":"Interactive Banners"},"content":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1416305440117{padding-top: 20px !important;padding-bottom: 80px !important;}&#8221; full_width=&#8221;false&#8221; parallax_speed=&#8221;0.1&#8243; bg_video_transparent=&#8221;1&#8243;][vc_column width=&#8221;1\/1&#8243; column_align=&#8221;center&#8221; text_align=&#8221;center&#8221;][vc_column_text]<\/p>\n<h3>Carefully created to use on any design or theme<\/h3>\n<p>Use any of the Consilium elements on the themes or create your own style[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243; text_align=&#8221;left&#8221;]\r\n            \r\n            <div class=\"column_container\">\r\n               <div id=\"interactive_banner_6a04ca0313484_1778698755\" class=\"cs-interactive-banner wrapper style1\">\r\n\t\t\t\t\t<style type=\"text\/css\" scoped>\r\n\t\t\t\t\t\t#interactive_banner_6a04ca0313484_1778698755.cs-interactive-banner .shortcode-title, .cs-interactive-banner .shortcode-title a {color: ;}\r\n\t\t\t\t\t\t#interactive_banner_6a04ca0313484_1778698755.cs-interactive-banner .cs-interactive-icon i {font-size: ;color: ;background: ;padding: 0 10px;}\r\n\t\t\t\t\t\t#interactive_banner_6a04ca0313484_1778698755.cs-interactive-banner .cs-interactive-content-wrap{color: ;}\r\n\t\t\t\t\t\t#interactive_banner_6a04ca0313484_1778698755.cs-interactive-banner .cs-interactive-content-hover-wrap{color: ;}\r\n\t\t\t\t\t<\/style>\r\n                                            <div class=\"cs-interactive-image\">\r\n                            <img decoding=\"async\" src=\"https:\/\/demo.exptheme.com\/craftsmen\/wp-content\/uploads\/2014\/07\/blog11-1172x497_c.jpg\" class=\"attach_img_cropped\" alt=\"\"  \/>                        <\/div>\r\n                                                                <div class=\"cs-interactive-content-wrap\" style=\"background:0.5;\">\r\n                            <div class=\"cs-interactive-content-inner\">\r\n                                                                <div class=\"cs-interactive-icon\">\r\n                                   \t\t\t\t\t\t\t\t\t\t<i class=\"ion ion-ios7-monitor-outline scale-up animate-element\"><\/i>\r\n\t\t\t\t\t\t\t\t\t                                <\/div>\r\n                                                                                                <div class=\"cs-interactive-content\">\r\n                                    <h4  class=\"shortcode-title\"><span>Are you looking for something?<\/span><\/h4>\t\r\n                                                                            <div class=\"cs-interactive-short-description\">\r\n                                            <p>WordPress 4.0 Beta 1 is now availableShort Description!<\/p>\r\n                                        <\/div>\r\n                                    \r\n                                <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                                                                <div class=\"cs-interactive-content-hover-wrap\" style=\"background: 0.8;\">\r\n                            <div class=\"cs-interactive-content\">\r\n                                <h4  class=\"shortcode-title\"><span>Are you looking for something?<\/span><\/h4>\t\r\n                            <\/div>\r\n                                                        <div class=\"cs-interactive-icon\">\r\n                               \t\t\t\t\t\t\t\t\t<i class=\"ion ion-ios7-monitor-outline scale-up animate-element\"><\/i>\r\n\t\t\t\t\t\t\t\t                            <\/div>\r\n                                                                                        <div class=\"cs-interactive-short-description\">\r\n                                    <p>WordPress 4.0 Beta 1 is now available! This software is still in development, so we don\u2019t recommend you run it on a production site. Consider setting up a test site just to play with the new version. To test WordPress 4.0, try the WordPress Beta Tester plugin (you\u2019ll want \u201cbleeding edge nightlies\u201d). <\/p>\r\n                                <\/div>\r\n                                                                                        <div class=\"cs-interactive-readmore\">\r\n                                    <a class=\"cs-interactive-readmore btn btn-default btn-link \" href=\"http:\/\/themeforest.net\/user\/CMSSuperHeroes\/portfolio\">View More<\/a>\r\n                                <\/div>\r\n                            \r\n\r\n                        <\/div>\r\n                     \r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1407413711592{padding-top: 40px !important;padding-bottom: 40px !important;}&#8221; full_width=&#8221;false&#8221; parallax_speed=&#8221;0.8&#8243; bg_video_transparent=&#8221;0&#8243;][vc_column width=&#8221;1\/2&#8243;]\r\n            \r\n            <div class=\"column_container\">\r\n               <div id=\"interactive_banner_6a04ca0313bc3_1778698755\" class=\"cs-interactive-banner wrapper style2\">\r\n\t\t\t\t\t<style type=\"text\/css\" scoped>\r\n\t\t\t\t\t\t#interactive_banner_6a04ca0313bc3_1778698755.cs-interactive-banner .shortcode-title, .cs-interactive-banner .shortcode-title a {color: ;}\r\n\t\t\t\t\t\t#interactive_banner_6a04ca0313bc3_1778698755.cs-interactive-banner .cs-interactive-icon i {font-size: ;color: ;background: ;padding: 0 10px;}\r\n\t\t\t\t\t\t#interactive_banner_6a04ca0313bc3_1778698755.cs-interactive-banner .cs-interactive-content-wrap{color: ;}\r\n\t\t\t\t\t\t#interactive_banner_6a04ca0313bc3_1778698755.cs-interactive-banner .cs-interactive-content-hover-wrap{color: ;}\r\n\t\t\t\t\t<\/style>\r\n                                            <div class=\"cs-interactive-image\">\r\n                            <img decoding=\"async\" src=\"https:\/\/demo.exptheme.com\/craftsmen\/wp-content\/uploads\/2014\/07\/blog14.jpg\" alt=\"\" \/>                        <\/div>\r\n                                                                <div class=\"cs-interactive-content-wrap\" style=\"background:0.8;\">\r\n                            <div class=\"cs-interactive-content-inner\">\r\n                                                                <div class=\"cs-interactive-icon\">\r\n                                   \t\t\t\t\t\t\t\t\t\t<i class=\"ion ion-ios7-lightbulb-outline scale-up animate-element\"><\/i>\r\n\t\t\t\t\t\t\t\t\t                                <\/div>\r\n                                                                                                <div class=\"cs-interactive-content\">\r\n                                    <h4  class=\"shortcode-title\"><span>Let's get down to the detail<\/span><\/h4>\t\r\n                                                                            <div class=\"cs-interactive-short-description\">\r\n                                            <p>WordPress 4.0 Beta 1 is now available!<\/p>\r\n                                        <\/div>\r\n                                    \r\n                                <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                                                                <div class=\"cs-interactive-content-hover-wrap\" style=\"background: 0.8;\">\r\n                            <div class=\"cs-interactive-content\">\r\n                                <h4  class=\"shortcode-title\"><span>Let's get down to the detail<\/span><\/h4>\t\r\n                            <\/div>\r\n                                                        <div class=\"cs-interactive-icon\">\r\n                               \t\t\t\t\t\t\t\t\t<i class=\"ion ion-ios7-lightbulb-outline scale-up animate-element\"><\/i>\r\n\t\t\t\t\t\t\t\t                            <\/div>\r\n                                                                                        <div class=\"cs-interactive-short-description\">\r\n                                    <p>WordPress 4.0 Beta 1 is now available! This software is still in development, so we don\u2019t recommend you run it on a production site. Consider setting up a test site just to play with the new version. To test WordPress 4.0, try the WordPress Beta Tester plugin (you\u2019ll want \u201cbleeding edge nightlies\u201d). <\/p>\r\n                                <\/div>\r\n                                                        \r\n\r\n                        <\/div>\r\n                     \r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t[\/vc_column][vc_column width=&#8221;1\/2&#8243;]\r\n            \r\n            <div class=\"column_container\">\r\n               <div id=\"interactive_banner_6a04ca0313ddb_1778698755\" class=\"cs-interactive-banner wrapper style3\">\r\n\t\t\t\t\t<style type=\"text\/css\" scoped>\r\n\t\t\t\t\t\t#interactive_banner_6a04ca0313ddb_1778698755.cs-interactive-banner .shortcode-title, .cs-interactive-banner .shortcode-title a {color: ;}\r\n\t\t\t\t\t\t#interactive_banner_6a04ca0313ddb_1778698755.cs-interactive-banner .cs-interactive-icon i {font-size: ;color: ;background: ;padding: 0 10px;}\r\n\t\t\t\t\t\t#interactive_banner_6a04ca0313ddb_1778698755.cs-interactive-banner .cs-interactive-content-wrap{color: ;}\r\n\t\t\t\t\t\t#interactive_banner_6a04ca0313ddb_1778698755.cs-interactive-banner .cs-interactive-content-hover-wrap{color: ;}\r\n\t\t\t\t\t<\/style>\r\n                                            <div class=\"cs-interactive-image\">\r\n                            <img decoding=\"async\" src=\"https:\/\/demo.exptheme.com\/craftsmen\/wp-content\/uploads\/2014\/06\/Blog132.jpg\" alt=\"\" \/>                        <\/div>\r\n                                                                <div class=\"cs-interactive-content-wrap\" style=\"background:0.8;\">\r\n                            <div class=\"cs-interactive-content-inner\">\r\n                                                                <div class=\"cs-interactive-icon\">\r\n                                   \t\t\t\t\t\t\t\t\t\t<i class=\"ion ion-ios7-mic \"><\/i>\r\n\t\t\t\t\t\t\t\t\t                                <\/div>\r\n                                                                                                <div class=\"cs-interactive-content\">\r\n                                    <h4  class=\"shortcode-title\"><span>Full control of your project<\/span><\/h4>\t\r\n                                                                            <div class=\"cs-interactive-short-description\">\r\n                                            <p>WordPress 4.0 Beta 1 is now available!<\/p>\r\n                                        <\/div>\r\n                                    \r\n                                <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                                                                <div class=\"cs-interactive-content-hover-wrap\" style=\"background: 0.8;\">\r\n                            <div class=\"cs-interactive-content\">\r\n                                <h4  class=\"shortcode-title\"><span>Full control of your project<\/span><\/h4>\t\r\n                            <\/div>\r\n                                                        <div class=\"cs-interactive-icon\">\r\n                               \t\t\t\t\t\t\t\t\t<i class=\"ion ion-ios7-mic \"><\/i>\r\n\t\t\t\t\t\t\t\t                            <\/div>\r\n                                                                                        <div class=\"cs-interactive-short-description\">\r\n                                    <p>WordPress 4.0 Beta 1 is now available! This software is still in development, so we don\u2019t recommend you run it on a production site. Consider setting up a test site just to play with the new version. To test WordPress 4.0, try the WordPress Beta Tester plugin (you\u2019ll want \u201cbleeding edge nightlies\u201d). <\/p>\r\n                                <\/div>\r\n                                                        \r\n\r\n                        <\/div>\r\n                     \r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1405942450140{padding-top: 40px !important;padding-bottom: 40px !important;background-color: #f5f5f5 !important;}&#8221; full_width=&#8221;false&#8221; parallax_speed=&#8221;0.1&#8243; bg_video_transparent=&#8221;1&#8243;][vc_column width=&#8221;1\/3&#8243;]\r\n            \r\n            <div class=\"column_container\">\r\n               <div id=\"interactive_banner_6a04ca0313f6c_1778698755\" class=\"cs-interactive-banner wrapper style4\">\r\n\t\t\t\t\t<style type=\"text\/css\" scoped>\r\n\t\t\t\t\t\t#interactive_banner_6a04ca0313f6c_1778698755.cs-interactive-banner .shortcode-title, .cs-interactive-banner .shortcode-title a {color: ;}\r\n\t\t\t\t\t\t#interactive_banner_6a04ca0313f6c_1778698755.cs-interactive-banner .cs-interactive-icon i {font-size: ;color: ;background: ;padding: 0 10px;}\r\n\t\t\t\t\t\t#interactive_banner_6a04ca0313f6c_1778698755.cs-interactive-banner .cs-interactive-content-wrap{color: ;}\r\n\t\t\t\t\t\t#interactive_banner_6a04ca0313f6c_1778698755.cs-interactive-banner .cs-interactive-content-hover-wrap{color: ;}\r\n\t\t\t\t\t<\/style>\r\n                                            <div class=\"cs-interactive-image\">\r\n                            <img decoding=\"async\" src=\"https:\/\/demo.exptheme.com\/craftsmen\/wp-content\/uploads\/2014\/07\/blog5.jpg\" alt=\"\" \/>                        <\/div>\r\n                                                                <div class=\"cs-interactive-content-wrap\" style=\"background:0.8;\">\r\n                            <div class=\"cs-interactive-content-inner\">\r\n                                                                <div class=\"cs-interactive-icon\">\r\n                                   \t\t\t\t\t\t\t\t\t\t<i class=\"ion ion-social-apple-outline \"><\/i>\r\n\t\t\t\t\t\t\t\t\t                                <\/div>\r\n                                                                                                <div class=\"cs-interactive-content\">\r\n                                    <h6  class=\"shortcode-title\"><span>let's get down to the detail<\/span><\/h6>\t\r\n                                                                            <div class=\"cs-interactive-short-description\">\r\n                                            <p>WordPress 4.0 Beta 1 is now available! <\/p>\r\n                                        <\/div>\r\n                                    \r\n                                <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                                                                <div class=\"cs-interactive-content-hover-wrap\" style=\"background: 0.8;\">\r\n                            <div class=\"cs-interactive-content\">\r\n                                <h6  class=\"shortcode-title\"><span>let's get down to the detail<\/span><\/h6>\t\r\n                            <\/div>\r\n                                                        <div class=\"cs-interactive-icon\">\r\n                               \t\t\t\t\t\t\t\t\t<i class=\"ion ion-social-apple-outline \"><\/i>\r\n\t\t\t\t\t\t\t\t                            <\/div>\r\n                                                                                        <div class=\"cs-interactive-short-description\">\r\n                                    <p>WordPress 4.0 Beta 1 is now available! This software is still in development, so we don\u2019t recommend you run it on a production site.<\/p>\r\n                                <\/div>\r\n                                                        \r\n\r\n                        <\/div>\r\n                     \r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t[\/vc_column][vc_column width=&#8221;1\/3&#8243;]\r\n            \r\n            <div class=\"column_container\">\r\n               <div id=\"interactive_banner_6a04ca03140e9_1778698755\" class=\"cs-interactive-banner wrapper style5\">\r\n\t\t\t\t\t<style type=\"text\/css\" scoped>\r\n\t\t\t\t\t\t#interactive_banner_6a04ca03140e9_1778698755.cs-interactive-banner .shortcode-title, .cs-interactive-banner .shortcode-title a {color: ;}\r\n\t\t\t\t\t\t#interactive_banner_6a04ca03140e9_1778698755.cs-interactive-banner .cs-interactive-icon i {font-size: ;color: ;background: ;padding: 0 10px;}\r\n\t\t\t\t\t\t#interactive_banner_6a04ca03140e9_1778698755.cs-interactive-banner .cs-interactive-content-wrap{color: ;}\r\n\t\t\t\t\t\t#interactive_banner_6a04ca03140e9_1778698755.cs-interactive-banner .cs-interactive-content-hover-wrap{color: ;}\r\n\t\t\t\t\t<\/style>\r\n                                            <div class=\"cs-interactive-image\">\r\n                            <img decoding=\"async\" src=\"https:\/\/demo.exptheme.com\/craftsmen\/wp-content\/uploads\/2014\/07\/blog6.jpg\" alt=\"\" \/>                        <\/div>\r\n                                                                <div class=\"cs-interactive-content-wrap\" style=\"background:0.8;\">\r\n                            <div class=\"cs-interactive-content-inner\">\r\n                                                                <div class=\"cs-interactive-icon\">\r\n                                   \t\t\t\t\t\t\t\t\t\t<i class=\"ion ion-social-twitter-outline \"><\/i>\r\n\t\t\t\t\t\t\t\t\t                                <\/div>\r\n                                                                                                <div class=\"cs-interactive-content\">\r\n                                    <h6  class=\"shortcode-title\"><span>Let's get down to the detail<\/span><\/h6>\t\r\n                                                                            <div class=\"cs-interactive-short-description\">\r\n                                            <p>WordPress 4.0 Beta 1 is now available! <\/p>\r\n                                        <\/div>\r\n                                    \r\n                                <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                                                                <div class=\"cs-interactive-content-hover-wrap\" style=\"background: 0.8;\">\r\n                            <div class=\"cs-interactive-content\">\r\n                                <h6  class=\"shortcode-title\"><span>Let's get down to the detail<\/span><\/h6>\t\r\n                            <\/div>\r\n                                                        <div class=\"cs-interactive-icon\">\r\n                               \t\t\t\t\t\t\t\t\t<i class=\"ion ion-social-twitter-outline \"><\/i>\r\n\t\t\t\t\t\t\t\t                            <\/div>\r\n                                                                                        <div class=\"cs-interactive-short-description\">\r\n                                    <p>WordPress 4.0 Beta 1 is now available! This software is still in development, so we don\u2019t recommend you run it on a production site.<\/p>\r\n                                <\/div>\r\n                                                        \r\n\r\n                        <\/div>\r\n                     \r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t[\/vc_column][vc_column width=&#8221;1\/3&#8243;]\r\n            \r\n            <div class=\"column_container\">\r\n               <div id=\"interactive_banner_6a04ca0314315_1778698755\" class=\"cs-interactive-banner wrapper style6\">\r\n\t\t\t\t\t<style type=\"text\/css\" scoped>\r\n\t\t\t\t\t\t#interactive_banner_6a04ca0314315_1778698755.cs-interactive-banner .shortcode-title, .cs-interactive-banner .shortcode-title a {color: ;}\r\n\t\t\t\t\t\t#interactive_banner_6a04ca0314315_1778698755.cs-interactive-banner .cs-interactive-icon i {font-size: ;color: ;background: ;padding: 0 10px;}\r\n\t\t\t\t\t\t#interactive_banner_6a04ca0314315_1778698755.cs-interactive-banner .cs-interactive-content-wrap{color: ;}\r\n\t\t\t\t\t\t#interactive_banner_6a04ca0314315_1778698755.cs-interactive-banner .cs-interactive-content-hover-wrap{color: ;}\r\n\t\t\t\t\t<\/style>\r\n                                            <div class=\"cs-interactive-image\">\r\n                            <img decoding=\"async\" src=\"https:\/\/demo.exptheme.com\/craftsmen\/wp-content\/uploads\/2014\/07\/blog7.jpg\" alt=\"\" \/>                        <\/div>\r\n                                                                <div class=\"cs-interactive-content-wrap\" style=\"background:0.8;\">\r\n                            <div class=\"cs-interactive-content-inner\">\r\n                                                                <div class=\"cs-interactive-icon\">\r\n                                   \t\t\t\t\t\t\t\t\t\t<i class=\"ion ion-social-tux \"><\/i>\r\n\t\t\t\t\t\t\t\t\t                                <\/div>\r\n                                                                                                <div class=\"cs-interactive-content\">\r\n                                    <h6  class=\"shortcode-title\"><span>let's get down to the detail<\/span><\/h6>\t\r\n                                                                            <div class=\"cs-interactive-short-description\">\r\n                                            <p>WordPress 4.0 Beta 1 is now available! <\/p>\r\n                                        <\/div>\r\n                                    \r\n                                <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                                                                <div class=\"cs-interactive-content-hover-wrap\" style=\"background: 0.8;\">\r\n                            <div class=\"cs-interactive-content\">\r\n                                <h6  class=\"shortcode-title\"><span>let's get down to the detail<\/span><\/h6>\t\r\n                            <\/div>\r\n                                                        <div class=\"cs-interactive-icon\">\r\n                               \t\t\t\t\t\t\t\t\t<i class=\"ion ion-social-tux \"><\/i>\r\n\t\t\t\t\t\t\t\t                            <\/div>\r\n                                                                                        <div class=\"cs-interactive-short-description\">\r\n                                    <p>WordPress 4.0 Beta 1 is now available! This software is still in development, so we don\u2019t recommend you run it on a production site.<\/p>\r\n                                <\/div>\r\n                                                        \r\n\r\n                        <\/div>\r\n                     \r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t[\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1416305440117{padding-top: 20px !important;padding-bottom: 80px !important;}&#8221; full_width=&#8221;false&#8221; parallax_speed=&#8221;0.1&#8243; bg_video_transparent=&#8221;1&#8243;][vc_column width=&#8221;1\/1&#8243; column_align=&#8221;center&#8221; text_align=&#8221;center&#8221;][vc_column_text] Carefully created to use on any design or theme Use any of the Consilium elements on the themes or create your own style[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243; text_align=&#8221;left&#8221;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1407413711592{padding-top: 40px !important;padding-bottom: 40px !important;}&#8221; full_width=&#8221;false&#8221; parallax_speed=&#8221;0.8&#8243; bg_video_transparent=&#8221;0&#8243;][vc_column width=&#8221;1\/2&#8243;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1405942450140{padding-top: 40px !important;padding-bottom: 40px !important;background-color: #f5f5f5 !important;}&#8221; full_width=&#8221;false&#8221; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-838","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.exptheme.com\/craftsmen\/wp-json\/wp\/v2\/pages\/838","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.exptheme.com\/craftsmen\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.exptheme.com\/craftsmen\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.exptheme.com\/craftsmen\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.exptheme.com\/craftsmen\/wp-json\/wp\/v2\/comments?post=838"}],"version-history":[{"count":0,"href":"https:\/\/demo.exptheme.com\/craftsmen\/wp-json\/wp\/v2\/pages\/838\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.exptheme.com\/craftsmen\/wp-json\/wp\/v2\/media?parent=838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}