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]

113.927 thoughts on “Shortcode – UX Banner grid”

  7. lockout tagout says:

    Howdy just wanted to give you a quick heads
    up. The text in your post seem to be running off the
    screen in Ie. I’m not sure if this is a format issue or
    something to do with web browser compatibility
    but I figured I’d post to let you know. The design look
    great though! Hope you get the problem resolved soon.
    Cheers

    Απάντηση
  14. TimothyAcarl says:

    Modern dekorasyonla estetik ve fonksiyonelligi nas?l birlestirirsiniz? Bu yaz?da kesfedin.

    Для тех, кто ищет информацию по теме “Lezzet Dolu Tariflerle Ask Dolu Mutfak Maceralar?”, нашел много полезного.

    Вот, можете почитать:

    [url=https://sevgiylepisir.com]https://sevgiylepisir.com[/url]

    Bu yaz?m?z isinize yarad?ysa, goruslerinizi bizimle paylas?n.

    Απάντηση
  30. TimothyAcarl says:

    Bu yaz?da, evinizi guzellestirirken islevselligi de art?rman?n yollar?n? kesfedecegiz.

    Хочу выделить раздел про Ev Dekorasyonu: Modern ve Fonksiyonel Cozumler.

    Смотрите сами:

    [url=https://evsahnesi.com]https://evsahnesi.com[/url]

    Daha fazla dekorasyon onerisi icin bizi takip etmeyi unutmay?n!

    Απάντηση
  39. TimothyAcarl says:

    Estetik ipuclar? ve fonksiyonel mobilyalarla evinize yepyeni bir soluk getirmeye haz?r m?s?n?z?

    Кстати, если вас интересует Moda Dunyas?nda One C?kan Trendler ve Stil Ipuclar?, посмотрите сюда.

    Смотрите сами:

    [url=https://turktekstil.com]https://turktekstil.com[/url]

    Daha fazla dekorasyon onerisi icin bizi takip etmeyi unutmay?n!

    Απάντηση
  43. Josephnub says:

    Evinizde hem s?kl?g? hem de kullan?sl?l?g? onemseyenler icin harika ipuclar? derledik.

    Для тех, кто ищет информацию по теме “Goz Al?c? Guzellik Ipuclar? ve Trendler”, нашел много полезного.

    Вот, делюсь ссылкой:

    [url=https://ciltruhu.com]https://ciltruhu.com[/url]

    Umar?z bu ipuclar?yla evinizde harikalar yaratabilirsiniz! Sevgiyle kal?n.

    Απάντηση

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

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