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

  1. bejeweled says:

    Greetings I am so excited I found your blog, I really found you by mistake, while I was browsing on Yahoo
    for something else, Nonetheless I am here now and would just like to say thanks for
    a fantastic post and a all round interesting blog (I also love the theme/design),
    I don’t have time to look over it all at the moment but I have
    saved it and also included your RSS feeds, so
    when I have time I will be back to read a great
    deal more, Please do keep up the great job.

  2. kramarket says:

    KRAKEN маркетплейс неоднократно становился объектом внимания исследователей благодаря своей устойчивости и качеству работы. В отличие от сомнительных проектов, кракен вход, эта онлайн площадка смогла выстроить репутацию, основанную на доверии и стабильности. Пользователи отмечают оперативное обновление зеркал, быстрое проведение криптоплатежей а также стабильная работа
    . Ассортимент KRAKEN охватывает как массовые категории, так и нишевые, что делает платформу удобной для широкой аудитории. Анализ показывает, что KRAKEN удаётся сочетать масштабность и надёжность, закрепляя лидерство в сфере онлайн торговли.

  3. fixBog says:

    Если вам интересно, как мастера создают изящные короба из лозы, это место для вас!

    По теме “История и эволюция плетения уникальных корзин”, там просто кладезь информации.

    Ссылка ниже:

    [url=https://fixora.ru/%d0%b8%d1%81%d1%82%d0%be%d1%80%d0%b8%d1%8f-%d1%81%d0%be%d0%b7%d0%b4%d0%b0%d0%bd%d0%b8%d1%8f-%d1%83%d0%bd%d0%b8%d0%ba%d0%b0%d0%bb%d1%8c%d0%bd%d1%8b%d1%85-%d0%ba%d0%be%d1%80%d0%b7%d0%b8%d0%bd/]https://fixora.ru/%d0%b8%d1%81%d1%82%d0%be%d1%80%d0%b8%d1%8f-%d1%81%d0%be%d0%b7%d0%b4%d0%b0%d0%bd%d0%b8%d1%8f-%d1%83%d0%bd%d0%b8%d0%ba%d0%b0%d0%bb%d1%8c%d0%bd%d1%8b%d1%85-%d0%ba%d0%be%d1%80%d0%b7%d0%b8%d0%bd/[/url]

    Никогда не прекращайте учиться и совершенствоваться, ведь каждый день — это новый шаг в искусстве плетения!

  4. kramarket says:

    KRAKEN маркетплейс неоднократно становился объектом внимания исследователей благодаря своей устойчивости и качеству работы. В отличие от сомнительных проектов, кракен маркетплейс, эта онлайн площадка смогла выстроить репутацию, основанную на доверии и стабильности. Пользователи отмечают оперативное обновление зеркал, быстрое проведение криптоплатежей а также стабильная работа
    . Ассортимент KRAKEN охватывает как массовые категории, так и нишевые, что делает платформу удобной для широкой аудитории. Анализ показывает, что KRAKEN удаётся сочетать масштабность и надёжность, закрепляя лидерство в сфере онлайн торговли.

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

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