[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=»435″ 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=»435″ 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=»435″ 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=»435″ 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=»434″ depth=»3″]
[/col]
[/row]
[section bg=»435″ 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=»435″ 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=»435″ 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=»435″ 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=»435″ 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=»435″ 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=»435″ 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=»435″ 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=»435″ 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=»435″ 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=»435″ 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=»435″ 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=»435″ 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=»435″ 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=»435″ 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=»435″ 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]