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]

115.353 thoughts on “Shortcode – UX Banner grid”

  1. tevas-film-tv says:

    Любите кино и сериалы? tevas-film-tv.ru у нас собраны лучшие подборки — от блокбастеров до авторских лент. Смотрите онлайн без ограничений, выбирайте жанры по настроению и открывайте новые истории каждый день. Кино, которое всегда с вами!

    Απάντηση
  8. tevas-film-tv says:

    Любите кино и сериалы? тевас.тв фильмы и сериалы у нас собраны лучшие подборки — от блокбастеров до авторских лент. Смотрите онлайн без ограничений, выбирайте жанры по настроению и открывайте новые истории каждый день. Кино, которое всегда с вами!

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

    РедМетСплав предлагает обширный выбор высококачественных изделий из редких материалов. Не важно, какие объемы вам необходимы – от небольших закупок до масштабных поставок, мы гарантируем оперативное исполнение вашего заказа.
    Каждая единица изделия подтверждена всеми необходимыми документами, подтверждающими их происхождение. Дружелюбная помощь – наш стандарт – мы на связи, чтобы улаживать ваши вопросы а также предоставлять решения под особенности вашего бизнеса.
    Доверьте вашу потребность в редких металлах специалистам РедМетСплав и убедитесь в широком спектре предлагаемых возможностей
    поставляемая продукция:
    Поковка молибденовая НИМО-20 Поковка молибденовая НИМО-20 представляет собой высококачественный металл, который используется в различных отраслях промышленности, включая авиастроение и машиностроение. Отличается высокой температурной стойкостью и монтажной прочностью, что делает ее идеальной для применения в сложных производственных условиях. Приобретая эту поковку, вы обеспечиваете надежность и долговечность своих изделий. Не упустите возможность улучшить качество своей продукции — купить Поковка молибденовая НИМО-20 можно прямо сейчас. Убедитесь в преимуществах, которые она предлагает для вашего бизнеса.

    Απάντηση
  23. Samuelphola says:

    Лучшие жизненные цитаты, успехе и вдохновении. Короткие мысли великих людей, мудрые фразы и слова, которые заставляют задуматься. Найдите мотивацию, настрой и силу в правильных словах каждый день!

    Απάντηση

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

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