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]

144.682 thoughts on “Shortcode – UX Banner grid”

  2. Sheilajab says:

    РедМетСплав предлагает обширный выбор отборных изделий из редких материалов. Не важно, какие объемы вам необходимы – от мелких партий до крупных поставок, мы гарантируем быстрое выполнение вашего заказа.
    Каждая единица продукции подтверждена всеми необходимыми документами, подтверждающими их соответствие стандартам. Превосходное обслуживание – то, чем мы гордимся – мы на связи, чтобы ответить на ваши вопросы а также предоставлять решения под особенности вашего бизнеса.
    Доверьте вашу потребность в редких металлах профессионалам РедМетСплав и убедитесь в гибкости нашего предложения
    поставляемая продукция:

    Проволока магниевая Mg-C43-T5 Полоса магниевая Mg-C43-T5 представляет собой высококачественный продукт, обладающий отличными механическими свойствами и низким весом. Этот материал часто используется в авиастроении, автомобилестроении и для создания конструкций, где важна прочность и легкость. Полоса магниевая Mg-C43-T5 обладает хорошей коррозионной устойчивостью и легкостью в обработке. Выбирая данный товар, вы обеспечиваете надежность и долговечность своих изделий. Не упустите возможность купить Полоса магниевая Mg-C43-T5 и вложить средства в продукцию, которая оправдает ваши ожидания.

    Απάντηση
  8. z-library says:

    Hey would you mind sharing which blog platform
    you’re working with? I’m planning to start my own blog in the near future
    but I’m having a difficult time making a decision between BlogEngine/Wordpress/B2evolution and Drupal.
    The reason I ask is because your design seems different then most blogs and I’m looking for something
    unique. P.S Sorry for getting off-topic but I had to ask!

    Απάντηση
  9. tech news article says:

    I’m amazed, I have to admit. Seldom do I encounter a blog that’s both educative and engaging, and let me
    tell you, you have hit the nail on the head. The issue is something
    too few folks are speaking intelligently about.
    I am very happy I found this during my search for something
    regarding this.

    Απάντηση
  11. JosephScame says:

    В современном цифровом мире, где онлайн-репутация играет ключевую роль в успехе бизнеса, отзывы на Яндекс становятся мощным инструментом привлечения клиентов и укрепления доверия к бренду. Многие предприниматели задаются вопросом: “Где купить отзывы Яндекс и как использовать их для продвижения своего бизнеса?” – отзывы яндекс купить

    Απάντηση

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

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