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

Subscribe to Get Latest DIY Crafts Tutorials

You have successfully subscribed to the newsletter

There was an error while trying to send your request. Please try again.

Pily will use the information you provide on this form to be in touch with you and to provide updates and marketing.