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]

65.646 thoughts on “Shortcode – UX Banner grid”

  3. rusham says:

    Вот, что говорят эксперты по этому поводу:

    Особенно понравился раздел про easyterm.ru.

    Ссылка ниже:

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

    Надеюсь, это было полезно.

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

    Вот отличный материал, который проливает свет на ситуацию:

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

    Ссылка ниже:

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

    Надеюсь, у вас все получится.

    Απάντηση
  15. Derricklaf says:

    Мы предлагаем вам подробное руководство, основанное на проверенных источниках и реальных примерах. Каждая часть публикации направлена на то, чтобы помочь вам разобраться в сложных вопросах и применить знания на практике.
    Доступ к полной версии – https://aileadersmagazine.com/ai-privacy-protecting-personal-data-in-the-age-of-ai

    Απάντηση
  20. top gun ammo says:

    Great goods from you, man. I’ve take into accout your stuff previous to and you
    are just too fantastic. I actually like what you’ve acquired here,
    certainly like what you are saying and the way in which wherein you are saying it.
    You’re making it enjoyable and you continue to
    care for to stay it sensible. I can not wait to learn far more
    from you. This is actually a great web site.

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

    Вот, что говорят эксперты по этому поводу:

    Между прочим, если вас интересует 095hotel.ru, посмотрите сюда.

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

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

    Буду признателен за ваши отзывы.

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

    Вот здесь можно найти больше примеров:

    Кстати, если вас интересует travelmontenegro.ru, загляните сюда.

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

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

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

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

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

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

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

    [url=https://reactive.su]https://reactive.su[/url]

    Жду конструктивной критики.

    Απάντηση

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

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