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]

138.468 thoughts on “Shortcode – UX Banner grid”

  15. Sklep SEO says:

    Hi – in truth great web site you have created. I enjoyed reading this posting.
    I did want to publish a remark to tell you that
    the design of this site is very aesthetically delightful.
    I used to be a graphic designer, now I am a copy editor.

    I have always enjoyed functioning with information processing
    systems and am trying to learn code in my free time.

    Απάντηση
  30. Source says:

    I don’t know if it’s just me or if perhaps everybody else encountering issues with your blog.
    It seems like some of the text on your content are running
    off the screen. Can somebody else please provide feedback and let me know if this is happening to them too?
    This may be a issue with my browser because I’ve had this happen previously.

    Many thanks

    Απάντηση
  41. rusham says:

    Размышляете о покупке iPhone 15 Pro Max и не знаете, стоит ли делать это прямо сейчас? Давайте разберемся в его преимуществах и недостатках.

    Для тех, кто ищет информацию по теме “iPhone 15 Pro Max: Обзор и честное мнение”, есть отличная статья.

    Вот, делюсь ссылкой:

    [url=https://100ch.ru/iphone-15-pro-max-%d0%be%d0%b1%d0%b7%d0%be%d1%80-%d1%81%d1%82%d0%be%d0%b8%d1%82-%d0%bb%d0%b8-%d1%81%d0%b2%d0%be%d0%b8%d1%85-%d0%b4%d0%b5%d0%bd%d0%b5%d0%b3-%d0%b8%d0%bb%d0%b8-%d0%bf%d1%80%d0%be%d1%81/]https://100ch.ru/iphone-15-pro-max-%d0%be%d0%b1%d0%b7%d0%be%d1%80-%d1%81%d1%82%d0%be%d0%b8%d1%82-%d0%bb%d0%b8-%d1%81%d0%b2%d0%be%d0%b8%d1%85-%d0%b4%d0%b5%d0%bd%d0%b5%d0%b3-%d0%b8%d0%bb%d0%b8-%d0%bf%d1%80%d0%be%d1%81/[/url]

    Буду рад услышать ваше мнение и опыт после приобретения.

    Απάντηση
  48. Michaelsip says:

    What Makes cortexprotocol.org Unique
    AI Integration
    CX agents execute swaps optimize trades and adjust strategies
    Cross Chain Bridge
    Bridge assets across ETH BASE and SOL with full conversion support
    Yield Optimized
    Earn yield through token conversion and multi protocol exposure
    Smart Trading
    Create automated plans with Cortex agent and real data
    Explore next level trading at https://cortexprotocol.org

    Απάντηση
  49. Kennethbailt says:

    Why Choose rate-x.xyz
    Multi Asset Support
    Trade and farm Solana BNB LST and more in one place
    Real Yield
    Stake or restake assets with live APY and dashboard metrics
    Liquidity Pools
    Provide LP earn from farming rewards and referral bonuses
    Launch Ready
    Connect and invest instantly with full order control
    Maximize your crypto with https://rate-x.xyz

    Απάντηση

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

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