Landing Page: Elegant

[section label="Hero" bg="https://www.flatelements.com/wp-content/uploads/2019/06/hero-landingpage-elegant-flatsome-uxbuilder-flatelements.jpg" bg_overlay="rgba(0, 0, 0, 0.4)" bg_pos="44% 70%" parallax="3" dark="true" padding="140px" padding__sm="90px" padding__md="120px"]

[row]

[col span__sm="12" align="center"]

<p class="tag">Brand name </p>
<h2>Leather bags handcrafted by artists</h2>
<p>We are a sustainable leather bags brand from Italy</p>
[row_inner h_align="center"]

[col_inner span="6" span__sm="12" span__md="9"]

[row_inner_1 style="collapse" padding="0px 5px 0px 5px" padding__sm="0px 0px 0px 0pxx"]

[col_inner_1 span="6" span__sm="12"]

[button text="Shop now" color="white" expand="true" icon="icon-shopping-cart" link="#"]


[/col_inner_1]
[col_inner_1 span="6" span__sm="12"]

[button text="Play the video" color="white" style="outline" expand="true" icon="icon-play" icon_pos="left" link="https://www.youtube.com/watch?v=yTLEvP6fiC8" class="open-video"]


[/col_inner_1]

[/row_inner_1]

[/col_inner]

[/row_inner]

[/col]

[/row]

[/section]
[section label="About" bg_color="rgb(249, 247, 244)"]

[row label="Intro" col_bg="rgb(255,255,255)" padding="80px 40px 40px 40px" padding__sm="20px 20px 20px 20px" padding__md="40px 20px 20px 20px"]

[col span__sm="12" margin="-100px 0px 0px 0px"]

[row_inner v_align="middle" padding="0px 50px 0px 50px" padding__sm="0px 20px 0px 20px" padding__md="0px 30px 0px 30px"]

[col_inner span="6" span__sm="12"]

[ux_slider style="focus" slide_width="80%" nav_style="simple" timer="3000" pause_hover="false"]

[ux_banner height="500px" height__sm="300px" height__md="400px" bg="https://www.flatelements.com/wp-content/uploads/2019/06/slide-1-landingpage-elegant-flatsome-uxbuilder-flatelements.jpg" bg_color="rgb(246, 246, 246)"]

[text_box width__sm="60" position_x="50" position_y="50"]


[/text_box]

[/ux_banner]
[ux_banner height="500px" height__sm="300px" height__md="400px" bg="https://www.flatelements.com/wp-content/uploads/2019/06/slide-2-landingpage-elegant-flatsome-uxbuilder-flatelements.jpg" bg_color="rgb(246, 246, 246)"]

[text_box width__sm="60" position_x="50" position_y="50"]


[/text_box]

[/ux_banner]
[ux_banner height="500px" height__sm="300px" height__md="400px" bg="https://www.flatelements.com/wp-content/uploads/2019/06/slide-3-landingpage-elegant-flatsome-uxbuilder-flatelements.jpg" bg_color="rgb(246, 246, 246)"]

[text_box width__sm="60" position_x="50" position_y="50"]


[/text_box]

[/ux_banner]

[/ux_slider]

[/col_inner]
[col_inner span="6" span__sm="12"]

<p class="tag green">Comfort and luxury</p>
<h2>We believe in traditional  craftsmanship.</h2>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sollicitudin nibh metus, a ultricies nisl accumsan non. Donec hendrerit imperdiet magna, ac lobortis eros condimentum nec. Nunc hendrerit purus et purus rhoncus volutpat.</p>

[/col_inner]

[/row_inner]

[/col]

[/row]
[row label="Story" h_align="center"]

[col span="8" span__sm="10" span__md="10" padding="60px 0px 0px 0px" margin="0px 0px -100px 0px" align="center"]

<p class="tag green">Our story</p>
<h3> Sustainable leather bags. Urban life.</p>
</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sollicitudin nibh metus, a ultricies nisl accumsan non. Donec hendrerit imperdiet magna, ac lobortis eros condimentum nec. Nunc hendrerit purus et purus rhoncus volutpat.</p>
[gap]

[ux_banner height="500px" height__sm="300px" height__md="400px" bg="https://www.flatelements.com/wp-content/uploads/2019/06/section-landingpage-elegant-flatsome-uxbuilder-flatelements.jpg" bg_color="rgb(255,255,255)"]

[text_box width__sm="60" position_x="50" position_y="50"]


[/text_box]

[/ux_banner]

[/col]

[/row]

[/section]
[section label="Benefits" bg_color="rgb(160, 154, 156)" dark="true" padding="0px" class="home-values squeeze"]

[gap height="140px"]

[row]

[col span__sm="12"]

<p class="tag green">Values</p>
<h2>Enjoy our benefits </h2>

[/col]

[/row]
[row padding="0px 30px 0px 0px" padding__sm="0px 0px 0px 0px"]

[col span="6" span__sm="12"]

[featured_box img="https://www.flatelements.com/wp-content/uploads/2019/06/leather-icon-uxbuilder-flatsome-flatelements.png" img_width="40" pos="left" margin="0px 0px 50px 0px" icon_color="rgb(255, 255, 255)"]

<h4>Sustainable leather</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis efficitur, dui eu tincidunt imperdiet, arcu arcu cursus tortor, eget molestie magna dolor et urna.</p>

[/featured_box]
[featured_box img="https://www.flatelements.com/wp-content/uploads/2019/06/italy-map-icon-uxbuilder-flatsome-flatelements.png" img_width="40" pos="left" icon_color="rgb(255, 255, 255)"]

<h4>Hand made in Italy </h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis efficitur, dui eu tincidunt imperdiet, arcu arcu cursus tortor, eget molestie magna dolor et urna.</p>

[/featured_box]

[/col]
[col span="6" span__sm="12"]

[featured_box img="https://www.flatelements.com/wp-content/uploads/2019/06/guarantee-icon-uxbuilder-flatsome-flatelements.png" img_width="40" pos="left" margin="0px 0px 50px 0px" icon_color="rgb(255, 255, 255)"]

<h4>3 years guaranty</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis efficitur, dui eu tincidunt imperdiet, arcu arcu cursus tortor, eget molestie magna dolor et urna.</p>

[/featured_box]
[featured_box img="https://www.flatelements.com/wp-content/uploads/2019/06/shop-icon-uxbuilder-flatsome-flatelements.png" img_width="40" pos="left" icon_color="rgb(255, 255, 255)"]

<h4>Free shipping & returns</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis efficitur, dui eu tincidunt imperdiet, arcu arcu cursus tortor, eget molestie magna dolor et urna.</p>

[/featured_box]

[/col]

[/row]
[gap height="120px"]


[/section]
[section label="Blocks" bg_color="rgb(249, 247, 244)" padding="50px" class="info-card-1"]

[gap]

[row]

[col span__sm="12" align="center"]

<h2>Enjoy the finest</h2>

[/col]

[/row]
[row col_bg="rgb(255,255,255)" v_align="equal"]

[col span="4" span__sm="12"]

[ux_image_box style="push" img="https://www.flatelements.com/wp-content/uploads/2019/06/banner-1-landingpage-elegant-flatsome-uxbuilder-flatelements.jpg" image_height="70%" image_hover="zoom" text_align="left" text_bg="rgb(255, 255, 255)" text_padding="20px 5% 20px 5%"]

<h4>Summer collection</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur fermentum odio feugiat, porta ante maximus, convallis ligula. </p>
[button text="More info" style="underline"]


[/ux_image_box]

[/col]
[col span="4" span__sm="12"]

[ux_image_box style="push" img="https://www.flatelements.com/wp-content/uploads/2019/06/banner-2-landingpage-elegant-flatsome-uxbuilder-flatelements.jpg" image_height="70%" image_hover="zoom" text_align="left" text_bg="rgb(255, 255, 255)" text_padding="20px 10% 20px 10%"]

<h4>Made by hand</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur fermentum odio feugiat, porta ante maximus, convallis ligula. </p>
[button text="More info" style="underline"]


[/ux_image_box]

[/col]
[col span="4" span__sm="12"]

[ux_image_box style="push" img="https://www.flatelements.com/wp-content/uploads/2019/06/banner-3-landingpage-elegant-flatsome-uxbuilder-flatelements.jpg" image_height="70%" image_hover="zoom" link="#" text_align="left" text_bg="rgb(255, 255, 255)" text_padding="20px 5% 20px 5%"]

<h4>Our story </h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur fermentum odio feugiat, porta ante maximus, convallis ligula. </p>
[button text="The concept" style="underline" link="#"]


[/ux_image_box]

[/col]

[/row]

[/section]
[section label="Call to action" bg_color="rgb(160, 154, 156)" dark="true" padding="0px"]

[gap height="50px"]

[row]

[col span="9" span__sm="12"]

<h2>Free shipping inside eu over €150</h2>
<p>Rest of the world after €250</p>

[/col]
[col span="3" span__sm="12"]

[button text="Shop now" expand="true"]

[button text="Contact us" color="white" expand="true"]


[/col]

[/row]

[/section]