Parallax Shop

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