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