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

Ready To Start New Project?

We would love to help with any upcoming and existing projects you have! Feel free to contact us through our contact form! We look forward to speaking with you and thank you for your interest in our company!