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]

63.509 thoughts on “Shortcode – UX Banner grid”

  2. Shift Flarex Fin says:

    I believe what you typed made a lot of sense. However, consider this, suppose you
    were to create a awesome headline? I ain’t saying your content is not solid., but suppose you added something to possibly get people’s attention? I
    mean Shortcode – UX Banner grid | Tsimpolis.gr is a little plain. You should peek
    at Yahoo’s home page and watch how they create post headlines to grab people to open the links.

    You might add a related video or a pic or two to
    grab readers interested about what you’ve written. In my opinion, it could make your posts a
    little livelier.

    Απάντηση
  24. news IA says:

    Hmm it looks like your site ate my first comment (it was
    extremely long) so I guess I’ll just sum it up what I
    wrote and say, I’m thoroughly enjoying your blog.
    I as well am an aspiring blog blogger but I’m still new to everything.
    Do you have any helpful hints for novice blog writers? I’d
    certainly appreciate it.

    Απάντηση
  31. JeramyLep says:

    [url=https://e-natura.unsa.edu.ar/moodle/mod/forum/discuss.php?d=26894]replica bags[/url] – where is central perk in new york

    [img]https://im.gurl.eu.org/file/AgACAgEAAxkDAAEBPsNoffLOewG_Wlh7nvNazGE6CgeuggACC7ExG2FT8UeRE0rEh6wGsAEAAwIAA20AAzYE.jpeg[/img]

    Απάντηση
  35. rindubola login says:

    Woah! I’m really loving the template/theme of this blog. It’s simple,
    yet effective. A lot of times it’s tough to get that “perfect balance” between superb
    usability and visual appeal. I must say you have done a fantastic job with this.
    In addition, the blog loads super fast for me on Safari.
    Excellent Blog!

    Απάντηση

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

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