[ux_slider label=”Slider” freescroll=”true” parallax=”2″ hide_nav=”true”]
[ux_banner height=”100%” bg=”13028″ bg_overlay=”rgba(0, 0, 0, 0.2)” bg_pos=”52% 56%”]
[text_box width=”40″ width__sm=”60″ padding=”30px 30px 30px 30px” position_x=”0″ position_y=”20″ bg=”rgba(0, 0, 0, 0.6)” radius=”3″ depth=”3″ depth_hover=”2″]
Main Headline
Smaller Headline
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
[button text=”Primary” size=”small”]
[button text=”Secondary” color=”white” style=”outline” size=”small”]
[/text_box]
[/ux_banner]
[ux_banner height=”100%” bg=”1971″ bg_overlay=”rgba(0, 0, 0, 0.2)” bg_pos=”0% 45%”]
[text_box width=”40″ width__sm=”60″ padding=”30px 30px 30px 30px” position_x=”0″ position_y=”20″ bg=”rgba(0, 0, 0, 0.6)” radius=”3″ depth=”3″ depth_hover=”2″]
Main Headline
Smaller Headline
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
[button text=”Primary” size=”small”]
[button text=”Secondary” color=”white” style=”outline” size=”small”]
[/text_box]
[/ux_banner]
[/ux_slider]
[ux_banner height=”540px” bg=”1457″ bg_size=”orginal” bg_overlay__sm=”rgba(0, 0, 0, 0.3)” bg_pos=”48% 30%” parallax=”3″]
[text_box width=”41″ width__sm=”80″ animate=”fadeInLeft” position_x=”0″ position_x__sm=”50″ position_y=”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=”8957″ 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=”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=”12951″ bg_color=”rgb(164, 113, 186)” bg_pos=”100% 50%” parallax=”1″]
[text_box width=”58″ width__sm=”85″ parallax=”2″ position_x=”50″ position_y=”50″]
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=”2178″ bg_size=”medium” bg_color=”rgb(218, 218, 218)” bg_pos=”0% 48%” parallax=”1″]
[text_box text_color=”dark” width=”34″ width__sm=”74″ position_x=”10″ position_y=”50″ text_align=”left”]
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]
[section padding=”100px”]
[ux_product_categories columns=”6″ ids=”511,513,515,537,519,539″ show_count=”0″ image_height=”100%” image_radius=”100″ image_size=”medium” image_overlay=”rgba(0, 0, 0, 0.19)” text_size=”xsmall” text_hover=”zoom” text_padding=”0px 0px 0px 0px”]
[/section]
[section label=”Section with arrow” bg_color=”rgb(52, 52, 52)” bg_overlay=”rgba(0, 0, 0, 0.4)” dark=”true” mask=”arrow” padding=”59px” height=”300px” border=”1px 0px 0px 0px” border_color=”rgb(235, 235, 235)”]
[row label=”Title”]
[col span__sm=”12″]
// FRESH IN
[/col]
[/row]
[row v_align=”middle” h_align=”center”]
[col span=”6″ span__sm=”12″ text_depth=”2″]
[ux_banner height=”400px” bg=”12562″ bg_size=”medium” bg_overlay=”rgba(0, 0, 0, 0.2)” bg_pos=”87% 55%”]
[text_box hover=”slide” width=”100″ padding=”1px 30px 10px 30px” position_x=”50″ position_y=”90″ bg=”rgba(0, 0, 0, 0.6)”]
AUDI TT COUPE // BODY KIT
[button text=”Shop now” size=”small”]
[/text_box]
[/ux_banner]
[/col]
[col span=”6″ span__sm=”12″ text_depth=”2″]
[ux_banner height=”400px” bg=”12561″ bg_size=”medium” bg_overlay=”rgba(0, 0, 0, 0.2)” bg_pos=”0% 44%”]
[text_box hover=”slide” width=”100″ padding=”1px 30px 10px 30px” position_x=”50″ position_y=”90″ bg=”rgba(0, 0, 0, 0.6)”]
AUDI A5 XCLUSIVE WIDE // BODY KIT
[button text=”Shop now” size=”small”]
[/text_box]
[/ux_banner]
[/col]
[/row]
[row label=”Title”]
[col span__sm=”12″]
// FRESH IN
[/col]
[/row]
[row v_align=”middle” h_align=”center”]
[col span=”6″ span__sm=”12″ text_depth=”2″]
[ux_banner height=”400px” bg=”12562″ bg_size=”medium” bg_overlay=”rgba(0, 0, 0, 0.2)” bg_pos=”87% 55%”]
[text_box hover=”slide” width=”100″ padding=”1px 30px 10px 30px” position_x=”50″ position_y=”90″ bg=”rgba(0, 0, 0, 0.6)”]
AUDI TT COUPE // BODY KIT
[button text=”Shop now” size=”small”]
[/text_box]
[/ux_banner]
[/col]
[col span=”6″ span__sm=”12″ text_depth=”2″]
[ux_banner height=”400px” bg=”12561″ bg_size=”medium” bg_overlay=”rgba(0, 0, 0, 0.2)” bg_pos=”0% 44%”]
[text_box hover=”slide” width=”100″ padding=”1px 30px 10px 30px” position_x=”50″ position_y=”90″ bg=”rgba(0, 0, 0, 0.6)”]
AUDI A5 XCLUSIVE WIDE // BODY KIT
[button text=”Shop now” size=”small”]
[/text_box]
[/ux_banner]
[/col]
[/row]
[/section]
[row style=”collapse” width=”full-width” v_align=”middle”]
[col span=”6″ span__sm=”14″]
[ux_banner height=”94%” bg=”8341″ bg_pos=”20% 60%” parallax=”2″]
[text_box text_color=”dark” width=”31″ width__sm=”61″ scale__sm=”64″ position_x=”90″ position_y=”90″ text_align=”right”]
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″ 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” columns=”2″ columns__sm=”2″ animate=”fadeInLeft” slider_nav_style=”circle” slider_nav_position=”outside” image_height=”166%” image_size=”medium” image_hover=”overlay-add”]
[/col]
[/row]
[ux_instagram_feed username=”xclusivecustomz_official” photos=”8″ caption=”0″ type=”slider” width=”full-width” columns=”6″ slider_nav_style=”simple” auto_slide=”2000″]