[section bg_color=”rgb(237, 239, 241)” border=”1px 0px 1px 0px” border_color=”rgba(0, 0, 0, 0.13)”]

[title style=”center” text=”Banner Grid Element” size=”120″]

[ux_banner_grid height=”600″ depth=”1″]

[col_grid span=”4″ span__sm=”12″]

[ux_banner bg=”8755″ bg_pos=”64% 30%” border_color=”rgba(0, 0, 0, 0.05)”]

[text_box width=”70″]

A Cute Title

This is a simple headline

A Small text

[button text=”Click me!” style=”outline” size=”xlarge”]

[/text_box]

[/ux_banner]

[/col_grid]
[col_grid span=”3″ span__sm=”12″]

[ux_banner bg=”8754″ bg_pos=”51% 56%” border_color=”rgba(0, 0, 0, 0.08)”]

[text_box width=”69″ width__sm=”60″ position_y=”5″]

This is a simple headline

[button text=”Shop now” style=”outline” size=”larger”]

[/text_box]

[/ux_banner]

[/col_grid]
[col_grid span=”5″ span__sm=”14″ height=”1-3″]

[ux_banner bg=”8753″ bg_size=”medium” bg_overlay=”rgba(255, 255, 255, 0.15)” bg_pos=”51% 30%” border_color=”rgba(0, 0, 0, 0.08)”]

[text_box text_color=”dark” width=”42″ position_x=”10″ text_align=”left”]

This is a simple headline

[button text=”Shop now” style=”outline” size=”larger”]

[/text_box]

[/ux_banner]

[/col_grid]
[col_grid span=”5″ span__sm=”12″ height=”2-3″]

[ux_banner bg=”8757″ bg_color=”rgb(0, 0, 0)” bg_overlay=”rgba(0, 0, 0, 0.3)” bg_pos=”71% 19%” border_color=”rgba(0, 0, 0, 0.07)”]

[text_box width=”70″ width__sm=”60″]

SALE ENDS SOON

[/text_box]

[/ux_banner]

[/col_grid]

[/ux_banner_grid]

[/section]
[row v_align=”middle”]

[col span=”5″ span__sm=”12″]

DRAG AND DROP EDITING

Creating amazing Banner Grids is incredible easy with the new UX Builder

[/col]
[col span=”7″ span__sm=”12″]

[ux_image id=”9031″ depth=”3″]

[/col]

[/row]
[section bg=”8317″ bg_color=”rgb(28, 28, 28)” bg_overlay=”rgba(0, 0, 0, 0.72)” parallax=”2″ dark=”true”]

[title style=”center” text=”Banner Grid With A Background” size=”undefined”]

[ux_banner_grid height=”666″ depth=”1″]

[col_grid span=”4″ span__sm=”13″ height=”1-2″]

[ux_banner height=”500px” bg=”8795″ bg_pos=”32% 58%” hover=”zoom”]

[text_box width=”65″ width__sm=”90″ scale=”102″ animate=”fadeInLeft” position_x=”10″ text_align=”left”]

Featured Vendor

This Week Featured Vendor

Change this to anything. Consectetuer adipiscing elit.

[button text=”Go To Shop” style=”outline” radius=”99″]

[/text_box]

[/ux_banner]

[/col_grid]
[col_grid span=”4″ span__sm=”13″ height=”2-3″]

[ux_banner height=”500px” bg=”8317″ bg_size=”medium” bg_overlay=”rgba(0, 0, 0, 0.16)” bg_pos=”47% 55%” hover=”zoom”]

[text_box width=”74″]

This is a simple banner

[button text=”Shop now” style=”outline” size=”large” radius=”99″]

[/text_box]

[/ux_banner]

[/col_grid]
[col_grid span=”4″ span__sm=”15″ height=”2-3″]

[ux_banner height=”500px” bg=”8226″ bg_size=”medium” bg_pos=”66% 22%” hover=”zoom”]

[text_box text_color=”dark” width=”80″ width__sm=”60″ animate=”fadeInLeft” position_y=”85″ text_align=”left”]

Featured Vendor

Woo Vendor Shop

[button text=”Shop now” style=”outline” size=”larger” radius=”99″]

[/text_box]

[/ux_banner]

[/col_grid]
[col_grid span=”4″ span__sm=”13″ height=”1-2″]

[ux_banner height=”500px” bg=”7460″ bg_size=”medium” hover=”zoom”]

[text_box width=”80″ position_x=”10″ position_y=”85″ text_align=”left”]

This is a simple banner

Change this text to anything

[button text=”Shop now” style=”outline” size=”larger” radius=”99″]

[/text_box]

[/ux_banner]

[/col_grid]
[col_grid span=”8″ span__sm=”15″ height=”1-3″]

[ux_banner height=”500px” bg=”8753″ bg_size=”medium” bg_overlay=”rgba(0, 0, 0, 0.09)” bg_pos=”61% 30%” hover=”zoom”]

[text_box width=”79″ position_y=”85″ text_align=”left”]

This is a simple headline

[button text=”Shop now” style=”outline” size=”large” radius=”99″]

[/text_box]

[/ux_banner]

[/col_grid]

[/ux_banner_grid]

[/section]
[title style=”center” text=”Use Banner Grids to Create Portfolio Grids” margin_top=”31px” size=”undefined”]

[ux_banner_grid spacing=”collapse” height=”885″ width=”full-width”]

[col_grid span=”6″ span__sm=”13″ height=”2-3″]

[ux_banner height=”500px” bg=”8900″ bg_overlay=”rgba(0, 0, 0, 0.2)” bg_pos=”53% 69%” hover=”zoom”]

[text_box width=”37″ animate=”fadeInRight” position_x=”10″ position_y=”80″ text_align=”left”]

This is a simple banner

A Website for Acme Company

[/text_box]

[/ux_banner]

[/col_grid]
[col_grid span=”6″ span__sm=”15″ height=”1-2″]

[ux_banner height=”500px” bg=”8898″ bg_overlay=”rgba(0, 0, 0, 0.19)” bg_pos=”53% 69%” hover=”zoom”]

[text_box width=”30″ animate=”fadeInLeft” position_x=”90″ text_align=”right”]

This is a simple banner

A Website for Acme Company

[/text_box]

[/ux_banner]

[/col_grid]
[col_grid span=”3″ span__sm=”14″ height=”1-2″]

[ux_banner height=”500px” bg=”8891″ bg_size=”medium” bg_overlay=”rgba(0, 0, 0, 0.21)” hover=”zoom”]

[text_box]

This is a simple banner

A Website for Acme Company

[/text_box]

[/ux_banner]

[/col_grid]
[col_grid span=”3″ span__sm=”14″ height=”1-2″]

[ux_banner height=”500px” bg=”8962″ bg_size=”medium” bg_overlay=”rgba(0, 0, 0, 0.15)” bg_pos=”34% 46%” hover=”zoom”]

[text_box hover=”fade-out” position_y=”95″]

This is a simple banner

A Website for Acme Company

[/text_box]
[text_box hover=”zoom-in”]

[video_button size=”178″]

[/text_box]

[/ux_banner]

[/col_grid]
[col_grid span=”6″ span__sm=”15″ height=”1-3″]

[ux_banner height=”500px” bg=”8888″ hover=”zoom”]

[text_box text_color=”dark” width=”39″ position_x=”5″ position_y=”85″ text_align=”left”]

This is a simple banner

A Website for Acme Company

[/text_box]

[/ux_banner]

[/col_grid]

[/ux_banner_grid]
[title style=”center” text=”Add Slider to Banner Grids” margin_top=”28px” size=”undefined”]

[ux_banner_grid]

[col_grid span=”9″ span__sm=”12″]

[ux_slider]

[ux_banner height=”500px” bg=”4125″ bg_overlay=”rgba(0, 0, 0, 0.06)” border_style=”dashed” border_radius=”undefined” border_color=”rgba(0, 0, 0, 0.12)”]

[text_box width__sm=”80″]

A cool Top header

Five Key Elements for your Living room

[divider]

[button text=”Browse Now” size=”large”]

[/text_box]

[/ux_banner]
[ux_banner height=”500px” bg=”8956″ bg_overlay=”rgba(0, 0, 0, 0.06)” bg_pos=”64% 34%” border_style=”dashed” border_radius=”undefined” border_color=”rgba(0, 0, 0, 0.12)”]

[text_box width=”54″ width__sm=”80″ position_x=”85″ text_align=”right”]

A cool Top header

Latest Fashion News for AutumN

[divider]

[button text=”Browse Now” size=”large”]

[/text_box]

[/ux_banner]
[ux_banner height=”500px” bg=”8286″ bg_overlay=”rgba(0, 0, 0, 0.06)” border_style=”dashed” border_radius=”undefined” border_color=”rgba(0, 0, 0, 0.12)”]

[text_box width__sm=”80″]

A cool Top header

Five Key Elements for your Living room

[divider]

[button text=”Browse Now” size=”large”]

[/text_box]

[/ux_banner]

[/ux_slider]

[/col_grid]
[col_grid span=”3″ span__sm=”12″ height=”2-3″]

[ux_banner height=”160px” bg=”7460″ bg_size=”medium” bg_overlay=”rgba(0, 0, 0, 0.13)” bg_pos=”47% 55%” hover=”zoom”]

[text_box width=”87″]

Don’t Miss

Sale ends soon

[button text=”Browse Now” size=”larger”]

[/text_box]

[/ux_banner]

[/col_grid]
[col_grid span=”3″ span__sm=”12″ height=”1-3″]

[ux_banner height=”160px” bg=”8286″ bg_size=”thumbnail” bg_overlay=”rgba(0, 0, 0, 0.17)” bg_pos=”47% 55%” hover=”zoom”]

[text_box width=”87″]

SUMMER SALE

[button text=”Browse Now” size=”larger”]

[/text_box]

[/ux_banner]

[/col_grid]

[/ux_banner_grid]

Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format