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]

114.337 thoughts on “Shortcode – UX Banner grid”

  1. fixBog says:

    Порадуйте себя и своего ребенка отличными товарами от TykePop — уникальными, практичными и безопасными.

    Между прочим, если вас интересует Улучшите психологическое здоровье с Человекологией, посмотрите сюда.

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

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

    Будем рады вашим отзывам и впечатлениям о товарах TykePop! Делитесь с нами своими идеями и вдохновением.

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

    I’ve been surfing online more than 3 hours lately, yet I never
    found any fascinating article like yours.

    It’s lovely worth sufficient for me. In my opinion, if all
    website owners and bloggers made excellent content as you did, the net might
    be a lot more useful than ever before.

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

    Hello just wanted to give you a quick heads up. The words in your post seem too be running off the screen in Firefox.
    I’m not sure if this is a formatting isssue or something to
    ddo with internet browser compatibility but I figured I’d
    post to let yoou know. The style and design look great though!
    Hope you get the issue fixed soon. Thanks

    Here is my web site – libratogel

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

    В поисках надежного поставщика редкоземельных металлов и сплавов? Обратите внимание на компанию Редметсплав.рф. Мы предлагаем внушительный выбор продукции, обеспечивая высочайшее качество каждого изделия.

    Редметсплав.рф защищает все стадии сделки, предоставляя полный пакет необходимых документов для легализации товаров. Неважно, какие объемы вам необходимы – от мелких партий до крупнооптовых заказов, мы готовы обеспечить любой запрос с прекрасным качеством обслуживания.

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

    Заходите на наш сайт Редметсплав.рф и убедитесь, что качество и уровень нашего сервиса – ваш лучший выбор.
    поставляемая продукция:

    Алюминиевый двутавр ВД17 2x58x100 ГОСТ 13621-90 Купить двутавр алюминиевый с высокой прочностью и устойчивостью к коррозии. Легкий вес для удобства транспортировки и монтажа. Идеальное решение для создания каркасов зданий, мостов и других конструкций. Подходит для применения в авиации, автомобильной и других отраслях промышленности.

    Απάντηση

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

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