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]

115.624 thoughts on “Shortcode – UX Banner grid”

  2. Josephnub says:

    Evinizde hem s?kl?g? hem de kullan?sl?l?g? onemseyenler icin harika ipuclar? derledik.

    Для тех, кто ищет информацию по теме “Eviniz Icin Estetik ve Fonksiyonel Mobilya Secimi”, там просто кладезь информации.

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

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

    Umar?z bu ipuclar?yla evinizde harikalar yaratabilirsiniz! Sevgiyle kal?n.

    Απάντηση
  6. Elanna says:

    [url=www.alumni.life.edu/sslpage.aspx?pid=260&dgs884=3&rid884=11040&tid884=7362]are fake shoes bad for your feet[/url] – what are rep shoes

    [img]https://im.gurl.eu.org/file/AgACAgEAAxkDAAEBPCdobOMz7TNnpqdy8X6xh3yyRNyjYgACCrAxG6SIYEd1fI6LnpI6TwEAAwIAA3gAAzYE.png[/img]

    Απάντηση
  7. พวงหรีด says:

    ขอบคุณสำหรับบทความดี ๆ เกี่ยวกับการไว้อาลัย

    การเลือกพวงหรีดดอกไม้ถือเป็นเรื่องสำคัญ
    ดิฉันเคยใช้บริการพวงหรีดออนไลน์ ซึ่งทั้งสะดวกและตรงเวลา

    แนะนำสำหรับใครที่กำลังมองหาร้านพวงหรีดคุณภาพครับ

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

    «Триера» — ваш проверенный 2PL оператор для охлажденной и замороженной логистики по Минску, всей РБ и России. https://triera.by/ С 2009 года перевозим скоропорт по автопарку IVECO с рефами ?20…+5 °C, с онлайн мониторингом и строгим соблюдением санитарных требований. В распоряжении 60 авто, аттестованные водители, плановая дезинфекция, индивидуальные цены и оперативная маршрутизация. Оставьте заявку — гарантируем соблюдение температурного режима, пунктуальность и сохранность вашего товара.

    Απάντηση

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

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