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

  1. hm88.red says:

    Have you ever considered about adding a little bit more than just your articles?
    I mean, what you say is fundamental and all.

    But just imagine if you added some great visuals or video clips to give your posts more, “pop”!
    Your content is excellent but with images and videos, this blog could
    certainly be one of the greatest in its niche.
    Terrific blog!

  2. CoreyLox says:

    На Trance Illusion команда Eleonora показала, що транс-музика може бути не лише звуком, а й візуальним мистецтвом. Їхні виступи були настільки захоплюючими, що глядачі не могли відвести очей від сцени. Робота PJ Zoe додала особливого шарму кожному треку. Її сценічні інсталяції були настільки оригінальними, що викликали справжній захват.

  3. DarylBen says:

    Unlock the Advantages of ads in Telegram mini apps: A Complete Guide to Successful Marketing

    [img]https://i.postimg.cc/9X7x77RB/564ty6rey654.jpg[/img]

    In today’s fast-moving internet era, ads in Telegram mini apps present an special opportunity to reach out to your audience in a highly engaging format. We introduce that with the proper strategy, Telegram mini apps advertising can skyrocket your public image and generate measurable results swiftly. If you need: tma advertising strategies [url=https://adsgram.ai/tma-advertising-strategies-and-insights/]https://adsgram.ai/tma-advertising-strategies-and-insights/[/url] — You found what you were looking for!

    The Advantages of Telegram Mini Apps Advertising

    1. Direct Response
    With Telegram’s built-in ecosystem, users stay inside the app. This magical user-friendliness keeps user interest steady and barriers to action reduced. Your target group can use your offer right away, leading to faster decision-making.

    2. Precise Targeting Tools
    ads in Telegram mini apps gives you the ability to test different market categories with highly accurate audience filters. Whether you want to get in touch with IT fans, neighborhood networks, or niche hobby groups, the platform offers verified and safe targeting that optimizes relevance.

    3. Cost-Effective Campaigns
    In comparison to classic advertising methods, the click cost and overall campaign budget can be optimized for biggest return. This is a unique opportunity for brands seeking high ROI without wasting budget.

    [img]https://i.postimg.cc/Nf8pNvx9/6754y765rtuy6754.jpg[/img]

    Tips for Successful Ads

    First: Build a Captivating Deal
    People react to time limits and special access. Phrases like “Only a few left” or “Final day” encourage fast action. Use proven and guaranteed hooks to inspire instant clicks.

    Second: Stay Clear and Strong
    In ads in Telegram mini apps, straightforward language wins. Communicate your main benefit in simple words, but make it engaging with strong words such as “unique,” “tested,” and “fantastic.”  

    Check and Upgrade
    Don’t just launch and forget. Measure click-through rates, conversions, and engagement data. Improve your promotional materials regularly for sustained success.

    Winning Tactics for Telegram Ads
     • Leverage scarcity: Communicate “small stock left” to motivate immediate action.  
     • Deliver unique deals: Give early adopters with unique rewards or short-term access.  
     • Be genuine: Keep ads visually aligned with your brand identity and viewer tastes.

    [img]https://i.postimg.cc/Dy3xdw13/yjhh765y765utr.jpg[/img]

    If you’re looking for a current, sensational way to reach your market, Telegram mini app ads are your top pick. They unite quickness, accuracy, and innovation — helping your brand make an impact while increasing your results. In a fast-moving industry where attention spans are get shorter, this innovative advertising format can be your path to victory. Act now — the perfect moment to begin is now.

  4. rusham says:

    Каждое новое поколение iPhone вызывает волну интереса и вопросов. Сегодня мы поговорим о том, стоит ли приобретать iPhone 15 Pro Max в данный момент.

    Для тех, кто ищет информацию по теме “Опыт и разочарование от онлайн-курсов Skillbox”, там просто кладезь информации.

    Вот, можете почитать:

    [url=https://100ch.ru/%d0%be%d0%bd%d0%bb%d0%b0%d0%b9%d0%bd-%d0%ba%d1%83%d1%80%d1%81%d1%8b-skillbox-%d0%bc%d0%be%d0%b9-%d0%bd%d0%b5%d1%83%d0%b4%d0%b0%d1%87%d0%bd%d1%8b%d0%b9-%d0%be%d0%bf%d1%8b%d1%82-%d0%b8-%d1%80%d0%b0/]https://100ch.ru/%d0%be%d0%bd%d0%bb%d0%b0%d0%b9%d0%bd-%d0%ba%d1%83%d1%80%d1%81%d1%8b-skillbox-%d0%bc%d0%be%d0%b9-%d0%bd%d0%b5%d1%83%d0%b4%d0%b0%d1%87%d0%bd%d1%8b%d0%b9-%d0%be%d0%bf%d1%8b%d1%82-%d0%b8-%d1%80%d0%b0/[/url]

    Удачных покупок и пусть ваш выбор вам всегда нравится!

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

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