Free premade designs for Flatsome Theme

Free • Locked

[section label="Hero Top" bg_color="rgb(240, 236, 228)" height="380px"] [gap height__sm="150px" height__md="220px"] [/section] [row label="Hero Bottom" h_align="center"] [col span__sm="12" margin="-350px 0px 0px 0px" margin__sm="-200px 0px 0px 0px" margin__md="-250px 0px 0px 0px" align="left"] [section bg="https://www.flatsomedesigns.com/wp-content/uploads/laura-adai-8Vguc-IvaQ4-unsplash.jpg" bg_size="original" bg_color="rgba(255, 255, 255, 0)" bg_overlay="rgba(0, 0, 0, 0.151)" bg_pos="50% 100%" parallax="2" dark="true" height="650px" height__sm="350px" height__md="450px" class="round-corners"] [row_inner h_align="center"] [col_inner span="6" span__sm="12" align="center"] [ux_text class="tagline collapse"] <p>for adventures</p> [/ux_text] [ux_text font_size="3.5" font_size__sm="2.25" class="h1 collapse"] <p>Hit the Road</p> [/ux_text] [/col_inner] [/row_inner] [/section] [row_inner h_align="center"] [col_inner span__sm="12" padding="0px 3% 0px 3%" margin="-150px 0px 0px 0px" margin__sm="-130px 0px 0px 0px" align="center"] [button text="Discover" padding="10px 30px 10px 30px"] [/col_inner] [/row_inner] [/col] [/row]

Free • Locked

[section label="Hero 02" bg_color="rgb(223, 220, 216)" padding="0px"] [gap height="50px"] [row] [col span__sm="12"] [row_inner v_align="bottom"] [col_inner span="4" span__sm="12" span__md="12" padding="0px 10% 0px 0px" padding__md="0px 0px 0px 0px"] [ux_text font_size="2.5" line_height="1.5" class="h1 collapse"] <p>Handcrafted<br />Natural<br />Organic<br />South African <br /><br /></p> [/ux_text] [gap] [button text="Shop now" expand="true"] [gap] <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquam lacus nec congue facilisis. In egestas felis ut libero pretium, a auctor ex ornare. </p> [/col_inner] [col_inner span="8" span__sm="12" span__md="12" force_first="medium"] [ux_banner height="600px" height__md="56.25%" bg="https://www.flatsomedesigns.com/wp-content/uploads/sincerely-media-lAPeTNMpXgw-unsplash.jpg" bg_size="original" bg_color="rgb(223, 220, 216)" bg_pos="0% 100%"] [/ux_banner] [/col_inner] [/row_inner] [/col] [/row] [/section]

Free • Locked

[section label="Hero 05" bg="1408" bg_pos="29% 15%" parallax="3" dark="true" height="80vh" height__sm="550px" height__md="60vh" class="section-bottom"] [row v_align="bottom"] [col span="4" span__sm="12" span__md="7"] [ux_text font_size="2.5" font_size__sm="2.25" class="h1 collapse"] <p>Ready for the ride</p> [/ux_text] [gap height="20px"] [ux_text class="collapse"] <p>Lorem ipsum dolor sit amet sed diam nibh euismod tincidunt laoreet dolore utpat.</p> [/ux_text] [/col] [col span="8" span__sm="12" span__md="5"] [ux_stack distribute="end" distribute__sm="start"] [button text="Explore now" color="white" padding="10px 30px 10px 30px" icon="icon-angle-right" icon_reveal="true"] [/ux_stack] [/col] [/row] [/section]

Free • Locked

[section label="Top Section" bg_color="rgb(249, 248, 247)"] [gap height="300px" height__sm="450px" height__md="350px"] [/section] [section label="Footer" bg_color="#171717"] [row col_bg="rgb(170, 112, 255)" col_bg_radius="20" padding="6% 6% 6% 6%" padding__sm="10% 10% 10% 10%"] [col span__sm="12" margin="-320px 0px 0px 0px" margin__sm="-480px 0px 0px 0px" margin__md="-350px 0px 0px 0px"] [row_inner style="collapse" width="full-width"] [col_inner span="8" span__sm="12" span__md="12"] [row_inner_1] [col_inner_1 span="4" span__sm="12"] [ux_text class="collapse h3"] <p>Shop</p> [/ux_text] [gap height="15px"] [ux_menu] [ux_menu_link text="Products" post="17"] [ux_menu_link text="Biking" term="23"] [ux_menu_link text="Hiking" term="22"] [ux_menu_link text="Fitness" term="26"] [ux_menu_link text="Swimming" term="29"] [/ux_menu] [/col_inner_1] [col_inner_1 span="4" span__sm="12"] [ux_text class="collapse h3"] <p>About</p> [/ux_text] [gap height="15px"] [ux_menu] [ux_menu_link text="Blog" post="1065"] [ux_menu_link text="Brands" post="1104"] [ux_menu_link text="Our Story" post="651"] [ux_menu_link text="Careers" post="1102"] [ux_menu_link text="Contact" post="636"] [/ux_menu] [/col_inner_1] [col_inner_1 span="4" span__sm="12"] [ux_text class="collapse h3"] <p>Support</p> [/ux_text] [gap height="15px"] [ux_menu] [ux_menu_link text="Support" post="961"] [ux_menu_link text="Shippings" post="1019"] [ux_menu_link text="Returns" post="1024"] [ux_menu_link text="Payments" post="1034"] [ux_menu_link text="Orders" post="1026"] [/ux_menu] [/col_inner_1] [/row_inner_1] [/col_inner] [col_inner span="4" span__sm="12" span__md="12" force_first="medium" padding="0px 0px 0px 10%" padding__sm="0px 0px 40px 0px" padding__md="0px 0px 50px 0px"] [ux_text font_size__sm="1.35" class="collapse h3"] <p>Sign up to our newsletter and stay up to date</p> [/ux_text] [gap height="20px"] [ux_text class="collapse"] <p><input type="text" value="Email address"></p> [/ux_text] [gap height="5px"] [ux_stack align="start"] [button text="Subscribe" expand="true"] [/ux_stack] [gap height="20px"] [follow style="fill" tiktok="#" x="#" email="#"] [/col_inner] [/row_inner] [gap height="50px" height__md="10px" visibility="hide-for-small"] [row_inner style="collapse" width="full-width" v_align="middle" h_align="right"] [col_inner span__sm="12" span__md="12"] [ux_stack distribute="end" distribute__sm="start" distribute__md="start" align__sm="center"] [ux_text] <p>[ux_payment_icons icons="visa,paypal,mastercard,cashondelivery"]</p> [/ux_text] [/ux_stack] [/col_inner] [/row_inner] [/col] [/row] [gap] [/section]

Free • Locked

[section label="Top Footer" bg_co[section label="Top Footer" bg_color="rgb(249, 248, 247)" padding="20px" padding__sm="10px" padding__md="10px"] [gap height="50px" height__sm="30px" height__md="45px"] [row v_align="middle"] [col span="6" span__sm="12" span__md="12" margin__sm="0px 0px 0px 0px" align="center"] [row_inner style="small"] [col_inner span="4" span__sm="4"] [ux_banner height="99.99%" bg="https://www.flatsomedesigns.com/wp-content/uploads/curology-Mt7M9gLR6T4-unsplash.jpg" bg_size="original" bg_color="rgba(255, 255, 255, 0)"] [/ux_banner] [/col_inner] [col_inner span="4" span__sm="4"] [ux_banner height="99.99%" bg="https://www.flatsomedesigns.com/wp-content/uploads/curology-pDsmoI5j3B8-unsplash.jpg" bg_size="original" bg_color="rgba(255, 255, 255, 0)"] [/ux_banner] [/col_inner] [col_inner span="4" span__sm="4"] [ux_banner height="99.99%" bg="https://www.flatsomedesigns.com/wp-content/uploads/siednji-leon-w4851Vgvurg-unsplash.jpg" bg_size="original" bg_color="rgba(255, 255, 255, 0)"] [/ux_banner] [/col_inner] [col_inner span="4" span__sm="4"] [ux_banner height="99.99%" bg="https://www.flatsomedesigns.com/wp-content/uploads/curology-t_ua25SR8mg-unsplash.jpg" bg_size="original" bg_color="rgba(255, 255, 255, 0)"] [/ux_banner] [/col_inner] [col_inner span="4" span__sm="4"] [ux_banner height="99.99%" bg="https://www.flatsomedesigns.com/wp-content/uploads/curology-fPSELOXfeU4-unsplash.jpg" bg_size="original" bg_color="rgba(255, 255, 255, 0)" bg_pos="39% 100%"] [/ux_banner] [/col_inner] [col_inner span="4" span__sm="4"] [ux_banner height="99.99%" bg="https://www.flatsomedesigns.com/wp-content/uploads/curology-LF_YiEMSr_Y-unsplash.jpg" bg_size="original" bg_color="rgba(255, 255, 255, 0)"] [/ux_banner] [/col_inner] [/row_inner] [row_inner style="collapse"] [col_inner span__sm="12"] [ux_stack] [ux_text class="h3 collapse"] <p>Follow</p> [/ux_text] [follow style="fill" align="right" tiktok="#" x="#"] [/ux_stack] [/col_inner] [/row_inner] [/col] [col span="6" span__sm="12" span__md="12" force_first="medium" padding="0px 0px 0px 10%" padding__md="0px 0px 0px 0px"] [ux_text font_size__sm="1.5" class="h2 collapse"] <p>Get in touch with us</p> [/ux_text] [gap height__sm="15px"] [ux_text class="collapse"] <p><input type="text" placeholder="Full name"><br /> <input type="text" placeholder="Email address"><textarea placeholder="Your message..."></textarea></p> [/ux_text] [button text="Subscribe" padding="10px 30px 10px 30px" expand="true"] [/col] [/row] [/section] [section label="Footer Menu"] [row] [col span__sm="12" margin="0px 0px -30px 0px"] [ux_stack direction__sm="col" distribute="between" distribute__sm="start" align__sm="center"] [ux_menu] [ux_menu_link text="Products"] [/ux_menu] [ux_menu] [ux_menu_link text="Our Story"] [/ux_menu] [ux_menu] [ux_menu_link text="Journal"] [/ux_menu] [ux_menu] [ux_menu_link text="Contact"] [/ux_menu] [ux_menu] [ux_menu_link text="Support"] [/ux_menu] [ux_menu] [ux_menu_link text="Shippings"] [/ux_menu] [ux_menu] [ux_menu_link text="Privacy"] [/ux_menu] [/ux_stack] [/col] [/row] [/section]

Free • Locked

[section label="Call to Action" padding="0px"] [gap height__sm="20px"] [row] [col span__sm="12"] [ux_stack direction__sm="col" direction__md="col" distribute="between" distribute__md="center" align__md="center" gap__md="1"] [ux_text text_align="left" text_align__md="center" class="h1 collapse"] <p>Are you ready to get started?</p> [/ux_text] [button text="Join us now" padding="10px 30px 10px 30px"] [/ux_stack] [/col] [/row] [/section] [section label="Navigation" bg_color="rgb(32, 32, 32)" dark="true" padding="0px" padding__sm="0px"] [gap height="80px" height__md="60px"] [row] [col span="7" span__sm="12" span__md="12" padding="0px 10% 0px 0px" padding__sm="0px 0px 0px 0px" padding__md="0px 0px 0px 0px"] [row_inner style="large"] [col_inner span="4" span__sm="12" span__md="12"] [ux_text font_size="1.25" class="collapse h3"] <p>Shop</p> [/ux_text] [gap height="16px"] [ux_menu divider="solid"] [ux_menu_link text="Products" post="17"] [ux_menu_link text="Biking" term="23"] [ux_menu_link text="Hiking" term="22"] [ux_menu_link text="Fitness" term="26"] [/ux_menu] [/col_inner] [col_inner span="4" span__sm="12" span__md="12"] [ux_text font_size="1.25" class="collapse h3"] <p>Support</p> [/ux_text] [gap height="15px"] [ux_menu divider="solid"] [ux_menu_link text="Support" post="961"] [ux_menu_link text="Shippings" post="1019"] [ux_menu_link text="Returns" post="1024"] [ux_menu_link text="Payments" post="1034"] [/ux_menu] [/col_inner] [col_inner span="4" span__sm="12" span__md="12"] [ux_text font_size="1.25" class="collapse h3"] <p>About</p> [/ux_text] [gap height="15px"] [ux_menu divider="solid"] [ux_menu_link text="Blog" post="1065"] [ux_menu_link text="Our Story" post="651"] [ux_menu_link text="Contact" post="636"] [ux_menu_link text="Privacy Policy" post="17"] [/ux_menu] [/col_inner] [/row_inner] [/col] [col span="5" span__sm="12" span__md="12" force_first="medium" padding="0px 0px 0px 10%" padding__sm="0px 0px 0px 0px" padding__md="0px 0px 0px 0px"] [ux_text class="collapse h3"] <p>Subscribe to our newsletter</p> [/ux_text] [gap] [ux_stack direction="col" gap="0.2"] [ux_text class="collapse"] <p><input type="text" value="Email address"></p> [/ux_text] [button text="Subscribe" color="secondary" expand="true"] [/ux_stack] [/col] [/row] [/section] [section label="Bottom Footer" bg_color="#171717" dark="true" padding="0px"] [gap] [row v_align="middle"] [col span="6" span__sm="12" span__md="12"] [follow style="small" scale="140" facebook="#" instagram="#" tiktok="#" x="#"] [/col] [col span="6" span__sm="12" span__md="12"] [ux_stack distribute="end" distribute__sm="start" distribute__md="start"] [ux_text] <p>[ux_payment_icons icons="visa,paypal,stripe,mastercard,cashondelivery"]</p> [/ux_text] [/ux_stack] [/col] [/row] [/section]

Free • Locked

[section label="CTA 01"] [row col_bg="#aa70ff" col_bg_radius="20"] [col span__sm="12" padding="2% 2% 2% 2%" padding__sm="7% 7% 7% 7%" padding__md="4% 4% 4% 4%" bg_color="#aa70ff" color="light"] [row_inner style="collapse" v_align="middle"] [col_inner span="2" span__sm="12" span__md="12"] [ux_banner height="70%" height__sm="50%" height__md="30%" bg="https://www.flatsomedesigns.com/wp-content/uploads/320863.jpg" bg_color="rgba(255, 255, 255, 0.099)" bg_pos="52% 14%" class="round-corners"] [/ux_banner] [/col_inner] [col_inner span="7" span__sm="12" span__md="12" padding="15px 10% 0px 5%" padding__sm="20px 0px 15px 0px" padding__md="30px 10% 15px 10%"] [ux_text font_size__sm="1.25" text_align="left" text_align__md="center"] <h2>Our team is here for all your questions</h2> [/ux_text] [ux_text text_align="left" text_align__md="center"] <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit, sed diam nonummy nibhuias euismod tincidunt ut laoreet dolore magna aliquam.</p> [/ux_text] [/col_inner] [col_inner span="3" span__sm="12" span__md="12" padding="0px 30px 0px 0px" padding__md="0px 0px 0px 0px"] [ux_stack distribute="end" distribute__md="start" align__md="center"] [button text="Get in touch" padding="10px 30px 10px 30px" expand="true"] [/ux_stack] [/col_inner] [/row_inner] [/col] [/row] [/section]

Free • Locked

[section label="CTA 02" padding="20px" padding__md="10px"] [gap] [row col_bg="#e0dbd9" col_bg_radius="20" padding="3% 3% 3% 3%" padding__sm="8% 8% 8% 8%" padding__md="4% 4% 4% 4%"] [col span__sm="12"] [row_inner style="collapse" v_align="middle"] [col_inner span="3" span__sm="12" span__md="12" visibility="hide-for-medium"] [ux_banner height="300px" height__sm="200px" height__md="350px" bg="https://www.flatsomedesigns.com/wp-content/uploads/quokkabottles-3HWIsBpEZ_M-unsplash.jpg" bg_color="rgba(255, 255, 255, 0)" bg_pos="50% 22%" class="round-corners"] [/ux_banner] [/col_inner] [col_inner span="6" span__sm="12" span__md="12" padding="30px 10% 0px 10%" padding__sm="30px 0px 0px 0px" padding__md="30px 10% 10px 10%" align="center"] [ux_text font_size="1.45" font_size__sm="1.5" class="collapse lowercase"] <h2>Become a special member</h2> [/ux_text] <p>Lorem ipsum dolor sit amet sed diam nonummy nibh euismod tincidunt laoreet dolore magna aliquam.</p> [button text="Join now" padding="13px 30px 13px 30px" link="#popup-donation" class="button-small"] [/col_inner] [col_inner span="3" span__sm="12" span__md="12" force_first="medium"] [ux_banner height="300px" height__sm="200px" height__md="350px" bg="https://www.flatsomedesigns.com/wp-content/uploads/quokkabottles-aOHsjcL4ZWI-unsplash.jpg" bg_color="rgba(255, 255, 255, 0)" bg_pos="11% 69%" class="round-corners"] [/ux_banner] [/col_inner] [/row_inner] [/col] [/row] [/section]

Free • Locked

[gap] [row label="CTA 03"] [col span__sm="12"] [section bg="https://www.flatsomedesigns.com/wp-content/uploads/pawel-czerwinski-_NPyWow9CZk-unsplash.jpg" bg_size="original" bg_overlay="rgba(0, 0, 0, 0.2)" bg_pos="49% 100%" parallax="3" dark="true" height="450px" height__sm="300px" height__md="400px" class="round-corners"] [row_inner h_align="center"] [col_inner span="5" span__sm="12" span__md="8" padding="50px 0px 0px 0px" padding__sm="60px 0px 70px 0px" padding__md="30px 0px 0px 0px" align="center"] [ux_text font_size="2" font_size__sm="1.75"] <h2>Time for Coffee</h2> [/ux_text] [button text="Join the Club" color="success" padding="10px 30px 10px 30px"] [/col_inner] [/row_inner] [/section] [row_inner style="collapse" h_align="center"] [col_inner span="7" span__sm="10" span__md="11" padding="2% 5% 2% 5%" padding__sm="5% 10% 5% 10%" margin="-35px 0px 0px 0px" margin__sm="-95px 0px 0px 0px" margin__md="-55px 0px 0px 0px" align="left" bg_color="#171717" bg_radius="20" color="light"] [ux_stack direction__md="col" gap="2.25" gap__md="0"] [ux_text] <ul> <li class="bullet-checkmark">Exlusive deals</li> </ul> [/ux_text] [ux_text] <ul> <li class="bullet-checkmark">Always up to date</li> </ul> [/ux_text] [ux_text] <ul> <li class="bullet-checkmark">No more waiting</li> </ul> [/ux_text] [ux_text] <ul> <li class="bullet-checkmark">Mega discounts</li> </ul> [/ux_text] [/ux_stack] [/col_inner] [/row_inner] [/col] [/row]

Free • Locked

[gap height="15px"] [row label="Shop Category 01" style="small" v_align="equal"] [col span="9" span__sm="12" span__md="12" padding="30px 30px 30px 30px" padding__md="20px 30px 30px 30px" margin="0px 0px -20px 0px" bg_radius="20" border="1px 1px 1px 1px" border_radius="20" border_color="rgb(236, 235, 233)"] [ux_text class="collapse"] <h1>Electronics & hardware</h2> [/ux_text] [gap height="10px"] [ux_text class="collapse"] <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque fermentum mauris vel sapien vulputate, sed rutrum risus blandit. Aliquam auctor eget massa non tincidunt. Sed est tellus, fermentum sed nibh a, lobortis ultrices ante. Cras ut iaculis elit. Nunc mattis eget sem et tristique. Nam quis condimentum tortor, id interdum arcu. Praesent et urna ante. Nunc risus lacus, tincidunt id dignissim quis, mollis eu nisi. <a href="#more-info">Read more...</a></p> [/ux_text] [/col] [col span="3" span__sm="12" span__md="1" padding="30px 30px 30px 30px" margin="0px 0px -20px 0px" bg_color="rgb(237, 233, 231)" bg_radius="20" visibility="hide-for-medium"] [ux_image_box img="https://www.flatsomedesigns.com/wp-content/uploads/brooke-cagle-NoRsyXmHGpI-unsplash.jpg" image_height="100px" text_padding="10px 0px 0px 0px" class="round-corners"] [ux_text class="h4"] <p>Need help choosing?</p> [/ux_text] [gap height="5px"] [button text="Chat with Amy" size="small" expand="0" icon="icon-chat" icon_pos="left"] [/ux_image_box] [/col] [/row]

Free • Locked

[section] [gap height="50px"] [row col_bg="rgb(224, 219, 217)" col_bg_radius="30"] [col span__sm="12"] [row_inner style="collapse" v_align="middle" h_align="center"] [col_inner span="8" span__sm="12" span__md="12" padding="0px 10% 0px 7%" padding__sm="0px 10% 40px 10%" padding__md="0px 10% 50px 10%" class="collapse"] [ux_text text_align="left" text_align__md="center" class="h2"] <p>Indoor Plants & Accessoires</p> [/ux_text] [gap height="10px"] [ux_text text_align="left" text_align__md="center"] <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> [/ux_text] [/col_inner] [col_inner span="4" span__sm="11" span__md="6" force_first="medium" padding="0px 10% 10px 10%" padding__sm="0px 10% 0px 10%" padding__md="0px 10% 10px 10%" margin="-100px 0px 0px 0px" margin__sm="-80px 0px 0px 0px"] [ux_image id="https://www.flatsomedesigns.com/wp-content/uploads/dieffenbachia-camille-plant-pot-1.png"] [/col_inner] [/row_inner] [/col] [/row] [/section]

Free • Locked

[section label="Shop Category 03" padding__sm="15px"] [row] [col span="10" span__sm="12"] [ux_banner height="350px" height__sm="250px" bg="https://www.flatsomedesigns.com/wp-content/uploads/1335.jpg" bg_size="original" bg_color="rgba(255, 255, 255, 0)" bg_pos="58% 31%" class="round-corners"] [/ux_banner] [/col] [/row] [row h_align="center"] [col span="8" span__sm="12" span__md="6" visibility="hide-for-small"] [gap height="5px"] [/col] [col span="4" span__sm="10" span__md="6" padding="10% 10% 10% 10%" margin="-320px 0px 0px 0px" margin__sm="-125px 0px 0px 0px" margin__md="-310px 0px 0px 0px" bg_color="#aa70ff" bg_radius="30" color="light"] [ux_text font_size="2.5" font_size__sm="1.5" text_align="left" text_align__sm="center" class="h2 collapse"] <p>Sunglasses</p> [/ux_text] [gap height="10px"] [ux_text text_align="left" text_align__sm="center" class="collapse"] <p>Lorem ipsum dolor sit amet sed diam nonummy nibh euismod tincidunt ut laoreet dolore aliquam erat.</p> [/ux_text] [/col] [/row] [/section]