init
This commit is contained in:
nguyen dung
@@ -0,0 +1,7 @@
|
||||
<?php
|
||||
|
||||
ux_builder_add_template( 'flatsome_blank', array(
|
||||
'name' => __( 'Blank', 'flatsome' ),
|
||||
'thumbnail' => flatsome_ux_builder_thumbnail( 'play' ),
|
||||
'content' => '',
|
||||
) );
|
||||
@@ -0,0 +1,196 @@
|
||||
[ux_banner height="100%" bg="8902" bg_overlay="rgba(0, 0, 0, 0.27)" bg_pos="49% 43%" parallax="4" link="Portfolio"]
|
||||
|
||||
[text_box width="59" width__sm="100" scale__sm="131" animate="fadeInUp" parallax="-3" text_depth="1"]
|
||||
|
||||
<h1 class="uppercase"><strong>WE're a creative Agency</strong></h1>
|
||||
<p class="lead">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat</p>
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
[ux_banner_grid spacing="collapse" height="885" width="full-width"]
|
||||
|
||||
[col_grid span="6" height="2-3"]
|
||||
|
||||
[ux_banner height="500px" bg="8900" bg_overlay="rgba(0, 0, 0, 0.2)" bg_pos="53% 69%" hover="zoom" link="Portfolio"]
|
||||
|
||||
[text_box width="37" animate="fadeInRight" position_x="10" position_y="80" text_align="left"]
|
||||
|
||||
[video_button size="130"]
|
||||
|
||||
<h3 class="uppercase"><strong>This is a simple banner</strong></h3>
|
||||
<p class="lead">A Website for Acme Company</p>
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
[col_grid span="6" height="1-2"]
|
||||
|
||||
[ux_banner height="500px" bg="8898" bg_overlay="rgba(0, 0, 0, 0.19)" bg_pos="53% 69%" hover="zoom" link="Portfolio"]
|
||||
|
||||
[text_box width="30" animate="fadeInLeft" position_x="90" text_align="right"]
|
||||
|
||||
<h3 class="uppercase"><strong>This is a simple banner</strong></h3>
|
||||
<p class="lead">A Website for Acme Company</p>
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
[col_grid span="3" height="1-2"]
|
||||
|
||||
[ux_banner height="500px" bg="8891" bg_size="medium" bg_overlay="rgba(0, 0, 0, 0.21)" hover="zoom" link="Portfolio"]
|
||||
|
||||
[text_box]
|
||||
|
||||
<h3 class="uppercase"><strong>This is a simple banner</strong></h3>
|
||||
<p class="lead">A Website for Acme Company</p>
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
[col_grid span="3" height="1-2"]
|
||||
|
||||
[ux_banner height="500px" bg="9067" bg_overlay="rgba(0, 0, 0, 0.47)" bg_pos="34% 46%" hover="zoom" link="Portfolio"]
|
||||
|
||||
[text_box hover="fade-out" position_y="95"]
|
||||
|
||||
<h3 class="uppercase"><strong>This is a simple banner</strong></h3>
|
||||
<p class="lead">A Website for Acme Company</p>
|
||||
|
||||
[/text_box]
|
||||
[text_box hover="zoom-in"]
|
||||
|
||||
[video_button size="178"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
[col_grid span="6" height="1-3"]
|
||||
|
||||
[ux_banner height="500px" bg="8888" hover="zoom"]
|
||||
|
||||
[text_box text_color="dark" width="39" position_x="10" position_y="70" text_align="left"]
|
||||
|
||||
<h3 class="uppercase"><strong>This is a simple banner</strong></h3>
|
||||
<p class="lead">A Website for Acme Company</p>
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
|
||||
[/ux_banner_grid]
|
||||
[row]
|
||||
|
||||
[col span__sm="12" align="center"]
|
||||
|
||||
[button text="Browse Portfolio" style="outline" size="larger" radius="99" icon="icon-angle-right" icon_reveal="true" link="Portfolio"]
|
||||
|
||||
|
||||
[/col]
|
||||
|
||||
[/row]
|
||||
[title style="center" text="Our Clients"]
|
||||
|
||||
[row col_style="dashed" v_align="middle"]
|
||||
|
||||
[col span="4" span__sm="12" align="center"]
|
||||
|
||||
[logo hover="color"]
|
||||
|
||||
|
||||
[/col]
|
||||
[col span="4" span__sm="12" align="center"]
|
||||
|
||||
[logo hover="color"]
|
||||
|
||||
|
||||
[/col]
|
||||
[col span="4" span__sm="12" align="center"]
|
||||
|
||||
[logo hover="color"]
|
||||
|
||||
|
||||
[/col]
|
||||
[col span="4" span__sm="12" align="center"]
|
||||
|
||||
[logo hover="color"]
|
||||
|
||||
|
||||
[/col]
|
||||
[col span="4" span__sm="12" align="center"]
|
||||
|
||||
[logo hover="color"]
|
||||
|
||||
|
||||
[/col]
|
||||
[col span="4" span__sm="12" align="center"]
|
||||
|
||||
[logo hover="color"]
|
||||
|
||||
|
||||
[/col]
|
||||
|
||||
[/row]
|
||||
[gap]
|
||||
|
||||
[section label="Media Right" bg_color="rgb(207, 207, 207)" bg_overlay="rgba(255, 255, 255, 0.85)" padding="60px" border="1px 0px 1px 0px"]
|
||||
|
||||
[row style="large" h_align="center"]
|
||||
|
||||
[col span="9" span__sm="12" align="center"]
|
||||
|
||||
<h2 class="uppercase"><span style="font-size: 100%;">Contact Us</span></h2>
|
||||
<p class="lead">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
|
||||
[/col]
|
||||
[col span="6" span__sm="12" align="left"]
|
||||
|
||||
[accordion auto_open="true"]
|
||||
|
||||
[accordion-item title="How long does it takes to we get back to you"]
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
|
||||
[/accordion-item]
|
||||
[accordion-item]
|
||||
|
||||
|
||||
[/accordion-item]
|
||||
[accordion-item title="Add anything here"]
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
|
||||
[/accordion-item]
|
||||
[accordion-item title="Research"]
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
|
||||
[/accordion-item]
|
||||
|
||||
[/accordion]
|
||||
|
||||
[/col]
|
||||
[col span="6" span__sm="12"]
|
||||
|
||||
[contact-form-7 id="8979"]
|
||||
|
||||
|
||||
[/col]
|
||||
|
||||
[/row]
|
||||
|
||||
[/section]
|
||||
[title style="center" text="LAtest NEws" margin_top="22px" size="undefined"]
|
||||
|
||||
[blog_posts style="push" slider_nav_style="simple" slider_nav_position="outside" columns="3" badge_style="circle" image_height="180px"]
|
||||
@@ -0,0 +1,120 @@
|
||||
[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)"]
|
||||
|
||||
<h3>Up to<br /><span style="font-size: 160%;"><strong>50<span style="font-size: 75%;">%</span><br /></strong></span>off</h3>
|
||||
|
||||
[/text_box]
|
||||
[text_box width="57" width__sm="84" scale__sm="111" animate="flipInY"]
|
||||
|
||||
<h1 class="uppercase"><span style="font-size: 400%;" data-line-height="xs"><strong>Sale</strong></span></h1>
|
||||
<h2 class="lead">Summer Sale has Started</h2>
|
||||
[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="6799" 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)"]
|
||||
|
||||
<h3>Up to<br /><span style="font-size: 160%;"><strong>50<span style="font-size: 75%;">%</span><br /></strong></span>off</h3>
|
||||
|
||||
[/text_box]
|
||||
[text_box width="50"]
|
||||
|
||||
<h2 class="uppercase">Shop Fashion Clothes today</h2>
|
||||
<h3 class="thin-font">Add any text here..</h3>
|
||||
[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="4116" 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"]
|
||||
|
||||
<h2 class="uppercase"><strong>About us</strong></h2>
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col]
|
||||
[col span="4" span__sm="12"]
|
||||
|
||||
[ux_banner height="160px" bg="4110" 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"]
|
||||
|
||||
<h2 class="uppercase"><strong>OUR BLOG</strong></h2>
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col]
|
||||
[col span="4" span__sm="12"]
|
||||
|
||||
[ux_banner height="160px" bg="4117" 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"]
|
||||
|
||||
<h2 class="uppercase"><strong>NEWSLETTER</strong></h2>
|
||||
|
||||
[/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="8102" 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"]
|
||||
|
||||
<h2 class="uppercase"><strong>Don't miss a sale</strong></h2>
|
||||
<h3 class="thin-font">Sign up for our Newsletter</h3>
|
||||
[gap height="32px"]
|
||||
|
||||
[contact-form-7 id="7042"]
|
||||
|
||||
|
||||
[/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"]
|
||||
@@ -0,0 +1,198 @@
|
||||
[ux_slider]
|
||||
|
||||
[ux_banner height="600px" bg="3861" bg_overlay="rgba(0, 0, 0, 0.02)" bg_pos="58% 63%"]
|
||||
|
||||
[text_box width="70" width__sm="100" animate="flipInY"]
|
||||
<h3 class="alt-font">It has Finally started...</h3>
|
||||
[divider margin="3px"]
|
||||
<h1 class="h-large uppercase"><span style="font-size: 160%;"><strong>HUGE SALE</strong></span></h1>
|
||||
<h1 class="uppercase"><span style="font-size: 100%;">UP TO <strong>70% OFF</strong></span></h1>
|
||||
[divider]
|
||||
|
||||
[button text="Shop men" color="white" style="outline" link="#"]
|
||||
|
||||
[button text="Shop women" color="white" style="outline" link="#"]
|
||||
|
||||
[button text="Shop all" color="white" style="outline" link="#"]
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
[ux_banner height="600px" bg="8102" bg_overlay="rgba(0, 0, 0, 0.03)" bg_pos="72% 6%"]
|
||||
|
||||
[text_box width="40" width__sm="85" animate="fadeInLeft" position_x="10" position_x__sm="50" text_color="dark"]
|
||||
<h3 class="alt-font">Mens Clothing</h3>
|
||||
<h2 class="uppercase" data-animate="fadeInLeft" data-animated="true"><strong>Hot Summer Fashion</strong></h2>
|
||||
<h3><strong>From 19$</strong></h3>
|
||||
[divider]
|
||||
|
||||
[button text="Shop now" style="outline"]
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
[ux_banner height="600px" bg="8654" bg_overlay="rgba(0, 0, 0, 0.03)" bg_pos="57% 49%" video_mp4="http://41hmj38vkl98fqzebjp1112g.wpengine.netdna-cdn.com/wp-content/uploads/sites/2/2013/12/7202.mp4"]
|
||||
|
||||
[text_box width="40" width__sm="84" animate="fadeInLeft" position_x="10" text_align="left" text_color="dark"]
|
||||
<h3 class="alt-font">Shop Now</h3>
|
||||
<h2 class="uppercase" data-animate="fadeInLeft" data-animated="true"><strong>This is an awesome video banner</strong></h2>
|
||||
[divider align="left"]
|
||||
|
||||
[button text="Shop Men" style="outline"]
|
||||
|
||||
[button text="Shop Women" style="outline"]
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
[ux_banner height="600px" bg="8651" bg_overlay="rgba(0, 0, 0, 0.05)" bg_pos="67% 70%"]
|
||||
|
||||
[text_box width="40" width__sm="100" animate="fadeInLeft" position_x="90" position_x__sm="50" position_y__sm="50"]
|
||||
<h3 class="alt-font">A Nice top title</h3>
|
||||
<h2 class="uppercase" data-animate="fadeInLeft" data-animated="true"><strong>Change this</strong></h2>
|
||||
<h2 class="uppercase"><strong>to Anything</strong></h2>
|
||||
<p class="lead">This can easily be edited in the page builder.</p>
|
||||
[button text="Browse Products"]
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/ux_slider]
|
||||
[row]
|
||||
|
||||
[col span="4" span__sm="12"]
|
||||
|
||||
[ux_banner height="160px" bg="3834" bg_pos="55% 11%" hover="zoom-fade" link="blog"]
|
||||
|
||||
[text_box]
|
||||
<h2><strong><span class="uppercase">Our Blog</span></strong></h2>
|
||||
[divider]
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col]
|
||||
[col span="4" span__sm="12"]
|
||||
|
||||
[ux_banner height="160px" bg="3862" hover="zoom-fade" link="http://localhost:8888/test/blog/"]
|
||||
|
||||
[text_box]
|
||||
<h2><strong><span class="uppercase">Join our
|
||||
<span style="font-size: 85%;">competition</span></span></strong></h2>
|
||||
[divider]
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col]
|
||||
[col span="4" span__sm="12"]
|
||||
|
||||
[ux_banner height="160px" bg="3833" bg_pos="71% 0%" hover="zoom-fade" link="about-us"]
|
||||
|
||||
[text_box]
|
||||
<h2><strong><span class="uppercase">ABOUT US</span></strong></h2>
|
||||
[divider]
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col]
|
||||
|
||||
[/row]
|
||||
[title style="center" text="weekly featured products"]
|
||||
|
||||
[ux_products products="14" show="featured"]
|
||||
|
||||
[title style="center" text="Best Selling Products" size="undefined"]
|
||||
|
||||
[ux_products products="8" orderby="sales"]
|
||||
|
||||
[title style="center" text="Browse our categories"]
|
||||
|
||||
[ux_product_categories number="20"]
|
||||
|
||||
[gap height="40px"]
|
||||
|
||||
[row col_style="divided"]
|
||||
|
||||
[col span="4"]
|
||||
|
||||
[featured_box img="8685" img_width="46" pos="center" title="Free Shipping on all orders" icon_border="2" icon_color="rgb(182, 182, 182)" margin="0px 0px 0px 0px"]
|
||||
|
||||
Get Free Shipping on all orders over $75 and free returns to our UK returns centre! Items are dispatched from the US and will arrive in 5-8 days.
|
||||
|
||||
[/featured_box]
|
||||
|
||||
[/col]
|
||||
[col span="4"]
|
||||
|
||||
[featured_box img="8686" img_width="46" pos="center" title="Amazing customer service" icon_border="2" icon_color="rgb(182, 182, 182)" margin="0px 0px 0px 0px"]
|
||||
|
||||
Get Free Shipping on all orders over $75 and free returns to our UK returns centre! Items are dispatched from the US and will arrive in 5-8 days.
|
||||
|
||||
[/featured_box]
|
||||
|
||||
[/col]
|
||||
[col span="4"]
|
||||
|
||||
[featured_box img="8687" img_width="46" pos="center" title="No Customs or Duty Fees!" icon_border="2" icon_color="rgb(182, 182, 182)" margin="0px 0px 0px 0px"]
|
||||
|
||||
We pay these fees so you don’t have to! The total billed at checkout is the final amount you pay, inclusive of VAT, with no additional charges at the time of delivery!
|
||||
|
||||
[/featured_box]
|
||||
|
||||
[/col]
|
||||
|
||||
[/row]
|
||||
[gap height="40px"]
|
||||
|
||||
[ux_slider timer="2000"]
|
||||
|
||||
[ux_banner height="300px" bg="8011" parallax="1"]
|
||||
|
||||
[text_box width="78"]
|
||||
|
||||
[testimonial image_width="128" name="Lucy Anderson" company="Facebook" stars="3"]
|
||||
|
||||
PBR kogi VHS commodo, single-origin coffee selvage kale chips. Fugiat try-hard ad aesthetic, tofu master cleanse typewriter tote bag accusamus sustainable ennui hella small batch cliche.
|
||||
|
||||
[/testimonial]
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
[ux_banner height="300px" bg="8011" parallax="1"]
|
||||
|
||||
[text_box width="80"]
|
||||
|
||||
[testimonial image_width="117" name="Rebecca Smith" company="Twitter" stars="3"]
|
||||
|
||||
PBR kogi VHS commodo, single-origin coffee selvage kale chips. Fugiat try-hard ad aesthetic, tofu master cleanse typewriter tote bag accusamus sustainable ennui hella small batch cliche.
|
||||
|
||||
[/testimonial]
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
[ux_banner height="300px" bg="8011" parallax="1"]
|
||||
|
||||
[text_box width="80"]
|
||||
|
||||
[testimonial image_width="131" name="Jenny Brooks" company="LinkedIn"]
|
||||
|
||||
PBR kogi VHS commodo, single-origin coffee selvage kale chips. Fugiat try-hard ad aesthetic, tofu master cleanse typewriter tote bag accusamus sustainable ennui hella small batch cliche.
|
||||
|
||||
[/testimonial]
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/ux_slider]
|
||||
[title style="center" text="Latest News" size="undefined"]
|
||||
|
||||
[blog_posts columns__sm="1" animate="fadeInLeft" posts="4" image_height="70%"]
|
||||
@@ -0,0 +1,135 @@
|
||||
[section bg_color="rgb(237, 239, 241)" effect="snow" border="1px 0px 1px 0px" border_color="rgba(0, 0, 0, 0.13)"]
|
||||
|
||||
[ux_banner_grid height="617" depth="1"]
|
||||
|
||||
[col_grid span="4" span__sm="12"]
|
||||
|
||||
[ux_banner bg="8755" bg_pos="64% 30%" border_color="rgba(0, 0, 0, 0.05)"]
|
||||
|
||||
[text_box width="70" position_y="80"]
|
||||
|
||||
<h2 class="alt-font">A Cute Title</h2>
|
||||
<h2 class="uppercase"><strong><span style="font-size: 140%;">This is a simple headline</span></strong></h2>
|
||||
<p class="lead"><span style="font-size: 130%;">A Small text</span></p>
|
||||
[button text="Click me!" style="outline" size="xlarge"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
[col_grid span="3" span__sm="12"]
|
||||
|
||||
[ux_banner bg="8754" bg_pos="51% 56%" border_color="rgba(0, 0, 0, 0.08)"]
|
||||
|
||||
[text_box width="70" width__sm="60" position_y="10"]
|
||||
|
||||
<h2 class="uppercase"><strong>This is a simple headline</strong></h2>
|
||||
[button text="Shop now" style="outline" size="larger"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
[col_grid span="5" span__sm="14" height="1-3"]
|
||||
|
||||
[ux_banner bg="8753" bg_size="medium" bg_overlay="rgba(255, 255, 255, 0.15)" bg_pos="51% 30%" border_color="rgba(0, 0, 0, 0.08)"]
|
||||
|
||||
[text_box width="42" position_x="10" position_y="80" text_align="left" text_color="dark"]
|
||||
|
||||
<h2 class="uppercase"><strong>This is a simple headline</strong></h2>
|
||||
[button text="Shop now" style="outline" size="larger"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
[col_grid span="5" span__sm="12" height="2-3"]
|
||||
|
||||
[ux_banner bg="8757" bg_color="rgb(0, 0, 0)" bg_overlay="rgba(0, 0, 0, 0.3)" bg_pos="71% 19%" border_color="rgba(0, 0, 0, 0.07)"]
|
||||
|
||||
[text_box width="70" width__sm="60"]
|
||||
|
||||
<h2 class="uppercase"><strong>SALE ENDS SOON</strong></h2>
|
||||
[ux_countdown size="268" bg_color="rgba(0, 0, 0, 0.1)"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
|
||||
[/ux_banner_grid]
|
||||
|
||||
[/section]
|
||||
[section bg_color="rgb(255, 255, 255)"]
|
||||
|
||||
[row col_style="divided"]
|
||||
|
||||
[col span="4" span__sm="12" align="center" animate="fadeInUp"]
|
||||
|
||||
[featured_box img="8687" img_width="51" pos="center" icon_border="3" margin="px px px px"]
|
||||
|
||||
<h3>Free Shipping on orders above 99$</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>
|
||||
|
||||
[/featured_box]
|
||||
|
||||
[/col]
|
||||
[col span="4" span__sm="12" align="center" animate="fadeInUp"]
|
||||
|
||||
[featured_box img="8750" img_width="51" pos="center" icon_border="3" margin="px px px px"]
|
||||
|
||||
<h3>Give a Gift to a Friend</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed dia.</p>
|
||||
|
||||
[/featured_box]
|
||||
|
||||
[/col]
|
||||
[col span="4" span__sm="12" align="center" animate="fadeInUp"]
|
||||
|
||||
[featured_box img="8686" img_width="51" pos="center" icon_border="3" margin="px px px px"]
|
||||
|
||||
<h3>Loved by our Customers</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed.</p>
|
||||
|
||||
[/featured_box]
|
||||
|
||||
[/col]
|
||||
|
||||
[/row]
|
||||
|
||||
[/section]
|
||||
[title style="bold-center" text="Shop Now" margin_top="10px" size="undefined"]
|
||||
|
||||
[ux_product_categories style="overlay" columns="5" depth="1" show_count="0" image_overlay="rgba(0, 0, 0, 0.08)" image_hover="zoom" text_pos="middle" text_size="small"]
|
||||
|
||||
[row]
|
||||
|
||||
[col span="3" span__sm="12"]
|
||||
|
||||
|
||||
[/col]
|
||||
[col span="5" span__sm="12"]
|
||||
|
||||
|
||||
[/col]
|
||||
[col span="4" span__sm="12"]
|
||||
|
||||
|
||||
[/col]
|
||||
|
||||
[/row]
|
||||
[title style="bold-center" text="Weekly Featured Products" margin_top="10px" size="undefined"]
|
||||
|
||||
[ux_products style="normal" columns="5" depth="1" show="featured"]
|
||||
|
||||
[title style="bold-center" text="Follow us on Instagram" margin_top="10px" size="undefined"]
|
||||
|
||||
[ux_instagram_feed username="stylechild_no" type="slider" width="full-width" columns="8"]
|
||||
@@ -0,0 +1,142 @@
|
||||
[ux_banner height="100%" bg="8264" bg_color="#FFF"]
|
||||
|
||||
[text_box text_color="dark" width="61" width__sm="85" animate="fadeInUp"]
|
||||
|
||||
<h2><span style="font-size: 170%;"><strong>Go Explore</strong></span></h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
[divider]
|
||||
|
||||
[search]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
[section label="Simple Light" bg_color="rgb(245, 245, 245)" padding="27px" border="1px 0px 0px 0px" border_color="rgb(235, 235, 235)"]
|
||||
|
||||
[row]
|
||||
|
||||
[col span="4" span__sm="12"]
|
||||
|
||||
[featured_box margin="px px px px"]
|
||||
|
||||
<h3>Explore Things</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat....</p>
|
||||
|
||||
[/featured_box]
|
||||
|
||||
[/col]
|
||||
[col span="4" span__sm="12"]
|
||||
|
||||
<h3>Book Events</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat....</p>
|
||||
|
||||
[/col]
|
||||
[col span="4" span__sm="12"]
|
||||
|
||||
<h3>Find a hotel</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat....</p>
|
||||
|
||||
[/col]
|
||||
|
||||
[/row]
|
||||
|
||||
[/section]
|
||||
[title style="center" text="Thing to do" margin_top="25px" size="undefined"]
|
||||
|
||||
[ux_products style="shade" slider_nav_style="simple" slider_nav_position="outside" cat="114"]
|
||||
|
||||
[title style="center" text="Go Explore" margin_top="25px" size="undefined"]
|
||||
|
||||
[ux_banner_grid]
|
||||
|
||||
[col_grid span="3" span__sm="12"]
|
||||
|
||||
[ux_banner height="500px" bg="8266" bg_overlay="rgba(0, 0, 0, 0.58)" hover="glow" hover_alt="overlay-add" link="#"]
|
||||
|
||||
[text_box width="70" width__sm="100" scale="187"]
|
||||
|
||||
<h3 class="uppercase"><strong>Find a Beach</strong></h3>
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
[col_grid span="6" height="1-2"]
|
||||
|
||||
[ux_banner height="500px" bg="8246" bg_overlay="rgba(0, 0, 0, 0.58)" hover_alt="overlay-add" link="#"]
|
||||
|
||||
[text_box width="40" width__sm="100"]
|
||||
|
||||
<h3 class="uppercase"><strong>Explore THe CITY</strong></h3>
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
[col_grid span="6" height="1-2"]
|
||||
|
||||
[ux_banner height="500px" bg="8272" bg_overlay="rgba(0, 0, 0, 0.58)" hover="glow" hover_alt="overlay-add" link="#"]
|
||||
|
||||
[text_box width="40" width__sm="100"]
|
||||
|
||||
<h3 class="uppercase"><strong>EXPLORE OUTDOORS</strong></h3>
|
||||
<p> </p>
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
[col_grid span="3" span__sm="6" height="1-2"]
|
||||
|
||||
[ux_banner height="500px" bg="8093" bg_overlay="rgba(0, 0, 0, 0.58)" hover="glow" hover_alt="overlay-add" link="#"]
|
||||
|
||||
[text_box width="40" width__sm="100"]
|
||||
|
||||
<h3 class="uppercase"><strong>TAILORED SUITES</strong></h3>
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
[col_grid span="3" span__sm="6" height="1-2"]
|
||||
|
||||
[ux_banner height="500px" bg="8274" bg_overlay="rgba(0, 0, 0, 0.58)" hover="glow" hover_alt="overlay-add" link="#"]
|
||||
|
||||
[text_box width="40" width__sm="97"]
|
||||
|
||||
<h3 class="uppercase"><strong>ENJOY A DRINK</strong></h3>
|
||||
<p> </p>
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
|
||||
[/ux_banner_grid]
|
||||
[gap]
|
||||
|
||||
[ux_banner height="400px" bg="8266" bg_overlay="rgba(255, 255, 255, 0.49)" bg_pos="26% 17%"]
|
||||
|
||||
[text_box text_color="dark" width="40" width__sm="60"]
|
||||
|
||||
<h3 class="uppercase"><strong>List your Company</strong></h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
[button text="Apply Now"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
[title style="center" text="Latest From Blog" margin_top="25px" size="undefined"]
|
||||
|
||||
[blog_posts style="overlay" show_date="text" excerpt="false" comments="false" image_height="293px" image_hover="zoom" text_align="left"]
|
||||
|
||||
[title style="center" text="Follow on Instagram" icon="icon-instagram" margin_top="25px" size="undefined"]
|
||||
|
||||
[ux_instagram_feed type="slider" width="full-width" columns="6"]
|
||||
@@ -0,0 +1,59 @@
|
||||
[ux_slider slide_width="100%" bullets="false"]
|
||||
|
||||
[ux_banner height="100%" bg="8328" 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"]
|
||||
|
||||
<h1><span style="font-size: 80%;"><strong>WordPress & WooCommerce Expert</strong></span></h1>
|
||||
<p class="lead">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
|
||||
[button text="My Work" color="white" style="outline" radius="99" link="Portfolio"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
[ux_banner height="100%" bg="8330" 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"]
|
||||
|
||||
<h2><strong>A small but focused Web Studio</strong></h2>
|
||||
<p class="lead">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
[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="8333" 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"]
|
||||
|
||||
<h2><strong>Services</strong></h2>
|
||||
<p class="lead">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
[row]
|
||||
|
||||
[col span="4" span__sm="12"]
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
|
||||
[/col]
|
||||
[col span="4" span__sm="12"]
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
|
||||
[/col]
|
||||
[col span="4" span__sm="12"]
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
|
||||
[/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]
|
||||
@@ -0,0 +1,153 @@
|
||||
[ux_slider]
|
||||
|
||||
[ux_banner height="100%" bg="8989" bg_overlay="rgba(0, 0, 0, 0.31)" bg_pos="68% 27%"]
|
||||
|
||||
[text_box width="52" width__sm="80" animate="bounceIn" parallax="-1" position_x__sm="50" position_y__sm="50"]
|
||||
|
||||
<p class="alt-font"><span style="font-size: 160%;">Now Online!</span></p>
|
||||
<h2 class="uppercase"><strong><span style="font-size: 200%;" data-line-height="xs">BIG SalE</span></strong></h2>
|
||||
<h3 class="lead uppercase">up to <strong>70%</strong> off</h3>
|
||||
[button text="Shop Now" radius="99"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
[ux_banner height="100%" bg="4063" bg_overlay="rgba(0, 0, 0, 0.13)" bg_pos="68% 11%"]
|
||||
|
||||
[text_box width="52" width__sm="77" animate="fadeInUp" parallax="-1" position_x="10" position_x__sm="5" position_y__sm="50" text_align="left"]
|
||||
|
||||
<p class="alt-font"><span style="font-size: 160%;">New Trends 2016</span></p>
|
||||
<h2 class="uppercase"><span style="font-size: 150%;"><strong><span data-line-height="xs">CELEBRATE SUMMER<br /></span></strong></span></h2>
|
||||
[button text="Shop Now" radius="99"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/ux_slider]
|
||||
[row style="collapse" width="full-width"]
|
||||
|
||||
[col span="4" span__sm="12"]
|
||||
|
||||
[ux_banner height="250px" bg="7341" bg_overlay="rgba(0, 0, 0, 0.12)" bg_pos="42% 18%" hover="zoom-fade"]
|
||||
|
||||
[text_box width="75"]
|
||||
|
||||
<h4 class="uppercase">Summer 2017</h4>
|
||||
<h2 class="uppercase"><strong>NEW Summer Trends</strong></h2>
|
||||
[button text="Shop now" color="white" style="outline" radius="99"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col]
|
||||
[col span="4" span__sm="12"]
|
||||
|
||||
[ux_banner height="250px" bg="4085" bg_size="medium" bg_overlay="rgba(0, 0, 0, 0.2)" bg_pos="50% 57%" hover="zoom-fade"]
|
||||
|
||||
[text_box width="70" position_x="10" text_align="left"]
|
||||
|
||||
<h4 class="uppercase">Summer 2017</h4>
|
||||
<h2 class="uppercase"><strong>NEW Summer Trends</strong></h2>
|
||||
[button text="Shop now" color="white" style="outline" radius="99"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col]
|
||||
[col span="4" span__sm="12"]
|
||||
|
||||
[ux_banner height="250px" bg="4120" bg_overlay="rgba(0, 0, 0, 0.13)" bg_pos="31% 0%" hover="zoom-fade"]
|
||||
|
||||
[text_box text_color="dark" width="70" position_x="90" text_align="right"]
|
||||
|
||||
<h4 class="uppercase">Summer 2017</h4>
|
||||
<h2 class="uppercase"><strong>NEW Summer Trends</strong></h2>
|
||||
[button text="Shop now" color="white" style="outline" radius="99"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col]
|
||||
|
||||
[/row]
|
||||
[row h_align="center"]
|
||||
|
||||
[col span="7" span__sm="12" padding="40px 0px 0px 0px" align="center"]
|
||||
|
||||
<h2 class="uppercase"><span style="font-size: 160%;">Welcome to our Shop</span></h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
[button text="About us" style="outline" size="small" radius="99" link="about-us"]
|
||||
|
||||
[button text="Shop now" size="small" radius="99" icon_pos="left" link="shop"]
|
||||
|
||||
|
||||
[/col]
|
||||
|
||||
[/row]
|
||||
[title style="center" text="Browse products" size="undefined"]
|
||||
|
||||
[ux_product_categories style="overlay" type="grid" grid_height="400px" number="4" image_hover="zoom" image_hover_alt="glow" text_pos="middle" text_size="large"]
|
||||
|
||||
[title style="center" text="Browse products" size="undefined"]
|
||||
|
||||
[ux_products cat="81"]
|
||||
|
||||
[ux_banner height="426px" bg="8093" bg_pos="72% 78%" parallax="3"]
|
||||
|
||||
[text_box width="61" width__sm="79" scale__sm="158" animate="fadeInRight" position_x__sm="50" border_style="dashed" border_radius="0" border_color="rgba(255, 255, 255, 0.27)"]
|
||||
|
||||
<h3 class="uppercase"><strong>Signup for newsletter</strong></h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
[contact-form-7 id="7042"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
[row]
|
||||
|
||||
[col span="4" span__sm="12" animate="fadeInUp"]
|
||||
|
||||
[featured_box img="8687" pos="center" title="Shop Feature 1" icon_border="1" margin="px px px px"]
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
|
||||
[/featured_box]
|
||||
|
||||
[/col]
|
||||
[col span="4" span__sm="12" animate="fadeInUp"]
|
||||
|
||||
[featured_box img="8686" pos="center" title="Shop Feature 2" icon_border="1" margin="px px px px"]
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
|
||||
[/featured_box]
|
||||
|
||||
[/col]
|
||||
[col span="4" span__sm="12" animate="fadeInUp"]
|
||||
|
||||
[featured_box img="8685" pos="center" title="Shop Feature 3" icon_border="1" margin="px px px px"]
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
|
||||
[/featured_box]
|
||||
|
||||
[/col]
|
||||
|
||||
[/row]
|
||||
[title style="center" text="Latest news" margin_top="30px" size="undefined"]
|
||||
|
||||
[blog_posts style="vertical" slider_nav_style="circle" slider_nav_position="outside" columns="2" title_style="uppercase" badge_style="circle-inside" image_height="100%" image_width="53" image_radius="100"]
|
||||
|
||||
[title style="center" text="Follow Us on Instagram" icon="icon-instagram" margin_top="30px" size="undefined"]
|
||||
|
||||
[ux_instagram_feed username="topshop" type="slider" slider_nav_style="circle" slider_nav_color="light" width="full-width" columns="6"]
|
||||
@@ -0,0 +1,100 @@
|
||||
[gap height="32px"]
|
||||
|
||||
[ux_banner_grid]
|
||||
|
||||
[col_grid span="6" span__sm="12" depth="1"]
|
||||
|
||||
[ux_banner height="500px" bg="8102" bg_color="rgb(255, 255, 255)" bg_pos="65% 16%" hover="overlay-add"]
|
||||
|
||||
[text_box text_color="dark" width="50" width__sm="80" scale="99" position_x="10" position_y="90" text_align="left"]
|
||||
|
||||
<p class="lead alt-font"><span style="font-size: 190%;">Add any text here...</span></p>
|
||||
<h2 class="uppercase"><span style="font-size: 130%;"><strong>New arrivals on the shop</strong></span></h2>
|
||||
[divider align="left"]
|
||||
|
||||
[button text="Browse" style="outline" size="larger"]
|
||||
|
||||
[button text="Shop now" size="larger"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
[col_grid span="3" span__sm="12" depth="1"]
|
||||
|
||||
[ux_banner height="500px" bg="8106" bg_size="medium" bg_pos="58% 24%"]
|
||||
|
||||
[text_box width="80" width__sm="60"]
|
||||
|
||||
<h2 class="uppercase"><strong>Add Any CONTENT here</strong></h2>
|
||||
[divider]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
[col_grid span="3" span__sm="12" height="1-2" depth="1"]
|
||||
|
||||
[ux_banner height="500px" bg="4113" bg_size="medium"]
|
||||
|
||||
[text_box width="80"]
|
||||
|
||||
<h2 class="uppercase"><strong>Add Any Headline here</strong></h2>
|
||||
[divider]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
[col_grid span="3" span__sm="13" height="1-2" depth="1"]
|
||||
|
||||
[ux_banner height="500px" bg="8103" bg_size="medium" hover="glow"]
|
||||
|
||||
[text_box width="68" width__sm="60"]
|
||||
|
||||
<h2 class="uppercase"><strong>Add Any Headline here</strong></h2>
|
||||
[divider]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
|
||||
[/ux_banner_grid]
|
||||
[title style="center" text="Featured Products" margin_top="22px" size="undefined"]
|
||||
|
||||
[ux_products show="featured"]
|
||||
|
||||
[title style="center" text="Featured Categories" size="undefined"]
|
||||
|
||||
[ux_product_categories]
|
||||
|
||||
[gap height="36px"]
|
||||
|
||||
[ux_banner height="366px" bg="3834" bg_overlay="rgba(0, 0, 0, 0.26)" bg_pos="60% 0%" parallax="1"]
|
||||
|
||||
[text_box width="49" width__sm="78" position_x="10"]
|
||||
|
||||
<h3 class="uppercase"><strong>Signup for Newsletter</strong></h3>
|
||||
<p class="lead">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonumm.</p>
|
||||
[contact-form-7 id="7042"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
[title style="bold-center" text="Latest news" size="undefined"]
|
||||
|
||||
[blog_posts badge_style="square" image_height="75%" image_hover="zoom"]
|
||||
|
||||
[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"]
|
||||
@@ -0,0 +1,103 @@
|
||||
[gap]
|
||||
|
||||
[ux_banner_grid height="575"]
|
||||
|
||||
[col_grid span="9" span__sm="12" depth="1"]
|
||||
|
||||
[ux_slider]
|
||||
|
||||
[ux_banner height="500px" bg="8053" bg_size="large" bg_color="rgb(2, 2, 2)" bg_pos="56% 29%" hover="zoom-fade"]
|
||||
|
||||
[text_box width="50" width__sm="78" scale="99"]
|
||||
|
||||
<p class="lead alt-font"><span style="font-size: 190%;">Add any text here...</span></p>
|
||||
<h2 class="uppercase"><span style="font-size: 130%;"><strong>New arrivals on the shop</strong></span></h2>
|
||||
[divider align="left"]
|
||||
|
||||
[button text="Browse" color="white" style="outline" size="larger"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
[ux_banner height="500px" bg="8102" 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"]
|
||||
|
||||
<p class="lead alt-font"><span style="font-size: 190%;">Add any text here...</span></p>
|
||||
<h2 class="uppercase"><span style="font-size: 130%;"><strong>New arrivals on the shop</strong></span></h2>
|
||||
[divider align="left"]
|
||||
|
||||
[button text="Browse" style="outline" size="larger"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/ux_slider]
|
||||
|
||||
[/col_grid]
|
||||
[col_grid span="3" span__sm="12" height="1-2" depth="1"]
|
||||
|
||||
[ux_banner height="500px" bg="4113" bg_size="medium" hover="zoom-fade"]
|
||||
|
||||
[text_box width="67" width__sm="60"]
|
||||
|
||||
<h2 class="uppercase"><strong>Add Any Headline here</strong></h2>
|
||||
[divider]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
[col_grid span="3" span__sm="13" height="1-2" depth="1"]
|
||||
|
||||
[ux_banner height="500px" bg="8103" bg_size="medium" hover="zoom-fade"]
|
||||
|
||||
[text_box width="68" width__sm="60"]
|
||||
|
||||
<h2 class="uppercase"><strong>Add Any Headline here</strong></h2>
|
||||
[divider]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
|
||||
[/ux_banner_grid]
|
||||
[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="3834" bg_overlay="rgba(0, 0, 0, 0.26)" bg_pos="60% 0%" parallax="1"]
|
||||
|
||||
[text_box width="37" width__sm="78" position_x="10"]
|
||||
|
||||
<h3 class="uppercase"><strong>Signup for Newsletter</strong></h3>
|
||||
<p class="lead">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonumm.</p>
|
||||
[gap height="18px"]
|
||||
|
||||
[contact-form-7 id="7042"]
|
||||
|
||||
|
||||
[/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" slider_nav_style="circle" width="full-width" columns="6"]
|
||||
@@ -0,0 +1,102 @@
|
||||
[section bg="8651" 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="8102" 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"]
|
||||
|
||||
<p class="lead alt-font"><span style="font-size: 190%;">Add any text here...</span></p>
|
||||
<h2 class="uppercase"><span style="font-size: 130%;"><strong>New arrivals on the shop</strong></span></h2>
|
||||
[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="8106" bg_size="medium" bg_pos="58% 24%" hover="zoom-fade"]
|
||||
|
||||
[text_box width="76" width__sm="60"]
|
||||
|
||||
<h2 class="uppercase"><strong>Add Any Headline here</strong></h2>
|
||||
[divider]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
[col_grid span="3" span__sm="5" height="1-2" depth="1"]
|
||||
|
||||
[ux_banner height="500px" bg="4113" bg_size="medium" hover="zoom-fade"]
|
||||
|
||||
[text_box width="67" width__sm="60"]
|
||||
|
||||
<h2 class="uppercase"><strong>Add Any Headline here</strong></h2>
|
||||
[divider]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
[col_grid span="3" span__sm="5" height="1-2" depth="1"]
|
||||
|
||||
[ux_banner height="500px" bg="8103" bg_size="medium" hover="zoom-fade"]
|
||||
|
||||
[text_box width="68" width__sm="60"]
|
||||
|
||||
<h2 class="uppercase"><strong>Add Any Headline here</strong></h2>
|
||||
[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="3834" bg_overlay="rgba(0, 0, 0, 0.26)" bg_pos="60% 0%" parallax="1"]
|
||||
|
||||
[text_box width="37" width__sm="78" position_x="10"]
|
||||
|
||||
<h3 class="uppercase"><strong>Signup for Newsletter</strong></h3>
|
||||
<p class="lead">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonumm.</p>
|
||||
[gap height="18px"]
|
||||
|
||||
[contact-form-7 id="7042"]
|
||||
|
||||
|
||||
[/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"]
|
||||
@@ -0,0 +1,153 @@
|
||||
[section bg_color="rgb(241, 241, 241)" padding="8px" margin="15px"]
|
||||
|
||||
[row style="collapse" col_style="dashed"]
|
||||
|
||||
[col span="4" span__sm="12" padding="0px 15px 0px 15px" align="center"]
|
||||
|
||||
[featured_box img="8687" img_width="20" pos="left" margin="px px px px"]
|
||||
|
||||
<p><span style="font-size: 90%;"><strong>Free Delivery</strong> World Wide* <a href="#">Learn more</a></span></p>
|
||||
|
||||
[/featured_box]
|
||||
|
||||
[/col]
|
||||
[col span="4" span__sm="12" padding="0px 15px 0px 15px"]
|
||||
|
||||
[featured_box img="8686" img_width="20" pos="left" margin="px px px px"]
|
||||
|
||||
<p><span style="font-size: 90%;">Loved by our Customers. <strong>5000+</strong> Reviews</span></p>
|
||||
|
||||
[/featured_box]
|
||||
|
||||
[/col]
|
||||
[col span="4" span__sm="12" padding="0px 15px 0px 15px"]
|
||||
|
||||
[featured_box img="8685" img_width="20" pos="left" margin="px px px px"]
|
||||
|
||||
<p><span style="font-size: 90%;"><strong>Free Returns</strong> and <strong>Free Shipping</strong></span></p>
|
||||
|
||||
[/featured_box]
|
||||
|
||||
[/col]
|
||||
|
||||
[/row]
|
||||
|
||||
[/section]
|
||||
[ux_banner_grid]
|
||||
|
||||
[col_grid span="9" span__sm="12"]
|
||||
|
||||
[ux_slider]
|
||||
|
||||
[ux_banner height="500px" bg="4125" bg_overlay="rgba(0, 0, 0, 0.06)" border_style="dashed" border_radius="undefined" border_color="rgba(0, 0, 0, 0.12)"]
|
||||
|
||||
[text_box width__sm="80"]
|
||||
|
||||
<h3 class="alt-font">A cool Top header</h3>
|
||||
<h2 class="uppercase"><span style="font-size: 100%;"><strong>Five Key Elements for your Living room</strong></span></h2>
|
||||
[divider]
|
||||
|
||||
[button text="Browse Now" size="large"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
[ux_banner height="500px" bg="8956" bg_overlay="rgba(0, 0, 0, 0.06)" bg_pos="64% 34%" border_style="dashed" border_radius="undefined" border_color="rgba(0, 0, 0, 0.12)"]
|
||||
|
||||
[text_box width="54" width__sm="80" position_x="85" text_align="right"]
|
||||
|
||||
<h3 class="alt-font">A cool Top header</h3>
|
||||
<h2 class="uppercase"><span style="font-size: 100%;"><strong>Latest Fashion News for AutumN</strong></span></h2>
|
||||
[divider]
|
||||
|
||||
[button text="Browse Now" size="large"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
[ux_banner height="500px" bg="8286" bg_overlay="rgba(0, 0, 0, 0.06)" border_style="dashed" border_radius="undefined" border_color="rgba(0, 0, 0, 0.12)"]
|
||||
|
||||
[text_box width__sm="80"]
|
||||
|
||||
<h3 class="alt-font">A cool Top header</h3>
|
||||
<h2 class="uppercase"><span style="font-size: 100%;"><strong>Five Key Elements for your Living room</strong></span></h2>
|
||||
[divider]
|
||||
|
||||
[button text="Browse Now" size="large"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/ux_slider]
|
||||
|
||||
[/col_grid]
|
||||
[col_grid span="3" span__sm="12" height="2-3"]
|
||||
|
||||
[ux_banner height="160px" bg="7460" bg_size="medium" bg_overlay="rgba(0, 0, 0, 0.13)" bg_pos="47% 55%" hover="zoom"]
|
||||
|
||||
[text_box width="87"]
|
||||
|
||||
<h3 class="alt-font">Don't Miss</h3>
|
||||
<h2 class="uppercase"><span style="font-size: 130%;"><strong>Sale ends soon</strong></span></h2>
|
||||
[ux_countdown bg_color="rgba(255, 255, 255, 0.17)"]
|
||||
|
||||
[button text="Browse Now" size="larger"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
[col_grid span="3" span__sm="12" height="1-3"]
|
||||
|
||||
[ux_banner height="160px" bg="8286" bg_size="thumbnail" bg_overlay="rgba(0, 0, 0, 0.17)" bg_pos="47% 55%" hover="zoom"]
|
||||
|
||||
[text_box width="87"]
|
||||
|
||||
<h2 class="uppercase"><span style="font-size: 130%;"><strong>SUMMER SALE</strong></span></h2>
|
||||
[button text="Browse Now" size="larger"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
|
||||
[/ux_banner_grid]
|
||||
[title text="Our BestSellers" size="undefined" link_text="Browse All" link="#"]
|
||||
|
||||
[ux_products columns="5" products="6" orderby="sales" image_height="106%" text_bg="rgb(255, 255, 255)" text_padding="20px 20px 20px 20px"]
|
||||
|
||||
[title text="Latest on Sale" size="undefined" link_text="Browse all" link="#"]
|
||||
|
||||
[ux_products columns="5" orderby="sales" show="onsale" image_height="106%" text_bg="rgb(255, 255, 255)"]
|
||||
|
||||
[title text="Weekly Featured Products" size="undefined" link_text="Browse all" link="#"]
|
||||
|
||||
[ux_products columns="5" products="6" image_height="106%" text_bg="rgb(255, 255, 255)"]
|
||||
|
||||
[gap height="50px"]
|
||||
|
||||
[ux_banner height="399px" bg="7460" bg_size="large" bg_overlay="rgba(0, 0, 0, 0.08)" bg_pos="53% 43%" parallax="3"]
|
||||
|
||||
[text_box width="58" width__sm="80"]
|
||||
|
||||
<h2 class="uppercase"><strong>Sale Ends Soon</strong></h2>
|
||||
<h4 class="lead uppercase">Up to <strong>50% off</strong> selected products</h4>
|
||||
[ux_countdown bg_color="rgba(255, 255, 255, 0.23)"]
|
||||
|
||||
[button text="Browse now"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
[gap height="44px"]
|
||||
|
||||
[ux_product_categories style="bounce" image_height="107%"]
|
||||
@@ -0,0 +1,148 @@
|
||||
[ux_banner height="540px" bg="8950" 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"]
|
||||
|
||||
<h3 class="alt-font">Fancy Top Title</h3>
|
||||
<h3 class="uppercase"><strong>This is a simple banner</strong></h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
[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__sm="50"]
|
||||
|
||||
<h3 class="uppercase"><strong>Create amazing Parallax effects</strong></h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
[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="8956" bg_color="rgb(164, 113, 186)" parallax="1"]
|
||||
|
||||
[text_box width="58" width__sm="85" parallax="2"]
|
||||
|
||||
<h3 class="uppercase"><strong>This is a simple banner</strong></h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
[button text="Shop Now" radius="99" link="shop"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col]
|
||||
[col span="6" span__sm="12"]
|
||||
|
||||
[ux_banner height="470px" bg="8102" bg_color="rgb(218, 218, 218)" parallax="1"]
|
||||
|
||||
[text_box width="34" width__sm="74" position_x="10" text_align="left" text_color="dark"]
|
||||
|
||||
<h3 class="uppercase"><strong>This is a simple banner</strong></h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
<h2><strong>299$</strong></h2>
|
||||
[button text="Shop Now" radius="99" link="shop"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col]
|
||||
|
||||
[/row]
|
||||
[ux_banner height="500px" bg="6799" bg_size="medium" bg_overlay="rgba(0, 185, 179, 0.91)"]
|
||||
|
||||
[text_box width__sm="79" parallax="2"]
|
||||
|
||||
<h3 class="uppercase"><strong>SUMMER SALE END SOON</strong></h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
[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="8341" 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"]
|
||||
|
||||
<h3 class="uppercase"><strong>Add Hotspots to BAnners</strong></h3>
|
||||
<p class="lead">Hotspots can be added to banners and dragged around. You can have Hotspots that goes to a Product Lightbox or just a simple Tooltip.</p>
|
||||
|
||||
[/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="8894" bg_overlay="rgba(0, 0, 0, 0.63)" parallax="3"]
|
||||
|
||||
[text_box width__sm="93" parallax="2"]
|
||||
|
||||
<h3 class="uppercase"><strong>Join Our Newsletter</strong></h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
[contact-form-7 id="7042"]
|
||||
|
||||
|
||||
[/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="8343" bg_pos="56% 22%" parallax="2"]
|
||||
|
||||
[text_box width="37" position_x="10" text_align="left" text_color="dark"]
|
||||
|
||||
<h3 class="uppercase"><strong>This is a simple banner</strong></h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
<h2><strong>29$</strong></h2>
|
||||
|
||||
[/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"]
|
||||
@@ -0,0 +1,72 @@
|
||||
[message_box bg_color="rgb(69, 69, 69)" padding="7"]
|
||||
|
||||
[row style="collapse" width="full-width"]
|
||||
|
||||
[col span="7" span__sm="12" align="center"]
|
||||
|
||||
<p><strong>BIG SUMMER SALE HAS STARTED. UP TO 70% OFF </strong>Make sure you</p>
|
||||
|
||||
[/col]
|
||||
[col span="5" span__sm="12" align="center"]
|
||||
|
||||
[ux_countdown style="text" size="94" color="light"]
|
||||
|
||||
|
||||
[/col]
|
||||
|
||||
[/row]
|
||||
|
||||
[/message_box]
|
||||
[ux_slider]
|
||||
|
||||
[ux_banner height="706px" bg="8093" bg_overlay="rgba(0, 0, 0, 0.35)" bg_pos="40% 54%"]
|
||||
|
||||
[text_box width="69" width__sm="80"]
|
||||
|
||||
<p class="alt-font"><span style="font-size: 200%;">It has finally started</span></p>
|
||||
<h1><span style="font-size: 130%;"><strong>BIG SUMMER SALE</strong></span></h1>
|
||||
[ux_countdown size="307" color="light" bg_color="rgba(255, 255, 255, 0.86)"]
|
||||
|
||||
[button text="Shop Men" color="white" style="outline"]
|
||||
|
||||
[button text="Shop Women" color="white" style="outline"]
|
||||
|
||||
[button text="Shop all" color="white" style="outline"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/ux_slider]
|
||||
[row h_align="center"]
|
||||
|
||||
[col span="8" span__sm="12" align="center"]
|
||||
|
||||
<h1 class="uppercase">Welcome to our Shop</h1>
|
||||
<p class="lead">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
|
||||
[/col]
|
||||
|
||||
[/row]
|
||||
[title style="bold-center" text="Browse products" size="undefined"]
|
||||
|
||||
[ux_product_categories style="overlay" type="grid" grid="8" grid_height="300px" depth="1" depth_hover="4" number="7" text_pos="middle" text_size="large"]
|
||||
|
||||
[gap height="54px"]
|
||||
|
||||
[ux_banner height="387px" bg="8053" bg_pos="49% 7%"]
|
||||
|
||||
[text_box width="40" width__sm="76" position_x="5" position_x__sm="50" position_y__sm="50"]
|
||||
|
||||
<h2 class="uppercase"><strong>never miss a sale again</strong></h2>
|
||||
<p class="lead">Sign up for our Newsletter</p>
|
||||
[contact-form-7 id="7042"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
[title style="bold-center" text="Latest news" size="undefined"]
|
||||
|
||||
[blog_posts depth="1" depth_hover="4" image_height="68%"]
|
||||
@@ -0,0 +1,151 @@
|
||||
[ux_slider]
|
||||
|
||||
[ux_banner height="637px" bg="4061" bg_size="original" bg_pos="62% 60%"]
|
||||
|
||||
[text_box text_color="dark" width="44" width__sm="90" padding="30px 30px 30px 30px" position_x="5" position_y__sm="95" text_align="left" bg="rgba(255, 255, 255, 0.94)" depth="1"]
|
||||
|
||||
<h6>A smaller header</h6>
|
||||
<h3 class="uppercase">Add Some Corporate Header Here</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat....</p>
|
||||
[button text="A button" style="gradient"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
[ux_banner height="637px" bg="7232" bg_pos="62% 68%"]
|
||||
|
||||
[text_box text_color="dark" width="50" width__sm="88" padding="30px 30px 30px 30px" position_x="5" position_y__sm="90" text_align="left" bg="rgba(255, 255, 255, 0.94)" depth="1"]
|
||||
|
||||
<h6>A smaller header</h6>
|
||||
<h3 class="uppercase">Add Some Corporate Header Here</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat....</p>
|
||||
[button text="A button"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/ux_slider]
|
||||
[section bg_color="rgb(255, 255, 255)"]
|
||||
|
||||
[row style="large" col_style="divided" h_align="center"]
|
||||
|
||||
[col span="4"]
|
||||
|
||||
[featured_box img="7733" pos="center" title="Company Feature 1" icon_border="2" margin="0px 0px 0px 0px"]
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat....</p>
|
||||
|
||||
[/featured_box]
|
||||
|
||||
[/col]
|
||||
[col span="4"]
|
||||
|
||||
[featured_box img="7733" pos="center" title="Company Feature 2" icon_border="2" margin="0px 0px 0px 0px"]
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat....</p>
|
||||
|
||||
[/featured_box]
|
||||
|
||||
[/col]
|
||||
[col span="4"]
|
||||
|
||||
[featured_box img="7733" pos="center" title="Company Feature 3" icon_border="2" margin="0px 0px 0px 0px"]
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat....</p>
|
||||
|
||||
[/featured_box]
|
||||
|
||||
[/col]
|
||||
|
||||
[/row]
|
||||
|
||||
[/section]
|
||||
[section label="Media Left" bg_color="rgb(193, 193, 193)" bg_overlay="rgba(255, 255, 255, 0.85)" padding="60px" border="1px 0px 1px 0px"]
|
||||
|
||||
[row style="large" v_align="middle"]
|
||||
|
||||
[col span="6" span__sm="12"]
|
||||
|
||||
[ux_image id="7454" depth="2"]
|
||||
|
||||
|
||||
[/col]
|
||||
[col span="6" span__sm="12" align="left"]
|
||||
|
||||
<h2 class="uppercase">Section with image left</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
[button text="Add Any content here"]
|
||||
|
||||
|
||||
[/col]
|
||||
|
||||
[/row]
|
||||
|
||||
[/section]
|
||||
[section label="Media Right" bg_color="rgb(255, 255, 255)" bg_overlay="rgba(255, 255, 255, 0.85)" padding="60px"]
|
||||
|
||||
[row style="large" v_align="middle"]
|
||||
|
||||
[col span="6" span__sm="12" align="left"]
|
||||
|
||||
<h2 class="uppercase">Section with Image right</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
[button text="Add Any content here"]
|
||||
|
||||
|
||||
[/col]
|
||||
[col span="6" span__sm="12"]
|
||||
|
||||
[ux_image id="7451" depth="2"]
|
||||
|
||||
|
||||
[/col]
|
||||
|
||||
[/row]
|
||||
|
||||
[/section]
|
||||
[section bg_color="rgb(241, 241, 241)" padding="43px" height="276px" border="1px 0px 1px 0px"]
|
||||
|
||||
[row v_align="equal"]
|
||||
|
||||
[col span="3" span__sm="12"]
|
||||
|
||||
<h2 class="uppercase">Latest News</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod .</p>
|
||||
[button text="Our blog"]
|
||||
|
||||
|
||||
[/col]
|
||||
[col span="9" span__sm="12"]
|
||||
|
||||
[blog_posts style="vertical" slider_nav_style="circle" columns="2" depth="1" image_height="223px" image_width="40" text_align="left" text_bg="rgb(255, 255, 255)"]
|
||||
|
||||
|
||||
[/col]
|
||||
|
||||
[/row]
|
||||
|
||||
[/section]
|
||||
[message_box bg_color="rgb(74, 74, 74)" padding="36"]
|
||||
|
||||
[row v_align="middle"]
|
||||
|
||||
[col span="7" span__sm="12"]
|
||||
|
||||
<h2 class="uppercase">ADd a callout header here</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
|
||||
[/col]
|
||||
[col span="5" span__sm="12" align="right"]
|
||||
|
||||
[button text="Callout button" color="white" style="outline" size="larger" animate="flipInY" icon_pos="left"]
|
||||
|
||||
|
||||
[/col]
|
||||
|
||||
[/row]
|
||||
|
||||
[/message_box]
|
||||
@@ -0,0 +1,63 @@
|
||||
[ux_slider bg_color="rgb(79, 79, 79)" hide_nav="true" nav_size="normal"]
|
||||
|
||||
[ux_banner height="600px" bg="8172" bg_overlay="rgba(0, 0, 0, 0.05)" bg_pos="60% 16%" parallax="2"]
|
||||
|
||||
[text_box width__sm="69" scale__sm="105" animate="blurIn"]
|
||||
|
||||
<h3 class="alt-font" data-animate="fadeInRight">A nice title on Top</h3>
|
||||
[divider]
|
||||
|
||||
<h2 class="uppercase">Introducing This Spring Fashion News</h2>
|
||||
[divider]
|
||||
|
||||
[button text="Shop Women"]
|
||||
|
||||
[button text="Shop Men" style="outline"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
[ux_banner height="600px" bg="8051" bg_overlay="rgba(0, 0, 0, 0.05)" bg_pos="60% 16%" parallax="2"]
|
||||
|
||||
[text_box width__sm="69" scale__sm="105" animate="blurIn"]
|
||||
|
||||
<h3 class="alt-font" data-animate="fadeInRight">A nice title on Top</h3>
|
||||
<h2 class="uppercase">Introducing This Spring Fashion News</h2>
|
||||
[divider]
|
||||
|
||||
[button text="Shop Women"]
|
||||
|
||||
[button text="Shop Men" style="outline"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
[ux_banner height="600px" bg="8053" bg_overlay="rgba(0, 0, 0, 0.05)" parallax="2"]
|
||||
|
||||
[text_box animate="blurIn"]
|
||||
|
||||
<h3 class="alt-font" data-animate="fadeInRight">A nice title on Top</h3>
|
||||
<h2 class="uppercase">Add anything Here in the Page Builder</h2>
|
||||
[divider]
|
||||
|
||||
[button text="Shop Women"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/ux_slider]
|
||||
[title style="center" text="Featured Products" size="100"]
|
||||
|
||||
[ux_products show="featured" image_height="112%"]
|
||||
|
||||
[title style="center" text="Browse Categories" size="100"]
|
||||
|
||||
[ux_product_categories style="overlay" slider_nav_style="circle" animate="fadeInLeft" image_height="87%" image_hover="zoom" image_hover_alt="glow" text_pos="middle"]
|
||||
|
||||
[title style="center" text="Latest blog posts" size="100"]
|
||||
|
||||
[blog_posts style="bounce" col_spacing="small" title_size="larger" title_style="uppercase" badge_style="circle" excerpt="false" image_height="235px" image_overlay="rgba(0, 0, 0, 0.15)" image_hover="zoom" image_hover_alt="glow" text_size="small"]
|
||||
@@ -0,0 +1,40 @@
|
||||
[ux_slider infinitive="false" parallax="2" hide_nav="true" nav_size="normal" nav_style="simple" bullets="false"]
|
||||
|
||||
[ux_banner height="100%" bg="8093" 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"]
|
||||
|
||||
<h2 class="uppercase"><span style="font-size: 100%;"><strong>Welcome to our Fashion shop</strong></span></h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
[button text="Click me!" color="white"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
[ux_banner height="100%" bg="8053" 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"]
|
||||
|
||||
<h2 class="uppercase"><strong>Welcome to our Fashion shop</strong></h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
[button text="Click me!" color="white"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
[ux_banner height="100%" bg="6803" 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"]
|
||||
|
||||
<h2 class="uppercase"><strong>Welcome to our Fashion shop</strong></h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
[button text="Click me!" color="white"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/ux_slider]
|
||||
@@ -0,0 +1,107 @@
|
||||
[ux_slider bg_color="rgb(0, 0, 0)"]
|
||||
|
||||
[ux_banner height="100%" slide_effect="zoom-in" bg="8271" bg_size="original" bg_color="rgb(35, 35, 35)" bg_overlay="rgba(0, 0, 0, 0.17)" bg_pos="44% 34%"]
|
||||
|
||||
[text_box width="58" width__sm="100" animate="fadeInUp" parallax="2"]
|
||||
|
||||
<h2 class="uppercase"><span style="font-size: 160%;">Nothing is Impossible</span></h2>
|
||||
<p class="lead">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod</p>
|
||||
[button text="Shop Men" color="white" style="outline"]
|
||||
|
||||
[button text="Shop Women" color="white" style="outline"]
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
[ux_banner height="100%" slide_effect="zoom-in" bg="8243" bg_size="original" bg_color="rgb(35, 35, 35)" bg_overlay="rgba(0, 0, 0, 0.17)" bg_pos="44% 34%"]
|
||||
|
||||
|
||||
[text_box width="58" width__sm="100" animate="fadeInLeft" parallax="2" position_x="0" text_align="left"]
|
||||
|
||||
<h2 class="uppercase"><span style="font-size: 160%;">CHANGE THIS TO ANYTHING</span></h2>
|
||||
<p class="lead">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod</p>
|
||||
[button text="Shop Men" color="white" style="outline"]
|
||||
|
||||
[button text="Shop Women" color="white" style="outline"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[ux_banner height="100%" slide_effect="zoom-in" bg="8273" bg_size="original" bg_color="rgb(35, 35, 35)" bg_overlay="rgba(0, 0, 0, 0.17)" bg_pos="44% 34%"]
|
||||
|
||||
[text_box width="58" width__sm="100" animate="fadeInLeft" parallax="3" position_x="0" text_align="left"]
|
||||
|
||||
<h2 class="uppercase"><span style="font-size: 160%;">CHANGE THIS TO ANYTHING</span></h2>
|
||||
<p class="lead">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod</p>
|
||||
[button text="Shop Men" color="white" style="outline"]
|
||||
|
||||
[button text="Shop Women" color="white" style="outline"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/ux_slider]
|
||||
[section bg_color="rgb(27, 27, 27)" dark="true" padding="60px"]
|
||||
|
||||
[row]
|
||||
|
||||
[col span="4" span__sm="12" animate="fadeInUp"]
|
||||
|
||||
[featured_box img="8687" img_width="42" pos="left" icon_border="2" icon_color="rgb(143, 143, 143)" margin="px px px px"]
|
||||
|
||||
<h4>Free Shipping all products above 99$</h4>
|
||||
|
||||
[/featured_box]
|
||||
|
||||
[/col]
|
||||
[col span="4" span__sm="12" animate="fadeInUp"]
|
||||
|
||||
[featured_box img="8686" img_width="42" pos="left" icon_border="2" icon_color="rgb(143, 143, 143)" margin="px px px px"]
|
||||
|
||||
<h4>New products added everyday</h4>
|
||||
|
||||
[/featured_box]
|
||||
|
||||
[/col]
|
||||
[col span="4" span__sm="12" animate="fadeInUp"]
|
||||
|
||||
[featured_box img="8685" img_width="42" pos="left" icon_border="2" icon_color="rgb(143, 143, 143)" margin="px px px px"]
|
||||
|
||||
<h4>Free Shipping all products above 99$</h4>
|
||||
|
||||
[/featured_box]
|
||||
|
||||
[/col]
|
||||
|
||||
[/row]
|
||||
[title style="center" text="Featured Products" size="undefined"]
|
||||
|
||||
[ux_products slider_nav_style="circle"]
|
||||
|
||||
[title style="center" text="Browse" size="undefined"]
|
||||
|
||||
[ux_product_categories style="overlay" columns="5" image_height="113%" image_overlay="rgba(0, 0, 0, 0.16)" text_pos="middle"]
|
||||
|
||||
[title style="center" text="Latest News" size="undefined"]
|
||||
|
||||
[blog_posts style="overlay" depth="1" title_style="uppercase" badge_style="square" image_height="300px"]
|
||||
|
||||
|
||||
[/section]
|
||||
[ux_banner height="420px" bg="8273" bg_overlay="rgba(0, 0, 0, 0.68)" parallax="3"]
|
||||
|
||||
[text_box]
|
||||
|
||||
<h3 class="uppercase"><strong>Signup for newsletter</strong></h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
[contact-form-7 id="7042"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
[ux_instagram_feed username="surfer_magazine" type="slider" width="full-width" columns="8"]
|
||||
@@ -0,0 +1,257 @@
|
||||
[section bg_color="rgb(255, 255, 255)" bg_overlay="rgba(255, 255, 255, 0.62)"]
|
||||
|
||||
[ux_banner_grid height="666" depth="1"]
|
||||
|
||||
[col_grid span="8" span__sm="13" height="1-2"]
|
||||
|
||||
[ux_banner height="500px" bg="8795" bg_pos="32% 58%" hover="zoom"]
|
||||
|
||||
[text_box width="65" width__sm="90" scale="102" animate="fadeInLeft" position_x="10" text_align="left"]
|
||||
|
||||
<h6 class="uppercase">Featured Vendor</h6>
|
||||
<h2><strong>This Week Featured Vendor</strong></h2>
|
||||
<p class="lead">Change this to anything. Consectetuer adipiscing elit.</p>
|
||||
[button text="Go To Shop" style="outline" radius="99"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
[col_grid span="4" span__sm="13" height="2-3"]
|
||||
|
||||
[ux_banner height="500px" bg="8317" bg_size="medium" bg_overlay="rgba(0, 0, 0, 0.16)" bg_pos="47% 55%" hover="zoom"]
|
||||
|
||||
[text_box width="74"]
|
||||
|
||||
<h2><strong>This is a simple banner</strong></h2>
|
||||
[button text="Shop now" style="outline" size="large" radius="99"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
[col_grid span="4" span__sm="15" height="1-2"]
|
||||
|
||||
[ux_banner height="500px" bg="8226" bg_size="medium" bg_pos="66% 22%" hover="zoom"]
|
||||
|
||||
[text_box width="80" width__sm="60" animate="fadeInLeft" position_y="85" text_align="left" text_color="dark"]
|
||||
|
||||
<h6 class="uppercase">Featured Vendor</h6>
|
||||
<h2><strong>Woo Vendor Shop</strong></h2>
|
||||
[button text="Shop now" style="outline" size="larger" radius="99"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
[col_grid span="4" span__sm="13" height="1-2"]
|
||||
|
||||
[ux_banner height="500px" bg="7460" bg_size="medium" hover="zoom"]
|
||||
|
||||
[text_box width="80" position_x="10" position_y="85" text_align="left"]
|
||||
|
||||
<h2><strong>This is a simple banner</strong></h2>
|
||||
<p class="lead">Change this text to anything</p>
|
||||
[button text="Shop now" style="outline" size="larger" radius="99"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
[col_grid span="4" span__sm="15" height="1-3"]
|
||||
|
||||
[ux_banner height="500px" bg="8753" bg_size="medium" bg_overlay="rgba(0, 0, 0, 0.09)" hover="zoom"]
|
||||
|
||||
[text_box width="79" position_y="85" text_align="left"]
|
||||
|
||||
<h2><strong>This is a simple headline</strong></h2>
|
||||
[button text="Shop now" style="outline" size="large" radius="99"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
|
||||
[/col_grid]
|
||||
|
||||
[/ux_banner_grid]
|
||||
|
||||
[/section]
|
||||
[section bg_color="rgb(246, 246, 246)" border="1px 0px 0px 0px" border_color="rgba(0, 0, 0, 0.05)"]
|
||||
|
||||
[row]
|
||||
|
||||
[col span="4" span__sm="12"]
|
||||
|
||||
[featured_box img="8686" img_width="42" pos="left" icon_border="2" margin="px px px px"]
|
||||
|
||||
<h3>Find Something You love</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscin.</p>
|
||||
|
||||
[/featured_box]
|
||||
|
||||
[/col]
|
||||
[col span="4" span__sm="12"]
|
||||
|
||||
[featured_box img="8687" img_width="42" pos="left" icon_border="2" margin="px px px px"]
|
||||
|
||||
<h3>Find Something You love</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscin.</p>
|
||||
|
||||
[/featured_box]
|
||||
|
||||
[/col]
|
||||
[col span="4" span__sm="12"]
|
||||
|
||||
[featured_box img="8750" img_width="42" pos="left" icon_border="2" margin="px px px px"]
|
||||
|
||||
<h3>Find Something You love</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscin.</p>
|
||||
|
||||
[/featured_box]
|
||||
|
||||
[/col]
|
||||
|
||||
[/row]
|
||||
[title style="center" text="Shop By Category" size="undefined"]
|
||||
|
||||
[ux_product_categories style="normal" slider_nav_style="simple" slider_nav_position="outside" columns="5" depth="1" image_height="230px" text_bg="rgb(255, 255, 255)"]
|
||||
|
||||
[title style="center" text="Latest Collections" size="undefined"]
|
||||
|
||||
[ux_products style="vertical" slider_nav_style="simple" slider_nav_position="outside" columns="2" depth="1" orderby="date" image_width="42" text_size="large" text_bg="rgb(255, 255, 255)"]
|
||||
|
||||
|
||||
[/section]
|
||||
[ux_banner height="318px" bg="4059" bg_color="rgb(80, 80, 80)" bg_overlay="rgba(0, 0, 0, 0.49)" bg_pos="22% 29%"]
|
||||
|
||||
[text_box width="40" width__sm="60"]
|
||||
|
||||
<h3 class="uppercase"><strong>Become a Vendor</strong></h3>
|
||||
<p class="lead">Want to sell on Flatsome Vendor? We're looking for shop to join us.</p>
|
||||
[button text="Learn More" color="white" style="outline" radius="99"]
|
||||
|
||||
[button text="Apply Now" color="white" radius="99"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
[section bg_color="rgb(244, 244, 244)"]
|
||||
|
||||
[row]
|
||||
|
||||
[col span__sm="12"]
|
||||
|
||||
[title style="bold-center" text="How it Works" size="undefined"]
|
||||
|
||||
[row_inner]
|
||||
|
||||
[col_inner span="4" span__sm="12"]
|
||||
|
||||
<h3 class="uppercase"><strong>Apply to be a Vendor</strong></h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
|
||||
[/col_inner]
|
||||
[col_inner span="4" span__sm="12"]
|
||||
|
||||
<h3 class="uppercase"><strong>Upload your products</strong></h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
|
||||
[/col_inner]
|
||||
[col_inner span="4" span__sm="12"]
|
||||
|
||||
<h3 class="uppercase"><strong>Sell and make money</strong></h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
|
||||
[/col_inner]
|
||||
|
||||
[/row_inner]
|
||||
[gap height="36px"]
|
||||
|
||||
[title style="bold-center" text="Latest Reviews" size="undefined"]
|
||||
|
||||
[ux_slider nav_pos="outside" nav_style="simple" nav_color="dark"]
|
||||
|
||||
[row_inner]
|
||||
|
||||
[col_inner span="4" span__sm="12"]
|
||||
|
||||
[testimonial image="3833" name="Name" company="Lastname"]
|
||||
|
||||
<p><em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat....</em></p>
|
||||
|
||||
[/testimonial]
|
||||
|
||||
[/col_inner]
|
||||
[col_inner span="4" span__sm="12"]
|
||||
|
||||
[testimonial image="3833" name="Name" company="Lastname"]
|
||||
|
||||
<p><em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat....</em></p>
|
||||
|
||||
[/testimonial]
|
||||
|
||||
[/col_inner]
|
||||
[col_inner span="4" span__sm="12"]
|
||||
|
||||
[testimonial image="3833" name="Name" company="Lastname"]
|
||||
|
||||
<p><em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat....</em></p>
|
||||
|
||||
[/testimonial]
|
||||
|
||||
[/col_inner]
|
||||
|
||||
[/row_inner]
|
||||
[row_inner]
|
||||
|
||||
[col_inner span="4" span__sm="12"]
|
||||
|
||||
[testimonial image="3833" name="Name" company="Lastname"]
|
||||
|
||||
<p><em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat....</em></p>
|
||||
|
||||
[/testimonial]
|
||||
|
||||
[/col_inner]
|
||||
[col_inner span="4" span__sm="12"]
|
||||
|
||||
[testimonial image="3833" name="Name" company="Lastname"]
|
||||
|
||||
<p><em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat....</em></p>
|
||||
|
||||
[/testimonial]
|
||||
|
||||
[/col_inner]
|
||||
[col_inner span="4" span__sm="12"]
|
||||
|
||||
[testimonial image="3833" name="Name" company="Lastname"]
|
||||
|
||||
<p><em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat....</em></p>
|
||||
|
||||
[/testimonial]
|
||||
|
||||
[/col_inner]
|
||||
|
||||
[/row_inner]
|
||||
|
||||
[/ux_slider]
|
||||
[title style="bold-center" text="From The Blog" size="undefined"]
|
||||
|
||||
[blog_posts slider_nav_style="simple" slider_nav_position="outside" columns="3" depth="1" image_height="180px"]
|
||||
|
||||
|
||||
[/col]
|
||||
|
||||
[/row]
|
||||
|
||||
[/section]
|
||||
@@ -0,0 +1,15 @@
|
||||
[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"]
|
||||
|
||||
<h3 class="alt-font">A Fancy top Title</h3>
|
||||
<h1 class="uppercase"><strong>Welcome to COOL Our Shop</strong></h1>
|
||||
<p class="lead">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
|
||||
[button text="Shop now" color="white" link="shop"]
|
||||
|
||||
[button text="Shop now" color="white" link="shop"]
|
||||
|
||||
|
||||
[/text_box]
|
||||
|
||||
[/ux_banner]
|
||||
175
wp-content/themes/flatsome/inc/builder/templates/templates.php
Normal file
175
wp-content/themes/flatsome/inc/builder/templates/templates.php
Normal file
@@ -0,0 +1,175 @@
|
||||
<?php
|
||||
|
||||
ux_builder_add_template( 'flatsome_home_big-sale', array(
|
||||
'post_types' => array( 'page' ),
|
||||
'category' => __( 'Shop', 'flatsome' ),
|
||||
'name' => 'Big Sale',
|
||||
'thumbnail' => flatsome_ux_builder_template_thumb( 'big-sale' ),
|
||||
'template' => 'page-blank.php',
|
||||
'content' => file_get_contents( __DIR__ . '/content/big-sale.txt' ),
|
||||
) );
|
||||
|
||||
ux_builder_add_template( 'flatsome_home_classic-shop', array(
|
||||
'post_types' => array( 'page' ),
|
||||
'category' => __( 'Shop', 'flatsome' ),
|
||||
'name' => 'Classic Shop',
|
||||
'thumbnail' => flatsome_ux_builder_template_thumb( 'classic-shop' ),
|
||||
'template' => 'page-blank.php',
|
||||
'content' => file_get_contents( __DIR__ . '/content/classic-shop.txt' ),
|
||||
) );
|
||||
|
||||
ux_builder_add_template( 'flatsome_home_cute-shop', array(
|
||||
'post_types' => array( 'page' ),
|
||||
'category' => __( 'Shop', 'flatsome' ),
|
||||
'name' => 'Cute Shop',
|
||||
'thumbnail' => flatsome_ux_builder_template_thumb( 'cute-shop' ),
|
||||
'template' => 'page-blank.php',
|
||||
'content' => file_get_contents( __DIR__ . '/content/cute-shop.txt' ),
|
||||
) );
|
||||
|
||||
ux_builder_add_template( 'flatsome_home_fullscreen-fashion', array(
|
||||
'post_types' => array( 'page' ),
|
||||
'category' => __( 'Shop', 'flatsome' ),
|
||||
'name' => 'Fullscreen Fashion',
|
||||
'thumbnail' => flatsome_ux_builder_template_thumb( 'fullscreen-fashion' ),
|
||||
'template' => 'page-transparent-header-light.php',
|
||||
'content' => file_get_contents( __DIR__ . '/content/fullscreen-fashion.txt' ),
|
||||
) );
|
||||
|
||||
ux_builder_add_template( 'flatsome_home_grid-style-1', array(
|
||||
'post_types' => array( 'page' ),
|
||||
'category' => __( 'Shop', 'flatsome' ),
|
||||
'name' => 'Grid Style 1',
|
||||
'thumbnail' => flatsome_ux_builder_template_thumb( 'grid-style-1' ),
|
||||
'template' => 'page-blank.php',
|
||||
'content' => file_get_contents( __DIR__ . '/content/grid-style-1.txt' ),
|
||||
) );
|
||||
|
||||
ux_builder_add_template( 'flatsome_home_grid-style-2', array(
|
||||
'post_types' => array( 'page' ),
|
||||
'category' => __( 'Shop', 'flatsome' ),
|
||||
'name' => 'Grid Style 2',
|
||||
'thumbnail' => flatsome_ux_builder_template_thumb( 'grid-style-2' ),
|
||||
'template' => 'page-blank.php',
|
||||
'content' => file_get_contents( __DIR__ . '/content/grid-style-2.txt' ),
|
||||
) );
|
||||
|
||||
ux_builder_add_template( 'flatsome_home_grid-style-3', array(
|
||||
'post_types' => array( 'page' ),
|
||||
'category' => __( 'Shop', 'flatsome' ),
|
||||
'name' => 'Grid Style 3',
|
||||
'thumbnail' => flatsome_ux_builder_template_thumb( 'grid-style-3' ),
|
||||
'template' => 'page-blank.php',
|
||||
'content' => file_get_contents( __DIR__ . '/content/grid-style-3.txt' ),
|
||||
) );
|
||||
|
||||
ux_builder_add_template( 'flatsome_home_mega-shop', array(
|
||||
'post_types' => array( 'page' ),
|
||||
'category' => __( 'Shop', 'flatsome' ),
|
||||
'name' => 'Mega Shop',
|
||||
'thumbnail' => flatsome_ux_builder_template_thumb( 'mega-shop' ),
|
||||
'template' => 'page-blank.php',
|
||||
'content' => file_get_contents( __DIR__ . '/content/mega-shop.txt' ),
|
||||
) );
|
||||
|
||||
ux_builder_add_template( 'flatsome_home_parallax-shop', array(
|
||||
'post_types' => array( 'page' ),
|
||||
'category' => __( 'Shop', 'flatsome' ),
|
||||
'name' => 'Parallax Shop',
|
||||
'thumbnail' => flatsome_ux_builder_template_thumb( 'parallax-shop' ),
|
||||
'template' => 'page-blank.php',
|
||||
'content' => file_get_contents( __DIR__ . '/content/parallax-shop.txt' ),
|
||||
) );
|
||||
|
||||
ux_builder_add_template( 'flatsome_home_sale-countdown', array(
|
||||
'post_types' => array( 'page' ),
|
||||
'category' => __( 'Shop', 'flatsome' ),
|
||||
'name' => 'Sale Countdown',
|
||||
'thumbnail' => flatsome_ux_builder_template_thumb( 'sale-countdown' ),
|
||||
'template' => 'page-blank.php',
|
||||
'content' => file_get_contents( __DIR__ . '/content/sale-countdown.txt' ),
|
||||
) );
|
||||
|
||||
ux_builder_add_template( 'flatsome_home_simple-slider', array(
|
||||
'post_types' => array( 'page' ),
|
||||
'category' => __( 'Shop', 'flatsome' ),
|
||||
'name' => 'Simple Slider',
|
||||
'thumbnail' => flatsome_ux_builder_template_thumb( 'simple-slider' ),
|
||||
'template' => 'default',
|
||||
'content' => file_get_contents( __DIR__ . '/content/simple-slider.txt' ),
|
||||
) );
|
||||
|
||||
ux_builder_add_template( 'flatsome_home_slider-cover', array(
|
||||
'post_types' => array( 'page' ),
|
||||
'category' => __( 'Shop', 'flatsome' ),
|
||||
'name' => 'Slider Cover',
|
||||
'thumbnail' => flatsome_ux_builder_template_thumb( 'slider-cover' ),
|
||||
'template' => 'page-transparent-header-light.php',
|
||||
'content' => file_get_contents( __DIR__ . '/content/slider-cover.txt' ),
|
||||
) );
|
||||
|
||||
ux_builder_add_template( 'flatsome_home_sport-shop', array(
|
||||
'post_types' => array( 'page' ),
|
||||
'category' => __( 'Shop', 'flatsome' ),
|
||||
'name' => 'Sport Shop',
|
||||
'thumbnail' => flatsome_ux_builder_template_thumb( 'sport-shop' ),
|
||||
'template' => 'page-transparent-header-light.php',
|
||||
'content' => file_get_contents( __DIR__ . '/content/sport-shop.txt' ),
|
||||
) );
|
||||
|
||||
ux_builder_add_template( 'flatsome_home_vendor-shop', array(
|
||||
'post_types' => array( 'page' ),
|
||||
'category' => __( 'Shop', 'flatsome' ),
|
||||
'name' => 'Vendor Shop',
|
||||
'thumbnail' => flatsome_ux_builder_template_thumb( 'vendor-shop' ),
|
||||
'template' => 'page-blank.php',
|
||||
'content' => file_get_contents( __DIR__ . '/content/vendor-shop.txt' ),
|
||||
) );
|
||||
|
||||
ux_builder_add_template( 'flatsome_home_video-cover', array(
|
||||
'post_types' => array( 'page' ),
|
||||
'category' => __( 'Shop', 'flatsome' ),
|
||||
'name' => 'Video Cover',
|
||||
'thumbnail' => flatsome_ux_builder_template_thumb( 'video-cover' ),
|
||||
'template' => 'page-transparent-header-light.php',
|
||||
'content' => file_get_contents( __DIR__ . '/content/video-cover.txt' ),
|
||||
) );
|
||||
|
||||
|
||||
ux_builder_add_template( 'flatsome_home_agency', array(
|
||||
'post_types' => array( 'page' ),
|
||||
'category' => __( 'Shop', 'flatsome' ),
|
||||
'name' => 'Agency',
|
||||
'thumbnail' => flatsome_ux_builder_template_thumb( 'agency' ),
|
||||
'template' => 'page-transparent-header-light.php',
|
||||
'content' => file_get_contents( __DIR__ . '/content/agency.txt' ),
|
||||
) );
|
||||
|
||||
|
||||
ux_builder_add_template( 'flatsome_home_simple-corporate', array(
|
||||
'post_types' => array( 'page' ),
|
||||
'category' => __( 'Shop', 'flatsome' ),
|
||||
'name' => 'Corporate',
|
||||
'thumbnail' => flatsome_ux_builder_template_thumb( 'simple-corporate' ),
|
||||
'template' => 'page-blank.php',
|
||||
'content' => file_get_contents( __DIR__ . '/content/simple-corporate.txt' ),
|
||||
) );
|
||||
|
||||
ux_builder_add_template( 'flatsome_home_explore', array(
|
||||
'post_types' => array( 'page' ),
|
||||
'category' => __( 'Shop', 'flatsome' ),
|
||||
'name' => 'Explore',
|
||||
'thumbnail' => flatsome_ux_builder_template_thumb( 'explore' ),
|
||||
'template' => 'page-transparent-header.php',
|
||||
'content' => file_get_contents( __DIR__ . '/content/explore.txt' ),
|
||||
) );
|
||||
|
||||
ux_builder_add_template( 'flatsome_home_freelancer', array(
|
||||
'post_types' => array( 'page' ),
|
||||
'category' => __( 'Shop', 'flatsome' ),
|
||||
'name' => 'Freelancer',
|
||||
'thumbnail' => flatsome_ux_builder_template_thumb( 'freelancer' ),
|
||||
'template' => 'page-transparent-header-light.php',
|
||||
'content' => file_get_contents( __DIR__ . '/content/freelancer.txt' ),
|
||||
) );
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
Reference in New Issue
Block a user