# Shortcode - UX Banner grid

*https://comfortscrub.com/shortcodes/shortcode-ux-banner-grid/*

### ****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"]
<h2 class="uppercase">Weekly Giveaway</h2>
___
[/ux_banner]
[/col]

[col span=1/3]
[ux_banner link="http://localhost:8888/test/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://localhost:8888/test/pages/about-us/" bg="http://imageurl" hover="zoom" height="160px"]
<h2 class="uppercase">ABOUT US </h2>
___
[/ux_banner]
[/col]

[/row]
```

### ****Banner Grid Style with slider****

### It has Finally started...

____

# HUGE SALE

# UP TO 70% OFF

____ [Shop men](http://localhost:8888/test/product-category/men/) [Shop women](http://localhost:8888/test/product-category/women/) [Shop all](http://localhost:8888/test/shop/)

### 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/)

### Easy to customize...

____

# THIS TEXT IS

## EASY TO CHANGE

____ [Browse products](http://localhost:8888/test/shop/)

### Women Tank Tops

____

# HOT Summer Singlet

### Now 19$

____ [Shop now](http://localhost:8888/test/shop/)

# NEW JEANS IN STOCK

____

# SHOP MEN SALE

____

```
[ux_banner_grid]

[col span="9"]

[ux_slider]
[ux_banner bg="imageurl" height="600px" link="" animation="flipInX" text_align="center" text_pos="center" text_color="light" text_width="80%" ]
Slide content
[/ux_banner]

[ux_banner bg="imageurl" height="600px" link="" animation="flipInX" text_align="center" text_pos="center" text_color="light" text_width="80%" ]
Slide content
[/ux_banner]

[/ux_slider]
[/col]

[col span="3" ]
[ux_banner height="292px" link="#" bg="http://imageurl" hover="fade"]
<h1 class="animated fadeInLeft uppercase">NEW JEANS IN STOCK</h1>
____
[/ux_banner]
[/col]

[col span="3"]
[ux_banner height="292px" link="#" bg="http://imageurl" hover="fade"]
<h1 class="animated fadeInLeft uppercase">SHOP MEN SALE</h1>
____
[/ux_banner]
[/col]

[/ux_banner_grid]
```

### ****Banner Grid Style with slider****

### It has Finally started...

____

# HUGE SALE

# UP TO 70% OFF

____ [Shop men](http://localhost:8888/test/product-category/men/) [Shop women](http://localhost:8888/test/product-category/women/) [Shop all](http://localhost:8888/test/shop/)

### 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/)

### Easy to customize...

____

# THIS TEXT IS

## EASY TO CHANGE

____ [Browse products](http://localhost:8888/test/shop/)

### Women Tank Tops

____

# HOT Summer Singlet

### Now 19$

____ [Shop now](http://localhost:8888/test/shop/)

# SPRING IS SOON HERE

____

# NEW JEANS IN STOCK

____

# SHOP MEN SALE

____

```
[ux_banner_grid]

[col span="6"]

[ux_slider]
[ux_banner bg="imageurl" height="600px" link="" animation="flipInX" text_align="center" text_pos="center" text_color="light" text_width="80%" ]
Slide content
[/ux_banner]

[ux_banner bg="imageurl" height="600px" link="" animation="flipInX" text_align="center" text_pos="center" text_color="light" text_width="80%" ]
Slide content
[/ux_banner]

[/ux_slider]
[/col]

[col span="3" ]
[ux_banner height="600px" link="#" bg="http://imageurl" hover="fade"]
<h1 class="animated fadeInLeft uppercase">NEW JEANS IN STOCK</h1>
____
[/ux_banner]
[/col]

[col span="3" ]
[ux_banner height="292px" link="#" bg="http://imageurl" hover="fade"]
<h1 class="animated fadeInLeft uppercase">NEW JEANS IN STOCK</h1>
____
[/ux_banner]
[/col]

[col span="3"]
[ux_banner height="292px" link="#" bg="http://imageurl" hover="fade"]
<h1 class="animated fadeInLeft uppercase">SHOP MEN SALE</h1>
____
[/ux_banner]
[/col]

[/ux_banner_grid]
```