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]

58.207 thoughts on “Shortcode – UX Banner grid”

  3. best Mebendazole 500mg says:

    Hey there! This is kind of off topic but I need some guidance from an established blog.
    Is it very difficult to set up your own blog? I’m not very techincal but I can figure things out pretty fast.
    I’m thinking about creating my own but I’m not sure where
    to start. Do you have any tips or suggestions? Appreciate it

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

    Оборудование для строителей

    Гарантированный результат
    Планируете купить строительный инвентарь? Советуем выгодную возможность — поставки техники без посредников. В случае если Вам надо: Официальный дилер оборудования Messer https://messer-tool.ru/ — Вы по адресу!

    Что делает нас лучше других
    Являемся прямым поставщиком алмазной техники и инструмента, а значит вы получаете:
    • Фирменную технику от надежного поставщика;
    • Подтвержденное качество;
    • Выгодные условия;
    • Своевременное получение заказа.
    Наша продукция

    В наличии:
    • Виброплиты и бензорезы;
    • Профессиональные буровые комплексы;
    • Финишные строительные машины;
    • Механизмы для арматурных работ.
    Больше поставок не будет — торопитесь!

    Почему мы лидеры рынка

    Поставщик, которому доверяют — это:
    • Прозрачная политика ценообразования;
    • Послепродажный сервис;
    • Мгновенная обработка заказов;
    • Официальный статус дилера.
    На этой площадке — официальные поставки.

    Пошаговая инструкция
    1. Перейдите на сайт;
    2. Зарегистрируйтесь;
    3. Добавьте оборудование в корзину;
    4. Получите технику в кратчайшие сроки.

    Акция скоро завершится!

    Инструмент, которому доверяют профессионалы — готовы к отправке.
    Сравните предложения — и убедитесь сами!

    Απάντηση
  30. situs game online says:

    Fantastic website you have here but I was wondering if you knew of any forums that cover the same topics discussed here?
    I’d really love to be a part of community where I can get opinions from other experienced people that share the same interest.
    If you have any recommendations, please let me know.

    Thanks!

    Απάντηση
  41. PujakBot says:

    На сайте https://proshtor.ru/ воспользуйтесь онлайн-консультацией дизайнера, который на профессиональном уровне ответит на все вопросы. В этой компании вы сможете заказать пошив штор, выбрав такой дизайн, который вам нравится больше всего. При этом и материал вы сможете подобрать самостоятельно, чтобы результат максимально соответствовал ожиданиям. Выезд дизайнера осуществляется бесплатно. Прямо сейчас ознакомьтесь с портфолио, чтобы подобрать наиболее подходящее решение. Можно приобрести шторы, выполненные в любом стиле.

    Απάντηση

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

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