[section bg_color=”rgb(246, 246, 246)”]
[title style=”center” text=”Flip book element”]
[ux_product_flip]
[row]
[col span__sm=”12″]
Create a Flip Book for any product category. You can also select custom posts.
[/col]
[/row]
[/section]
[section bg_color=”rgb(246, 246, 246)”]
[title style=”center” text=”Flip book element”]
[ux_product_flip]
[row]
[col span__sm=”12″]
Create a Flip Book for any product category. You can also select custom posts.
[/col]
[/row]
[/section]
[ux_banner height=”100%” bg_overlay=”rgba(0, 0, 0, 0.3)” video_mp4=”/wp-content/uploads/2016/02/348462762.mp4″]
[text_box width=”53″ width__sm=”87″ scale__sm=”125″ margin=”30px 0px 30px 0px”]
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” link=”shop”]
[/text_box]
[/ux_banner]
[ux_slider infinitive=”false” parallax=”2″ hide_nav=”true” nav_size=”normal” nav_style=”simple” bullets=”false”]
[ux_banner height=”100%” bg=”7″ bg_overlay=”rgba(0, 0, 0, 0.17)” bg_pos=”30% 57%”]
[text_box width=”45″ width__sm=”78″ scale__sm=”125″ position_x=”5″ position_y=”80″ text_align=”left”]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
[button text=”Click me!” color=”white”]
[/text_box]
[/ux_banner]
[ux_banner height=”100%” bg=”7″ bg_overlay=”rgba(0, 0, 0, 0.17)” bg_pos=”62% 18%”]
[text_box width=”45″ width__sm=”78″ scale__sm=”125″ position_x=”5″ position_y=”80″ text_align=”left”]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
[button text=”Click me!” color=”white”]
[/text_box]
[/ux_banner]
[ux_banner height=”100%” bg=”7″ bg_overlay=”rgba(0, 0, 0, 0.17)” bg_pos=”74% 14%”]
[text_box width=”45″ width__sm=”78″ scale__sm=”125″ position_x=”5″ position_y=”80″ text_align=”left”]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
[button text=”Click me!” color=”white”]
[/text_box]
[/ux_banner]
[/ux_slider]
[ux_banner height=”450px” bg=”7″]
[text_box]
Add a video button that opens Youtube and Viemo videos anywhere.
[video_button size=”118″]
[/text_box]
[/ux_banner]
[row]
[col span=”4″ span__sm=”12″ depth=”2″ depth_hover=”4″]
[ux_banner height=”450px” bg=”7″ bg_size=”medium” bg_overlay=”rgba(0, 0, 0, 0.52)”]
[text_box]
Add a video button that opens Youtube and Viemo videos anywhere.
[video_button]
[/text_box]
[/ux_banner]
[/col]
[col span=”4″ span__sm=”12″ depth=”2″ depth_hover=”4″]
[ux_banner height=”450px” bg=”7″]
[text_box position_x=”10″ position_y=”10″ text_align=”left” text_color=”dark”]
You can change the size to anything
[video_button size=”202″]
[/text_box]
[/ux_banner]
[/col]
[col span=”4″ span__sm=”12″ depth=”2″ depth_hover=”4″]
[ux_banner height=”450px” bg=”7″ bg_overlay=”rgba(0, 0, 0, 0.45)” hover=”overlay-add”]
[text_box hover=”zoom-in”]
Select between various hover effects
[video_button]
[/text_box]
[/ux_banner]
[/col]
[/row]
[title text=”Add responsive Video Embeds” size=”undefined”]
Add Responsive video embed to your site by using the Page Builder.
[ux_video height=”46%”]
[ux_video url=”https://vimeo.com/180255453″ height=”54%”]
[section bg=”7″ bg_color=”rgb(246, 246, 246)” parallax=”3″ padding=”19px” border=”1px 0px 1px 0px”]
[ux_banner_grid]
[col_grid span=”6″ span__sm=”12″ depth=”1″]
[ux_banner height=”500px” bg=”7″ bg_size=”large” bg_color=”rgb(255, 255, 255)” bg_pos=”65% 16%” hover=”zoom-fade”]
[text_box width=”50″ scale=”99″ position_x=”10″ text_align=”left” text_color=”dark”]
Add any text here…
[divider align=”left”]
[button text=”Browse” style=”outline” size=”larger”]
[/text_box]
[/ux_banner]
[/col_grid]
[col_grid span=”3″ span__sm=”7″ depth=”1″]
[ux_banner height=”500px” bg=”7″ bg_size=”medium” bg_pos=”58% 24%” hover=”zoom-fade”]
[text_box width=”76″ width__sm=”60″]
[divider]
[/text_box]
[/ux_banner]
[/col_grid]
[col_grid span=”3″ span__sm=”5″ height=”1-2″ depth=”1″]
[ux_banner height=”500px” bg=”7″ bg_size=”medium” hover=”zoom-fade”]
[text_box width=”67″ width__sm=”60″]
[divider]
[/text_box]
[/ux_banner]
[/col_grid]
[col_grid span=”3″ span__sm=”5″ height=”1-2″ depth=”1″]
[ux_banner height=”500px” bg=”7″ bg_size=”medium” hover=”zoom-fade”]
[text_box width=”68″ width__sm=”60″]
[divider]
[/text_box]
[/ux_banner]
[/col_grid]
[/ux_banner_grid]
[/section]
[title style=”bold-center” text=”Featured Products” margin_top=”22px” size=”undefined”]
[ux_products show=”featured”]
[title style=”bold-center” text=”Featured Categories” size=”undefined”]
[ux_product_categories]
[gap height=”36px”]
[ux_banner height=”366px” bg=”7″ bg_overlay=”rgba(0, 0, 0, 0.26)” bg_pos=”60% 0%” parallax=”1″]
[text_box width=”37″ width__sm=”78″ position_x=”10″]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonumm.
[gap height=”18px”]
(insert contact form here)
[/text_box]
[/ux_banner]
[title style=”bold-center” text=”Latest news” size=”undefined”]
[blog_posts columns=”3″ badge_style=”square” image_height=”200px”]
[title style=”bold-center” text=”Follow on instagram” icon=”icon-instagram” size=”undefined”]
[ux_instagram_feed username=”topshop” type=”slider” width=”full-width” columns=”6″]
[ux_slider]
[ux_banner height=”600px” bg_overlay=”rgba(246, 208, 45, 0.94)” border=”2px 2px 2px 2px” border_margin=”10px 10px 10px 10px” border_style=”dashed” border_radius=”undefined”]
[text_box style=”circle” width=”15″ width__sm=”29″ rotate=”1″ animate=”fadeInRight” position_x=”95″ position_x__sm=”95″ position_y=”5″ position_y__sm=”5″ border=”2px 2px 2px 2px” border_margin=”5px 5px 5px 5px” border_style=”dashed” border_radius=”100″ border_color=”rgba(255, 255, 255, 0.19)”]
[/text_box]
[text_box width=”57″ width__sm=”84″ scale__sm=”111″ animate=”flipInY”]
[ux_countdown style=”text” size=”114″ color=”light”]
[gap height=”23px”]
[button text=”Shop men” color=”white”]
[button text=”Shop Women” color=”white”]
[button text=”Shop All” color=”white”]
[/text_box]
[/ux_banner]
[ux_banner height=”600px” bg=”7″ bg_pos=”84% 0%” border=”2px 2px 2px 2px” border_margin=”10px 10px 10px 10px” border_style=”dashed” border_radius=”undefined”]
[text_box style=”circle” width=”15″ width__sm=”29″ rotate=”1″ animate=”fadeInRight” position_x=”100″ position_x__sm=”95″ position_y=”15″ position_y__sm=”5″ border=”2px 2px 2px 2px” border_margin=”5px 5px 5px 5px” border_style=”dashed” border_radius=”100″ border_color=”rgba(255, 255, 255, 0.19)”]
[/text_box]
[text_box width=”50″]
[button text=”Shop now” color=”white” style=”outline”]
[/text_box]
[/ux_banner]
[/ux_slider]
[row depth=”1″ depth_hover=”5″]
[col span=”4″ span__sm=”12″]
[ux_banner height=”160px” bg=”7″ bg_overlay=”rgba(0, 0, 0, 0.06)” bg_pos=”50% 12%” border=”1px 1px 1px 1px” border_margin=”10px 10px 10px 10px” border_style=”dashed” border_color=”rgba(0, 0, 0, 0.16)”]
[text_box width=”68″ width__sm=”60″]
[/text_box]
[/ux_banner]
[/col]
[col span=”4″ span__sm=”12″]
[ux_banner height=”160px” bg=”7″ bg_overlay=”rgba(0, 0, 0, 0.06)” bg_pos=”60% 18%” border=”1px 1px 1px 1px” border_margin=”10px 10px 10px 10px” border_style=”dashed” border_color=”rgba(0, 0, 0, 0.16)”]
[text_box width=”68″ width__sm=”60″]
[/text_box]
[/ux_banner]
[/col]
[col span=”4″ span__sm=”12″]
[ux_banner height=”160px” bg=”7″ bg_overlay=”rgba(0, 0, 0, 0.06)” bg_pos=”51% 35%” border=”1px 1px 1px 1px” border_margin=”10px 10px 10px 10px” border_style=”dashed” border_color=”rgba(0, 0, 0, 0.16)”]
[text_box width=”68″ width__sm=”60″]
[/text_box]
[/ux_banner]
[/col]
[/row]
[title style=”bold-center” text=”Latest products on sale” size=”undefined”]
[ux_products depth=”1″ depth_hover=”4″ orderby=”sales” show=”onsale”]
[title style=”bold-center” text=”Browse our Categories” size=”undefined”]
[ux_product_categories depth=”1″ depth_hover=”4″]
[title style=”bold-center” text=”Follow us on Instagram” icon=”instagram” size=”undefined”]
[ux_instagram_feed username=”topshop” depth=”1″]
[gap height=”58px”]
[ux_banner height=”407px” bg=”7″ bg_color=”rgb(18, 18, 18)” bg_overlay=”rgba(0, 0, 0, 0.36)” bg_pos=”79% 0%” parallax=”1″ border=”2px 0px 2px 0px” border_margin=”10px 0px 10px 0px” border_style=”dashed” border_radius=”undefined” border_color=”rgba(255, 255, 255, 0.22)”]
[text_box width=”47″]
[gap height=”32px”]
(insert contact form here)
[/text_box]
[/ux_banner]
[title style=”bold-center” text=”Latest News” size=”undefined”]
[blog_posts columns=”3″ depth=”1″ depth_hover=”4″ image_height=”181px”]
[ux_slider slide_width=”100%” bullets=”false”]
[ux_banner height=”100%” bg=”7″ bg_overlay=”rgba(0, 0, 0, 0.3)” bg_pos=”70% 17%”]
[text_box width=”56″ width__sm=”85″ width__md=”52″ animate=”fadeInLeft” position_x=”5″ position_x__sm=”10″ position_y__sm=”90″ text_depth=”1″]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
[button text=”My Work” color=”white” style=”outline” radius=”99″ link=”Portfolio”]
[/text_box]
[/ux_banner]
[ux_banner height=”100%” bg=”7″ bg_overlay=”rgba(0, 0, 0, 0.3)” bg_pos=”62% 50%”]
[text_box width=”63″ width__sm=”85″ width__md=”52″ animate=”fadeInLeft” position_x__sm=”10″ position_x__md=”5″ position_y=”25″ position_y__sm=”90″ text_depth=”1″]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
[button text=”Learn more” color=”white” style=”outline” radius=”99″ icon=”icon-angle-right” icon_reveal=”true” link=”About”]
[/text_box]
[/ux_banner]
[ux_banner height=”100%” bg=”7″ bg_overlay=”rgba(0, 0, 0, 0.3)” bg_pos=”62% 50%”]
[text_box width=”80″ width__sm=”85″ width__md=”52″ animate=”fadeInLeft” position_x__sm=”10″ position_x__md=”5″ position_y__sm=”90″ text_depth=”1″]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
[row]
[col span=”4″ span__sm=”12″]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
[/col]
[col span=”4″ span__sm=”12″]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
[/col]
[col span=”4″ span__sm=”12″]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
[/col]
[/row]
[button text=”Contact Now” color=”white” style=”outline” radius=”99″ icon=”icon-angle-right” icon_reveal=”true” link=”Contact”]
[/text_box]
[/ux_banner]
[/ux_slider]
test
[ux_banner height=”100%” bg_overlay=”rgba(0, 0, 0, 0.2)”]
[text_box style=”circle” width=”40″ width__sm=”60″ padding=”30px 30px 30px 30px” rotate=”17″ position_x=”90″ bg=”rgba(0, 0, 0, 0.86)” depth=”3″]
Lorem ipsum dolor sit amet, conse.
[button text=”Secondary” color=”white” style=”outline”]
[/text_box]
[/ux_banner]
[ux_banner height=”100%” bg=”7″]
[text_box]
[ux_image id=”6″ width=”24″]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.
[ux_countdown bg_color=”rgba(0, 0, 0, 0.2)” month=”12″ day=”24″]
[/text_box]
[/ux_banner]
[ux_banner height=”300px” bg=”7″ bg_overlay=”rgba(0, 0, 0, 0.2)” parallax=”2″]
[text_box width=”68″ width__sm=”60″]
[divider]
[share]
[/text_box]
[/ux_banner]
[row]
[col span__sm=”12″]
About our stores. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
[tabgroup type=”vertical”]
[tab title=”New York”]
[map lat=”40.7902″ saturation=”-58″]
Enter street adress here. Or any other information you want.
[/map]
[/tab]
[tab title=”London”]
[map]
Enter street adress here. Or any other information you want.
[/map]
[/tab]
[tab title=”Oslo”]
[map]
Enter street adress here. Or any other information you want.
[/map]
[/tab]
[tab title=”Stockholm”]
[map]
Enter street adress here. Or any other information you want.
[/map]
[/tab]
[tab title=”Add as many as you want”]
[map]
Enter street adress here. Or any other information you want.
[/map]
[/tab]
[/tabgroup]
[/col]
[/row]