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]

75.682 thoughts on “Shortcode – UX Banner grid”

  1. koitoto says:

    Howdy would you mind sharing which blog platform you’re
    working with? I’m planning to start my own blog in the near
    future but I’m having a difficult time deciding
    between BlogEngine/Wordpress/B2evolution and Drupal. The reason I ask
    is because your layout seems different then most blogs and I’m looking for something unique.

    P.S Apologies for being off-topic but I had to ask!

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

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

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

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

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

    Рад был поделиться информацией.

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

    На мой взгляд, лучшее решение этой проблемы здесь:

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

    Ссылка ниже:

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

    Что думаете по этому поводу?

    Απάντηση
  37. Richardwitle says:

    Для компаний друзей аренда игр — это лучший вариант всегда иметь под рукой новые проекты для совместного времяпрепровождения. Если у вас есть дети, можно оформить аренду детским играм, а потом сменить их на новые.

    Также аренда игр полезна для тех, кто хочет попробовать новинку перед покупкой. Не всегда проект оправдывает ожидания, и именно аренда помогает избежать разочарований.

    На https://gamehaul.ru/ регулярно обновляется список игр. Поэтому каждый сможет подобрать для себя нужную игру — будь то динамичный экшен.

    В итоге аренда игр для PS4/PS5 — это выгодно, практично и перспективно.

    Απάντηση

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

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