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

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

129.789 thoughts on “Shortcode – UX Banner grid”

  4. william iptv says:

    Greetings! I know this is somewhat off topic but I was wondering which blog platform are you using for this website?
    I’m getting tired of WordPress because I’ve had problems with hackers and I’m looking at options for another platform.
    I would be fantastic if you could point me in the direction of a
    good platform.

    Απάντηση
  32. thc tincture says:

    I’ve been using thc tincture daily seeing that over a month at the moment, and I’m indubitably impressed during the absolute effects. They’ve helped me determine calmer, more balanced, and less anxious throughout the day. My forty winks is deeper, I wake up refreshed, and straight my focus has improved. The value is excellent, and I cherish the accepted ingredients. I’ll positively carry on buying and recommending them to everybody I know!

    Απάντηση

Αφήστε μια απάντηση

Η ηλ. διεύθυνση σας δεν δημοσιεύεται. Τα υποχρεωτικά πεδία σημειώνονται με *