[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=\”2053\” 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=\”2053\” 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=\”2053\” 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=\”2053\” 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=\”2052\” depth=\”3\”]
[/col]
[/row]
[section bg=\”2053\” 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=\”2053\” 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=\”2053\” 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=\”2053\” 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=\”2053\” 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=\”2053\” 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=\”2053\” 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=\”2053\” 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=\”2053\” 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=\”2053\” 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=\”2053\” 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=\”2053\” 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=\”2053\” 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=\”2053\” 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=\”2053\” 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=\”2053\” 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]