[ux_banner height=\”540px\” bg=\”2053\” bg_size=\”original\” bg_overlay__sm=\”rgba(0, 0, 0, 0.3)\” bg_pos=\”35% 23%\” parallax=\”3\”]
[text_box width=\”41\” width__sm=\”80\” animate=\”fadeInLeft\” position_x=\”95\” position_x__sm=\”50\” position_y__sm=\”50\”]
Fancy Top Title
This is a simple banner
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
[button text=\”Shop Now\” color=\”white\” radius=\”99\” link=\”shop\”]
[/text_box]
[/ux_banner]
[ux_banner height=\”540px\” bg=\”2053\” bg_color=\”rgb(113, 117, 186)\” bg_pos=\”60% 16%\” parallax=\”3\”]
[text_box width=\”41\” width__sm=\”82\” position_x=\”10\” position_x__sm=\”50\” position_y__sm=\”50\”]
Create amazing Parallax effects
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
[button text=\”Shop Now\” color=\”white\” radius=\”99\” link=\”shop\”]
[/text_box]
[/ux_banner]
[row style=\”collapse\” width=\”full-width\”]
[col span=\”6\” span__sm=\”12\”]
[ux_banner height=\”470px\” bg=\”2053\” bg_color=\”rgb(164, 113, 186)\” parallax=\”1\”]
[text_box width=\”58\” width__sm=\”85\” parallax=\”2\”]
This is a simple banner
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
[button text=\”Shop Now\” radius=\”99\” link=\”shop\”]
[/text_box]
[/ux_banner]
[/col]
[col span=\”6\” span__sm=\”12\”]
[ux_banner height=\”470px\” bg=\”2053\” bg_color=\”rgb(218, 218, 218)\” parallax=\”1\”]
[text_box width=\”34\” width__sm=\”74\” position_x=\”10\” text_align=\”left\” text_color=\”dark\”]
This is a simple banner
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
299$
[button text=\”Shop Now\” radius=\”99\” link=\”shop\”]
[/text_box]
[/ux_banner]
[/col]
[/row]
[ux_banner height=\”500px\” bg=\”2053\” bg_size=\”medium\” bg_overlay=\”rgba(0, 185, 179, 0.91)\”]
[text_box width__sm=\”79\” parallax=\”2\”]
SUMMER SALE END SOON
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
[ux_countdown bg_color=\”rgba(0, 0, 0, 0.06)\”]
[button text=\”Shop Now\” color=\”white\” radius=\”99\”]
[/text_box]
[/ux_banner]
[row style=\”collapse\” width=\”full-width\” v_align=\”middle\”]
[col span=\”6\” span__sm=\”14\”]
[ux_banner height=\”94%\” bg=\”2053\” bg_pos=\”20% 60%\” parallax=\”2\”]
[text_box width=\”31\” width__sm=\”61\” scale__sm=\”64\” position_x=\”90\” position_y=\”90\” text_align=\”right\” text_color=\”dark\”]
Add Hotspots to BAnners
Hotspots can be added to banners and dragged around. You can have Hotspots that goes to a Product Lightbox or just a simple Tooltip.
[/text_box]
[ux_hotspot type=\”product\” prod_id=\”416\” text=\”Add product hotspots on banners\” bg_color=\”rgb(47, 166, 162)\” position_x=\”55\” position_y=\”25\”]
[ux_hotspot text=\”Cool Camera :)\” size=\”large\” bg_color=\”#4DB7B3\” position_x=\”10\” position_y=\”80\”]
[/ux_banner]
[/col]
[col span=\”6\” span__sm=\”17\” padding=\”0px 10% 0px 10%\”]
[title style=\”center\” text=\”Add a Title here\” size=\”undefined\”]
[ux_products style=\”overlay\” slider_nav_style=\”circle\” slider_nav_position=\”outside\” columns=\”2\” columns__sm=\”2\” animate=\”fadeInLeft\” image_height=\”166%\” image_size=\”medium\” image_hover=\”overlay-add\”]
[/col]
[/row]
[ux_banner height=\”450px\” bg=\”2053\” bg_overlay=\”rgba(0, 0, 0, 0.63)\” parallax=\”3\”]
[text_box width__sm=\”93\” parallax=\”2\”]
Join Our Newsletter
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
(insert contact form here)
[/text_box]
[/ux_banner]
[row style=\”collapse\” width=\”full-width\” v_align=\”equal\”]
[col span=\”6\” span__sm=\”17\” padding=\”10% 10% 0px 10%\” bg_color=\”rgb(240, 240, 240)\”]
[title style=\”center\” text=\”Featured\” size=\”undefined\”]
[ux_products style=\”overlay\” slider_nav_style=\”circle\” slider_nav_position=\”outside\” columns=\”2\” columns__sm=\”2\” animate=\”fadeInLeft\” show=\”featured\” image_height=\”166%\” image_size=\”medium\” image_hover=\”overlay-add\”]
[/col]
[col span=\”6\” span__sm=\”15\”]
[ux_banner height=\”99%\” bg=\”2053\” bg_pos=\”56% 22%\” parallax=\”2\”]
[text_box width=\”37\” position_x=\”10\” text_align=\”left\” text_color=\”dark\”]
This is a simple banner
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
29$
[/text_box]
[ux_hotspot position_x=\”55\” position_y=\”15\”]
[/ux_banner]
[/col]
[/row]
[ux_instagram_feed username=\”topshop\” type=\”slider\” slider_nav_style=\”simple\” slider_nav_color=\”light\” width=\”full-width\” columns=\”7\”]