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]

117.587 thoughts on “Shortcode – UX Banner grid”

  12. rusham says:

    Для тех, кто в теме, будет очень актуально:

    Для тех, кто ищет информацию по теме “mersobratva.ru”, есть отличная статья.

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

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

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

    Απάντηση
  16. Jariorfkz says:

    Приобрести диплом о высшем образовании!
    Мы предлагаембыстро купить диплом, который выполнен на оригинальной бумаге и заверен печатями, водяными знаками, подписями. Диплом способен пройти любые проверки, даже при помощи профессионального оборудования. Достигайте цели быстро с нашими дипломами- asosanjudas.org/gde-kupit-diplom-v-2025-godu-bez-riska-246

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

    Готовы жить ярко, стильно и со вкусом? «Стиль и Вкус» собирает лучшие идеи моды, красоты, ЗОЖ и еды в одном месте, чтобы вдохновлять на перемены каждый день. Тренды сезона, работающие лайфхаки, простые рецепты и привычки, которые действительно делают жизнь лучше. Читайте свежие выпуски и применяйте сразу. Узнайте больше на https://zolotino.ru/ — и начните свой апгрейд уже сегодня. Сохраняйте понравившиеся материалы и делитесь с друзьями!

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

    Очень рекомендую к прочтению:

    По теме “travelcrimea.ru”, там просто кладезь информации.

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

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

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

    Απάντηση

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

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