Banner Grids

[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=”20″ 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=”20″ 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=”20″ 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=”20″ 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=”19″ depth=”3″]

[/col]

[/row]
[section bg=”20″ 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=”20″ 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=”20″ 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=”20″ 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=”20″ 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=”20″ 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=”20″ 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=”20″ 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=”20″ 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=”20″ 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=”20″ 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=”20″ 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=”20″ 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=”20″ 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=”20″ 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=”20″ 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]

Welcome Back!

Login to your account below

Create New Account!

Fill the forms bellow to register

Retrieve your password

Please enter your username or email address to reset your password.

Add New Playlist

Are you sure want to unlock this post?
Unlock left : 0
Are you sure want to cancel subscription?