SHARE
TWEET

Landing Page: Elegant

kisibachda Sep 17th, 2019 95 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [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"]
  2.  
  3. [row]
  4.  
  5. [col span__sm="12" align="center"]
  6.  
  7. <p class="tag">Brand name </p>
  8. <h2>Leather bags handcrafted by artists</h2>
  9. <p>We are a sustainable leather bags brand from Italy</p>
  10. [row_inner h_align="center"]
  11.  
  12. [col_inner span="6" span__sm="12" span__md="9"]
  13.  
  14. [row_inner_1 style="collapse" padding="0px 5px 0px 5px" padding__sm="0px 0px 0px 0pxx"]
  15.  
  16. [col_inner_1 span="6" span__sm="12"]
  17.  
  18. [button text="Shop now" color="white" expand="true" icon="icon-shopping-cart" link="#"]
  19.  
  20.  
  21. [/col_inner_1]
  22. [col_inner_1 span="6" span__sm="12"]
  23.  
  24. [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"]
  25.  
  26.  
  27. [/col_inner_1]
  28.  
  29. [/row_inner_1]
  30.  
  31. [/col_inner]
  32.  
  33. [/row_inner]
  34.  
  35. [/col]
  36.  
  37. [/row]
  38.  
  39. [/section]
  40. [section label="About" bg_color="rgb(249, 247, 244)"]
  41.  
  42. [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"]
  43.  
  44. [col span__sm="12" margin="-100px 0px 0px 0px"]
  45.  
  46. [row_inner v_align="middle" padding="0px 50px 0px 50px" padding__sm="0px 20px 0px 20px" padding__md="0px 30px 0px 30px"]
  47.  
  48. [col_inner span="6" span__sm="12"]
  49.  
  50. [ux_slider style="focus" slide_width="80%" nav_style="simple" timer="3000" pause_hover="false"]
  51.  
  52. [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)"]
  53.  
  54. [text_box width__sm="60" position_x="50" position_y="50"]
  55.  
  56.  
  57. [/text_box]
  58.  
  59. [/ux_banner]
  60. [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)"]
  61.  
  62. [text_box width__sm="60" position_x="50" position_y="50"]
  63.  
  64.  
  65. [/text_box]
  66.  
  67. [/ux_banner]
  68. [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)"]
  69.  
  70. [text_box width__sm="60" position_x="50" position_y="50"]
  71.  
  72.  
  73. [/text_box]
  74.  
  75. [/ux_banner]
  76.  
  77. [/ux_slider]
  78.  
  79. [/col_inner]
  80. [col_inner span="6" span__sm="12"]
  81.  
  82. <p class="tag green">Comfort and luxury</p>
  83. <h2>We believe in traditional  craftsmanship.</h2>
  84. <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>
  85.  
  86. [/col_inner]
  87.  
  88. [/row_inner]
  89.  
  90. [/col]
  91.  
  92. [/row]
  93. [row label="Story" h_align="center"]
  94.  
  95. [col span="8" span__sm="10" span__md="10" padding="60px 0px 0px 0px" margin="0px 0px -100px 0px" align="center"]
  96.  
  97. <p class="tag green">Our story</p>
  98. <h3> Sustainable leather bags. Urban life.</p>
  99. </h3>
  100. <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>
  101. [gap]
  102.  
  103. [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)"]
  104.  
  105. [text_box width__sm="60" position_x="50" position_y="50"]
  106.  
  107.  
  108. [/text_box]
  109.  
  110. [/ux_banner]
  111.  
  112. [/col]
  113.  
  114. [/row]
  115.  
  116. [/section]
  117. [section label="Benefits" bg_color="rgb(160, 154, 156)" dark="true" padding="0px" class="home-values squeeze"]
  118.  
  119. [gap height="140px"]
  120.  
  121. [row]
  122.  
  123. [col span__sm="12"]
  124.  
  125. <p class="tag green">Values</p>
  126. <h2>Enjoy our benefits </h2>
  127.  
  128. [/col]
  129.  
  130. [/row]
  131. [row padding="0px 30px 0px 0px" padding__sm="0px 0px 0px 0px"]
  132.  
  133. [col span="6" span__sm="12"]
  134.  
  135. [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)"]
  136.  
  137. <h4>Sustainable leather</h4>
  138. <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>
  139.  
  140. [/featured_box]
  141. [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)"]
  142.  
  143. <h4>Hand made in Italy </h4>
  144. <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>
  145.  
  146. [/featured_box]
  147.  
  148. [/col]
  149. [col span="6" span__sm="12"]
  150.  
  151. [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)"]
  152.  
  153. <h4>3 years guaranty</h4>
  154. <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>
  155.  
  156. [/featured_box]
  157. [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)"]
  158.  
  159. <h4>Free shipping & returns</h4>
  160. <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>
  161.  
  162. [/featured_box]
  163.  
  164. [/col]
  165.  
  166. [/row]
  167. [gap height="120px"]
  168.  
  169.  
  170. [/section]
  171. [section label="Blocks" bg_color="rgb(249, 247, 244)" padding="50px" class="info-card-1"]
  172.  
  173. [gap]
  174.  
  175. [row]
  176.  
  177. [col span__sm="12" align="center"]
  178.  
  179. <h2>Enjoy the finest</h2>
  180.  
  181. [/col]
  182.  
  183. [/row]
  184. [row col_bg="rgb(255,255,255)" v_align="equal"]
  185.  
  186. [col span="4" span__sm="12"]
  187.  
  188. [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%"]
  189.  
  190. <h4>Summer collection</h4>
  191. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur fermentum odio feugiat, porta ante maximus, convallis ligula. </p>
  192. [button text="More info" style="underline"]
  193.  
  194.  
  195. [/ux_image_box]
  196.  
  197. [/col]
  198. [col span="4" span__sm="12"]
  199.  
  200. [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%"]
  201.  
  202. <h4>Made by hand</h4>
  203. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur fermentum odio feugiat, porta ante maximus, convallis ligula. </p>
  204. [button text="More info" style="underline"]
  205.  
  206.  
  207. [/ux_image_box]
  208.  
  209. [/col]
  210. [col span="4" span__sm="12"]
  211.  
  212. [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%"]
  213.  
  214. <h4>Our story </h4>
  215. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur fermentum odio feugiat, porta ante maximus, convallis ligula. </p>
  216. [button text="The concept" style="underline" link="#"]
  217.  
  218.  
  219. [/ux_image_box]
  220.  
  221. [/col]
  222.  
  223. [/row]
  224.  
  225. [/section]
  226. [section label="Call to action" bg_color="rgb(160, 154, 156)" dark="true" padding="0px"]
  227.  
  228. [gap height="50px"]
  229.  
  230. [row]
  231.  
  232. [col span="9" span__sm="12"]
  233.  
  234. <h2>Free shipping inside eu over €150</h2>
  235. <p>Rest of the world after €250</p>
  236.  
  237. [/col]
  238. [col span="3" span__sm="12"]
  239.  
  240. [button text="Shop now" expand="true"]
  241.  
  242. [button text="Contact us" color="white" expand="true"]
  243.  
  244.  
  245. [/col]
  246.  
  247. [/row]
  248.  
  249. [/section]
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top