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]

137.123 thoughts on “Shortcode – UX Banner grid”

  7. LesterCix says:

    Декабрь всегда приходит с особым настроением — чуть медленным, тёплым и по-настоящему домашним. В этот момент особенно ясно понимаешь, что Новый год начинается не с боя курантов, а с деталей. И одна из самых важных — живая пихта Нордмана в доме. Она выглядит так, будто создана для праздника: ровная, густая, с мягкой тёмно-зелёной хвоей, которая не осыпается и сохраняет свежесть неделями. Пихта Нордмана не требует лишних слов — она сама задаёт тон всему пространству, наполняя комнату спокойствием и ощущением уюта. Лёгкий хвойный аромат сразу переносит мыслями в зимний лес, где тихо, светло и по-новогоднему спокойно. Подскажите как дожна выглядеть пихта нордмана купить

    Απάντηση
  9. Uazrfqq says:

    Заказать диплом об образовании. Изготовление документа занимает намного меньше времени, а стоимость при этом невысокая. В итоге вы получаете возможность сохранить бюджет и найти прекрасную работу мечты. Заказать диплом можно через сайт компании. – social.vetmil.com.br/read-blog/61929_kupit-diplom-tehnikuma.html

    Απάντηση
  36. Ralphtuh says:

    п»їTo be honest, I stumbled upon a helpful article about ordering meds from India. It details CDSCO regulations for generic meds. If you are looking for factory prices, check this out: п»їhttps://kisawyer.us.com/# Online medicine order. It helped me.

    Απάντηση
  40. Ralphtuh says:

    п»їJust now, I found a useful report regarding cheap Indian generics. It explains the manufacturing standards on prescriptions. If anyone wants factory prices, check this out: п»їhttps://kisawyer.us.com/# reputable indian online pharmacy. Worth a read.

    Απάντηση

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

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