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.009 thoughts on “Shortcode – UX Banner grid”

  2. Sazrxap says:

    Заказать диплом университета по доступной стоимости вы сможете, обращаясь к проверенной специализированной компании. Приобрести документ института вы можете у нас. vocal.com.ua/node/66230

    Απάντηση
  13. FumuldKap says:

    На сайте https://nabor-curierov.ru/y-food/ вы сможете ознакомиться с условиями работы в Яндекс Еде. Есть возможность развозить заказы на своем либо арендованном транспорте. Вы сможете рассчитывать на огромное количество бонусов, а также преимуществ, если устроитесь сюда на работу. Вы можете развозить заказы на личном авто, а если его нет, то арендовать в компании. Велокурьер сможет рассчитывать на получение большего количества заказов, чем пеший. Вы сами определяете для себя график работы.

    Απάντηση
  32. Fatitmig says:

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

    Απάντηση
  45. High Voltage Insulator says:

    An impressive share! I have just forwarded
    this onto a colleague who has been doing a little
    research on this. And he in fact bought me lunch due to the fact that I
    discovered it for him… lol. So allow me to reword this….
    Thanks for the meal!! But yeah, thanx for spending time to talk
    about this subject here on your site.

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

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

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

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

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

    Нержавеющая круглая РїРѕРєРѕРІРєР° 1000 РјРј ЧС110-ВИ РўРЈ Узнайте больше Рѕ преимуществах нержавеющей круглой РїРѕРєРѕРІРєРё, ее прочности, устойчивости Рє РєРѕСЂСЂРѕР·РёРё Рё высокой теплопроводности. Нержавеющая круглая РїРѕРєРѕРІРєР° – идеальное решение для производства строительных материалов, трубопроводов, техники, медицинского Рё пищевого оборудования.

    Απάντηση

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

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