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]

139.262 thoughts on “Shortcode – UX Banner grid”

  9. Angkanet says:

    This is the right website for anybody who hopes to find out about this topic.
    You realize so much its almost tough to argue with you (not that I really would want to…HaHa).
    You definitely put a fresh spin on a subject that’s been written about for a
    long time. Great stuff, just excellent!

    Απάντηση
  11. rusham says:

    Исчерпывающий ответ на данный вопрос находится тут:

    Хочу выделить материал про buytime.ru.

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

    [url=https://buytime.ru]https://buytime.ru[/url]

    Если у вас есть что добавить, не стесняйтесь.

    Απάντηση
  12. DidatySeX says:

    Посетите сайт https://god2026.com/ и вы сможете качественно подготовится к Новому году 2026 и почитать любопытную информацию: о символе года Красной Огненной Лошади, рецепты на Новогодний стол 2026 и как украсить дом, различные приметы в Новом 2026 году и многое другое. Познавательный портал где вы найдете многое!

    Απάντηση
  19. rusham says:

    Кстати, вот что я думаю по этому поводу:

    Хочу выделить материал про 095hotel.ru.

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

    [url=https://095hotel.ru]https://095hotel.ru[/url]

    Уверен, вместе мы найдем решение.

    Απάντηση
  26. rusham says:

    Полностью поддерживаю, и вот еще одно подтверждение:

    Кстати, если вас интересует clasifieds.ru, посмотрите сюда.

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

    [url=https://clasifieds.ru]https://clasifieds.ru[/url]

    Всем удачи и хорошего дня!

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

    Arialief has been catching attention for its targeted approach
    to joint comfort and mobility. Many users report it helps
    ease stiffness and support flexibility, making daily activities feel easier.
    For those looking for a natural way to maintain joint health, Arialief seems like a promising
    choice.

    Απάντηση

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

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