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]

109.795 thoughts on “Shortcode – UX Banner grid”

  10. REStephen says:

    ‘Профессиональная служба удаления плесени и грибка в Челябинске и Копейске. ‘,
    ‘Цель службы’: ‘ Наша цель — создание безопасной среды, свободную от вредоносных микроорганизмов.’,
    ‘Перечень услуг: дезинсекция’: ‘Услуги по обработке помещений от плесени и грибка: ‘,
    ‘Детали дезинсекции’: ‘- Проведение диагностики пораженных участков\\n- Применение эффективных антимикробных препаратов\\n- Подготовка индивидуальных профилактических решений’,
    ‘Перечень услуг: дезинфекция’: ‘Комплекс мероприятий по обеззараживанию поверхностей и воздуха: ‘,
    ‘Детали дезинфекции’: ‘- Полноценная очистка воздуха от грибковых спорангиев\\n- Использование специализированных устройств для глубокой очистки\\n- Консультации по профилактике повторного заражения’,
    ‘Перечень услуг: дератизация’: ‘Удаляем причины возникновения плесени и грибка: устранение условий развития микроорганизмов. ‘,
    ‘Детали дератизации’: ‘- Осмотр помещения и выявление очагов поражения\\n- Разработка плана действий по ликвидации очагов\\n- Мониторинг эффективности проведенных работ’,
    ‘Преимущества выбора вашей службы’: ‘ Гарантированное качество обслуживания и использование проверенных технологий.’,
    Более подробная информация

    Απάντηση
  22. Josephnub says:

    Tarz?n?z? 90’lar?n unutulmaz modas?ndan esinlenerek gunumuze tas?mak ister misiniz? Oyleyse bu yaz?m?z tam size gore!

    Для тех, кто ищет информацию по теме “Ev Dekorasyonunda Modern ve Estetik Cozumler”, нашел много полезного.

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

    [url=https://evimturk.com]https://evimturk.com[/url]

    90’lar?n guzellik s?rlar?yla tarz?n?za yeni bir soluk kazand?rabilirsiniz. Eski moda, yeni size ilham olsun!

    Απάντηση

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

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