Shortcode – UX Banner grid

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

Great Health

Nuts are among the healthiest foods you can eat. They’re loaded with antioxidants, fiber, protein, vitamins, minerals, and unsaturated fats. They can lower cholesterol, reduce the risk of cancer, lead to better heart health, and keep your weight under control

 

Big Saving

 We are selling our premium products at lower price compare to the market as we think that good healthy food should come with affordable price. Hence selling them online where it reducing our costs nevertheless we will not compromise in the quality of the products.

Fast Delivery

We know that premium quality products should have come with faster delivery as well. As such, we are providing a quick delivery to the door step. We hope our customers will not only satisfy with our products but also our quick delivery service!

Great Health

Nuts are among the healthiest foods you can eat. They’re loaded with antioxidants, fiber, protein, vitamins, minerals, and unsaturated fats. They can lower cholesterol, reduce the risk of cancer, lead to better heart health, and keep your weight under control

 

Big Saving

 We are selling our premium products at lower price compare to the market as we think that good healthy food should come with affordable price. Hence selling them online where it reducing our costs nevertheless we will not compromise in the quality of the products.

Fast Delivery

We know that premium quality products should have come with faster delivery as well. As such, we are providing a quick delivery to the door step. We hope our customers will not only satisfy with our products but also our quick delivery service!

[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

[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

[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]

Leave a Reply

Your email address will not be published. Required fields are marked *