Parallax Shop

[ux_banner height=»540px» bg=»4394″ 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=»4394″ 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=»4394″ 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=»4394″ 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=»4394″ 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=»4394″ 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=»4394″ 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=»4394″ 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″]