Shortcode – UX Banners

UX Banners are responsive and animated banners.
These banners can be inserted into a UX Slider or into a banner grid.

[ux_banner bg="http://imageurl" height="500px" animation="flipInX"]

<h1>DEFAULT BANNER</h1>
<h3>This is a simple banner with centered text. Change text and background easely... </h3>
[/ux_banner]
[ux_banner  bg="http://imageurl" height="560px" link="" animation="fadeInLeft" text_align="center" text_pos="right center" text_color="dark" text_width="40%"]

<h3>This Weekend Only</h3>
<h1>FREE SHIPPING</h1> <h2>ON ALL ORDERS!</h2>
[button text='Browse products' link='http://'] [/ux_banner]
[ux_banner  bg="http://imageurl" height="560px" link="" animation="fadeInLeft" text_align="center" text_pos="right center" text_color="dark" text_width="40%"]

<h3>This Weekend Only</h3>
<h1>FREE SHIPPING</h1> <h2>ON ALL ORDERS!</h2>
[button text='Browse products' link='http://'] [/ux_banner]
[ux_banner  bg="http://imageurl" height="560px" link="" animation="fadeInLeft" text_align="center" text_pos="right center" text_color="dark" text_width="40%"]

<h3 class="alt-font">It has Finaly started...</h3>
<h1 class="h-large">HUGE SALE</h1> <h1>UP TO 70% OFF</h1>
[button style="alt-button white" text="Shop men" link="http://"] [button style="alt-button white" text="Shop women" link="http://"] [button style="alt-button white" text="Shop kids" link="http://"] [/ux_banner]
[ux_banner  bg="http://imageurl" height="300px" animation="flipInX"]

<h1>ABOUT US</h1>
[share] [/ux_banner]

Banner Grid

[ux_banner_grid]

[col span="6"]
[ux_banner height="600px" bg=""] [/ux_banner]
[/col]

[col span="3" ]
[ux_banner height="600px" bg=""] [/ux_banner]
[/col]

[col span="3" ]
[ux_banner height="292px" bg=""] [/ux_banner]
[/col]

[col span="3"]
[ux_banner height="292px" bg=""] [/ux_banner]
[/col]

[/ux_banner_grid]

3-column Banner Row


Check us out

[row]

[col span=1/3]
[ux_banner link="http://flatsome.uxthemes.com/blog/" bg="http://imageurl" hover="zoom" height="160px"]
<h2 class="uppercase">Weekly Giveaway</h2>
[/ux_banner] [/col] [col span=1/3] [ux_banner link="http://flatsome.uxthemes.com/blog/" bg="http://imageurl" hover="zoom" height="160px"] <h2 class="uppercase">Join our competition</h2>
[/ux_banner] [/col] [col span=1/3] [ux_banner link="http://flatsome.uxthemes.com/pages/about-us/" bg="http://imageurl" hover="zoom" height="160px"] <h2 class="uppercase">ABOUT US </h2>
[/ux_banner] [/col] [/row]