Simple Interactive Banner with Title on Left (by default)
An image is used with the title, which is by default set to left.
[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=”#ff3800″ banner_opacity=”opaque” banner_image=”3223″]
[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=”#ff3800″ banner_opacity=”opaque” banner_image=”3223″]
[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=”#ff3800″ banner_opacity=”opaque” banner_image=”3223″]
[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=”#ff3800″ banner_opacity=”opaque” banner_image=”3223″]
Simple Interactive Banner with Title in Center
You can place your title to the center on the title bar & also you can customize the hover effects.
[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=”#ff3800″ banner_opacity=”opaque” banner_image=”3223″ banner_height_val=”252″]
[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=”#ff3800″ banner_opacity=”opaque” banner_image=”3223″ banner_height_val=”252″]
[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=”#ff3800″ banner_opacity=”opaque” banner_image=”3223″]
Image Icon Background and On-Hover Description
You can apply icons to the background simply by using Image Icon and choose to display text on Hover.
[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=”#a5a5a5″ banner_opacity=”opaque” banner_image=”3223″]
[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=”#a5a5a5″ banner_opacity=”opaque” banner_image=”3223″]
[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=”#a5a5a5″ banner_opacity=”opaque” banner_image=”3223″]
[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=”#a5a5a5″ banner_opacity=”opaque” banner_image=”3223″]
Icons with the Title
You can place icons with the title section
[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=”Defaults-camera” link_opts=”none” banner_style=”style04″ banner_bg_color=”#ff3800″ banner_opacity=”opaque” banner_image=”3223″]
[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=”Defaults-adjust” link_opts=”none” banner_style=”style03″ banner_bg_color=”#ff3800″ banner_opacity=”opaque” banner_image=”3223″]
[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=”Defaults-thumbs-up” link_opts=”none” banner_style=”style04″ banner_bg_color=”#ff3800″ banner_opacity=”opaque” banner_image=”3223″]
[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=”Defaults-tint” link_opts=”none” banner_style=”style03″ banner_bg_color=”#ff3800″ banner_opacity=”opaque” banner_image=”3223″]
Icon on Hover
You can also use the icons with the On-Hover description.
[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=”Defaults-smile” link_opts=”none” banner_style=”style03″ banner_bg_color=”#ff3800″ banner_opacity=”opaque” banner_image=”3223″]
[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=”Defaults-microphone” link_opts=”none” banner_style=”style04″ banner_bg_color=”#ff3800″ banner_opacity=”opaque” banner_image=”3223″]
[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=”Defaults-wrench” link_opts=”none” banner_style=”style04″ banner_bg_color=”#ff3800″ banner_opacity=”opaque” banner_image=”3223″]
Colored Title Bar
Title Bar color can be changed according to the overall look of your website.
[interactive_banner banner_title=”Portfolio item #1″ 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=”#ff3800″ banner_opacity=”opaque” banner_image=”3223″]
[interactive_banner banner_title=”Portfolio item #2″ 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=”#ff3800″ banner_opacity=”opaque” banner_image=”3223″]
[interactive_banner banner_title=”Portfolio item #3″ 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=”#ff3800″ banner_opacity=”opaque” banner_image=”3223″]
[interactive_banner banner_title=”Portfolio item #4″ 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=”#ff3800″ banner_opacity=”opaque” banner_image=”3223″]
Button Link on Hover
You can apply the read more link button to the On-Hover description
[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=”#ff3800″ banner_opacity=”opaque” banner_image=”3223″ banner_link_text=”READ MORE”]
[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=”#ff3800″ banner_opacity=”opaque” banner_image=”3223″ banner_link_text=”READ MORE”]
[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=”#ff3800″ banner_opacity=”opaque” banner_image=”3223″ banner_link_text=”READ MORE”]
Link Complete Banner
Another example of link on the interactive banner is complete box link
[interactive_banner banner_title=”Item #1″ 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=”#ff3800″ banner_opacity=”opaque” banner_image=”3223″ banner_link_text=”READ MORE”]
[interactive_banner banner_title=”Item #2″ 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=”#ff3800″ banner_opacity=”opaque” banner_image=”3223″ banner_link_text=”READ MORE”]
[interactive_banner banner_title=”Item #3″ 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=”#ff3800″ banner_opacity=”opaque” banner_image=”3223″ banner_link_text=”READ MORE”]
Hover Effects
All Possible Cool Hover Effects Below.
[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=”3223″ link_opts=”none” banner_link_text=”Read More” banner_style=”style01″ banner_bg_color=”#ff3800″ banner_opacity=”opaque” banner_icon=”entypo-github”][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=”3223″ link_opts=”none” banner_link_text=”Read More” banner_style=”style04″ banner_bg_color=”#ff3800″ banner_opacity=”opaque” banner_icon=”entypo-github”][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=”3223″ link_opts=”none” banner_link_text=”Read More” banner_style=”style13″ banner_bg_color=”#ff3800″ banner_opacity=”opaque” banner_icon=”entypo-github”][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=”3223″ link_opts=”none” banner_link_text=”Read More” banner_style=”style31″ banner_bg_color=”#ff3800″ banner_opacity=”opaque” banner_icon=”entypo-github”]
[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=”3223″ link_opts=”none” banner_link_text=”Read More” banner_style=”style02″ banner_bg_color=”#ff3800″ banner_opacity=”opaque” banner_icon=”entypo-github”][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=”3223″ link_opts=”none” banner_link_text=”Read More” banner_style=”style11″ banner_bg_color=”#ff3800″ banner_opacity=”opaque” banner_icon=”entypo-github”][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=”3223″ link_opts=”none” banner_link_text=”Read More” banner_style=”style21″ banner_bg_color=”#ff3800″ banner_opacity=”opaque” banner_icon=”entypo-github”][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=”3223″ link_opts=”none” banner_link_text=”Read More” banner_style=”style32″ banner_bg_color=”#ff3800″ banner_opacity=”opaque” banner_icon=”entypo-github”]
” icon_disp=”both” banner_image=”3223″ link_opts=”none” banner_link_text=”Read More” banner_style=”style02″ banner_bg_color=”#ff3800″ banner_opacity=”opaque” banner_icon=”entypo-github”][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=”3223″ link_opts=”none” banner_link_text=”Read More” banner_style=”style11″ banner_bg_color=”#ff3800″ banner_opacity=”opaque” banner_icon=”entypo-github”][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=”3223″ link_opts=”none” banner_link_text=”Read More” banner_style=”style21″ banner_bg_color=”#ff3800″ banner_opacity=”opaque” banner_icon=”entypo-github”][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=”3223″ link_opts=”none” banner_link_text=”Read More” banner_style=”style32″ banner_bg_color=”#ff3800″ banner_opacity=”opaque” banner_icon=”entypo-github”]
[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=”3223″ link_opts=”none” banner_link_text=”Read More” banner_style=”style03″ banner_bg_color=”#ff3800″ banner_opacity=”opaque” banner_icon=”entypo-github”][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=”3223″ link_opts=”none” banner_link_text=”Read More” banner_style=”style12″ banner_bg_color=”#ff3800″ banner_opacity=”opaque” banner_icon=”entypo-github”][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=”3223″ link_opts=”none” banner_link_text=”Read More” banner_style=”style22″ banner_bg_color=”#ff3800″ banner_opacity=”opaque” banner_icon=”entypo-github”][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=”3223″ link_opts=”none” banner_link_text=”Read More” banner_style=”style33″ banner_bg_color=”#ff3800″ banner_opacity=”opaque” banner_icon=”entypo-github”]
” icon_disp=”both” banner_image=”3223″ link_opts=”none” banner_link_text=”Read More” banner_style=”style03″ banner_bg_color=”#ff3800″ banner_opacity=”opaque” banner_icon=”entypo-github”][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=”3223″ link_opts=”none” banner_link_text=”Read More” banner_style=”style12″ banner_bg_color=”#ff3800″ banner_opacity=”opaque” banner_icon=”entypo-github”][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=”3223″ link_opts=”none” banner_link_text=”Read More” banner_style=”style22″ banner_bg_color=”#ff3800″ banner_opacity=”opaque” banner_icon=”entypo-github”][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=”3223″ link_opts=”none” banner_link_text=”Read More” banner_style=”style33″ banner_bg_color=”#ff3800″ banner_opacity=”opaque” banner_icon=”entypo-github”]
Custom Height
Control the size of the banner with easy settings.
[interactive_banner banner_title=”Item #1″ 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=”#ff3800″ banner_opacity=”solid” banner_image=”3223″ banner_link_text=”READ MORE” banner_height=”banner-block-custom-height” banner_height_val=”200″]
[interactive_banner banner_title=”Item #2″ 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=”#ff3800″ banner_opacity=”solid” banner_image=”3223″ banner_link_text=”READ MORE” banner_height=”banner-block-custom-height” banner_height_val=”160″]
[interactive_banner banner_title=”Item #3″ 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=”#ff3800″ banner_opacity=”solid” banner_image=”3223″ banner_link_text=”READ MORE” banner_height=”banner-block-custom-height” banner_height_val=”158″]
[interactive_banner banner_title=”Item #4″ 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=”#ff3800″ banner_opacity=”solid” banner_image=”3223″ banner_link_text=”READ MORE” banner_height=”banner-block-custom-height” banner_height_val=”165″]