For a better experience please change your browser to CHROME, FIREFOX, OPERA or Internet Explorer.

    [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=”18″ 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=”18″ 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=”18″ 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=”18″ 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=”17″ depth=”3″]

    [/col]

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