# Shortcode - UX Banners
*https://qualityscrubset.com/shortcodes/shortcode-banners/*
UX Banners are responsive and animated banners.
These banners can be inserted into a [UX Slider](#) or into a [banner grid](#).
# DEFAULT BANNER
### This is a simple banner with centered text
___
```
[ux_banner bg="http://imageurl" height="500px" animation="flipInX"]
DEFAULT BANNER
This is a simple banner with centered text. Change text and background easely...
____
[/ux_banner]
```
### This Weekend Only
# FREE SHIPPING
## ON ALL ORDERS!
[Browse products](http://)
```
[ux_banner bg="http://imageurl" height="560px" link="" animation="fadeInLeft" text_align="center" text_pos="right center" text_color="dark" text_width="40%"]
This Weekend Only
____
FREE SHIPPING
ON ALL ORDERS!
____
[button text='Browse products' link='http://']
[/ux_banner]
```
### This Weekend Only
# FREE SHIPPING
## ON ALL ORDERS!
[Browse products](http://)
```
[ux_banner bg="http://imageurl" height="560px" link="" animation="fadeInLeft" text_align="center" text_pos="right center" text_color="dark" text_width="40%"]
This Weekend Only
____
FREE SHIPPING
ON ALL ORDERS!
____
[button text='Browse products' link='http://']
[/ux_banner]
```
### It has Finaly started…
# HUGE SALE
# UP TO 70% OFF
[Shop men](http://) [Shop women](http://) [Shop kids](http://)
```
[ux_banner bg="http://imageurl" height="560px" link="" animation="fadeInLeft" text_align="center" text_pos="right center" text_color="dark" text_width="40%"]
It has Finaly started...
____
HUGE SALE
UP TO 70% OFF
____
[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]
```
### Just An Awesome
# PARALLAX
# BANNER
[Shop men](http://) [Shop women](http://) [Shop kids](http://)
```
[ux_banner bg="http://imageurl" height="560px" link="" animation="fadeInLeft" text_align="center" text_pos="right center" text_color="dark" text_width="40%" parallax="2"]
It has Finaly started...
____
PARALLAX
UP TO 70% OFF
____
[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]
```
# ABOUT US
___
[**](https://www.facebook.com/sharer.php?u=https://qualityscrubset.com/shortcodes/shortcode-banners/)[**](mailto:enteryour@addresshere.com?subject=Shortcode%20%26%238211%3B%20UX%20Banners&body=Check%20this%20out:%20https://qualityscrubset.com/shortcodes/shortcode-banners/)
```
[ux_banner bg="http://imageurl" height="300px" animation="flipInX"]
ABOUT US
___
[share]
[/ux_banner]
```
### ****Banner Grid****
### Women Tank Tops
____
# HOT Summer Singlet
### Now 19$
____ [Shop now](http://)
## Summer
____
# SALE STARTS TODAY
____
# NEW JEANS IN STOCK
____
# SHOP MEN SALE
____
```
[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****
## Weekly
Giveaway
___
## Join our
competition
___
## ABOUT US
___
```
[row]
[col span=1/3]
[ux_banner link="http://localhost:8888/test/blog/" bg="http://imageurl" hover="zoom" height="160px"]
Weekly Giveaway
___
[/ux_banner]
[/col]
[col span=1/3]
[ux_banner link="http://localhost:8888/test/blog/" bg="http://imageurl" hover="zoom" height="160px"]
Join our competition
___
[/ux_banner]
[/col]
[col span=1/3]
[ux_banner link="http://localhost:8888/test/pages/about-us/" bg="http://imageurl" hover="zoom" height="160px"]
ABOUT US
___
[/ux_banner]
[/col]
[/row]
```
### ****Video banner****
### Summer coming…
# THIS IS AN AWESOME VIDEO BANNER
____
[Shop men](http://localhost:8888/test/product-category/men/) [Shop women](http://localhost:8888/test/product-category/women/)
```
[ux_banner bg="#000" video_mp4="http://videourl.mp4" video_ogg="" height="600px" link="" animation="fadeInRight" text_align="left" text_pos="left center" text_color="light" text_width="40%"]
Summer coming...
____
THIS IS AN AWESOME VIDEO BANNER
____
[button text="Shop men" link="http://localhost:8888/test/product-category/men/"]
[button text="Shop women" link="http://localhost:8888/test/product-category/women/"]
[/ux_banner]
```
### ****Banner with snow effect****
# DEFAULT BANNER
### This is a simple banner with centered text
___
```
[ux_banner bg="http://imageurl" height="500px" animation="flipInX" effect="snow"]
DEFAULT BANNER
This is a simple banner with centered text. Change text and background easely...
____
[/ux_banner]
```
### ****Banner with glass effect****
# DEFAULT BANNER
### This is a simple banner with centered text
___
```
[ux_banner bg="http://imageurl" height="500px" animation="flipInX" effect="sliding-glass"]
DEFAULT BANNER
This is a simple banner with centered text. Change text and background easely...
____
[/ux_banner]
```
### ****Banner with sparkle effect****
# DEFAULT BANNER
### This is a simple banner with centered text
___
```
[ux_banner bg="http://imageurl" height="500px" animation="flipInX" effect="sparkle"]
DEFAULT BANNER
This is a simple banner with centered text. Change text and background easely...
____
[/ux_banner]
```
### ****Banner with confetti effect****
# DEFAULT BANNER
### This is a simple banner with centered text
___
```
[ux_banner bg="http://imageurl" height="500px" animation="flipInX" effect="confetti"]
DEFAULT BANNER
This is a simple banner with centered text. Change text and background easely...
____
[/ux_banner]
```