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”

  4. Nomersl says:

    Добрый день!
    Купить виртуальный номер для смс навсегда и не думать о блокировках. Наш сервис позволяет купить виртуальный номер для смс навсегда без документов.
    Полная информация по ссылке – вирт номер купить навсегда
    купить виртуальный номер для смс навсегда, купить постоянный виртуальный номер, купить номер телефона навсегда
    купить виртуальный номер для смс навсегда, виртуальный номер, купить виртуальный номер навсегда
    Удачи и комфорта в общении!!

    Απάντηση
  8. Nomersl says:

    Добрый день!
    купить виртуальный номер для смс навсегда — это надёжность и стабильность на долгие годы. Каждому нужен купить виртуальный номер для смс навсегда для безопасности личных данных. Выбирайте наш сервис, чтобы купить виртуальный номер для смс навсегда с удобством. Наши клиенты рекомендуют купить виртуальный номер для смс навсегда друзьям и коллегам. купить виртуальный номер для смс навсегда — это цифровая свобода и приватность.
    Полная информация по ссылке – купить виртуальный номер
    купить виртуальный номер, постоянный виртуальный номер для смс, купить виртуальный номер
    постоянный виртуальный номер, купить постоянный виртуальный номер, виртуальный номер
    Удачи и комфорта в общении!!

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

    Eski ama asla eskimeyen 90’lar modas?n?n guzellik s?rlar?yla dolu bu yaz?da bulusal?m.

    Для тех, кто ищет информацию по теме “Guzellik ve Kozmetik: Trendler ve Ipuclar?”, есть отличная статья.

    Вот, можете почитать:

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

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

    Απάντηση

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

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