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]

39.118 thoughts on “Shortcode – UX Banner grid”

  2. گلس برد سفید says:

    I think what you said was actually very reasonable. However, what about this?
    suppose you wrote a catchier post title?

    I mean, I don’t wish to tell you how to run your blog, but suppose you
    added a headline to possibly get folk’s attention? I mean Shortcode – UX
    Banner grid | Tsimpolis.gr is a little vanilla. You might look at Yahoo’s home page and note how
    they create post titles to get people to open the links.
    You might add a related video or a pic or two to grab people excited about what you’ve written. Just my
    opinion, it could bring your website a little bit more
    interesting.

    Απάντηση
  4. pornhome.top says:

    When I initially commented I clicked the “Notify me when new comments are added” checkbox and now
    each time a comment is added I get several e-mails with the same comment.

    Is there any way you can remove me from that service? Appreciate it!

    Απάντηση
  5. Jariorcmy says:

    Заказать диплом любого университета!
    Наши специалисты предлагаютвыгодно приобрести диплом, который выполнен на оригинальном бланке и заверен печатями, штампами, подписями. Наш диплом способен пройти лубую проверку, даже при помощи профессионального оборудования. Решите свои задачи максимально быстро с нашим сервисом- dliavas.listbb.ru/viewtopic.phpf=19&t=7742

    Απάντηση
  10. coloksgp says:

    Its like you read my mind! You seem to know a lot about this, like you wrote the book
    in it or something. I think that you can do with some pics to drive the message
    home a little bit, but other than that, this is fantastic blog.
    A fantastic read. I’ll definitely be back.

    Απάντηση
  26. ngentot anjing says:

    Excellent article. Keep writing such kind of information on your page.

    Im really impressed by your site.
    Hi there, You’ve done an excellent job. I’ll definitely digg it and for my part suggest
    to my friends. I am sure they’ll be benefited from this site.

    Απάντηση
  42. artist says:

    Hey There. I discovered your blog the use of msn. That is a
    really smartly written article. I’ll make sure to bookmark it and return to learn extra
    of your helpful information. Thanks for the post.

    I will certainly return.

    Απάντηση
  50. Jariorags says:

    Заказать диплом о высшем образовании!
    Мы предлагаембыстро и выгодно заказать диплом, который выполнен на оригинальной бумаге и заверен печатями, водяными знаками, подписями должностных лиц. Документ пройдет любые проверки, даже при использовании специально предназначенного оборудования. Достигайте свои цели максимально быстро с нашей компанией- girlscools.ru/diplomyi-dlya-inostrannyih-studentov-kak-eto-rabotaet

    Απάντηση

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

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