Parallax Shop

[ux_banner height=”540px” bg=”11″ bg_size=”orginal” bg_overlay__sm=”rgba(0, 0, 0, 0.3)” bg_pos=”35{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1} 23{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1}” 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=”11″ bg_color=”rgb(113, 117, 186)” bg_pos=”60{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1} 16{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1}” 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=”11″ 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=”11″ 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=”11″ 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{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1}” bg=”11″ bg_pos=”20{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1} 60{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1}” 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{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1} 0px 10{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1}”]

[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{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1}” image_size=”medium” image_hover=”overlay-add”]

[/col]

[/row]
[ux_banner height=”450px” bg=”11″ 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{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1} 10{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1} 0px 10{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1}” 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{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1}” image_size=”medium” image_hover=”overlay-add”]

[/col]
[col span=”6″ span__sm=”15″]

[ux_banner height=”99{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1}” bg=”11″ bg_pos=”56{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1} 22{baaff074a121f51e2efd3357110c2d159ef029029bba880d1ea1b6204cbe6de1}” 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″]