whoami7 - Manager
:
/
home
/
kckglobal
/
leafscape.co.ke
/
frontend
/
Upload File:
files >> /home/kckglobal/leafscape.co.ke/frontend/homepage-4.html
<!DOCTYPE html> <html lang="zxx"> <head> <title>Gardyn — Garden and Landscape Website Template</title> <link rel="icon" href="images/icon.webp" type="image/gif" sizes="16x16"> <meta content="text/html;charset=utf-8" http-equiv="Content-Type"> <meta content="width=device-width, initial-scale=1.0" name="viewport" > <meta content="Gardyn — Garden and Landscape Website Template" name="description" > <meta content="" name="keywords" > <meta content="" name="author" > <!-- CSS Files ================================================== --> <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" id="bootstrap"> <link href="css/plugins.css" rel="stylesheet" type="text/css" > <link href="css/style.css" rel="stylesheet" type="text/css" > <link href="css/coloring.css" rel="stylesheet" type="text/css" > <!-- color scheme --> <link id="colors" href="css/colors/scheme-01.css" rel="stylesheet" type="text/css" > </head> <body> <div id="wrapper"> <a href="#" id="back-to-top"></a> <!-- preloader begin --> <div id="de-loader"></div> <!-- preloader end --> <!-- header begin --> <header class="header-light transparent"> <div id="topbar"> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="d-flex justify-content-between xs-hide"> <div class="d-flex"> <div class="topbar-widget me-3"><a href="#"><i class="icofont-clock-time"></i>Monday - Friday 08.00 - 18.00</a></div> <div class="topbar-widget me-3"><a href="#"><i class="icofont-location-pin"></i>100 S Main St, New York, NY</a></div> <div class="topbar-widget me-3"><a href="#"><i class="icofont-envelope"></i>contact@gardyn.com</a></div> </div> <div class="d-flex"> <div class="social-icons"> <a href="#"><i class="fa-brands fa-facebook fa-lg"></i></a> <a href="#"><i class="fa-brands fa-x-twitter fa-lg"></i></a> <a href="#"><i class="fa-brands fa-youtube fa-lg"></i></a> <a href="#"><i class="fa-brands fa-pinterest fa-lg"></i></a> <a href="#"><i class="fa-brands fa-instagram fa-lg"></i></a> </div> </div> </div> </div> </div> <div class="clearfix"></div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="de-flex sm-pt10"> <div class="de-flex-col"> <!-- logo begin --> <div id="logo"> <a href="index.html"> <img class="logo-main" src="images/logo-black.webp" alt="" > <img class="logo-scroll" src="images/logo-black.webp" alt="" > <img class="logo-mobile" src="images/logo-black.webp" alt="" > </a> </div> <!-- logo end --> </div> <div class="de-flex-col header-col-mid"> <!-- mainemenu begin --> <ul id="mainmenu"> <li><a class="menu-item" href="index.html">Home</a> <ul class="mega"> <li> <div class="container"> <div class="sb-menu p-4"> <div class="row g-3"> <div class="col-lg-2 col-md-4 text-center"> <div class="relative hover text-center overflow-hidden rounded-5px"> <a href="index.html"> <img src="images/demo/homepage-1.jpg" class="w-100 relative hover-scale-1-1" alt=""> </a> </div> <h5 class="mt-3 mb-1">Homepage 1</h5> </div> <div class="col-lg-2 col-md-4 text-center"> <div class="relative hover text-center overflow-hidden rounded-5px"> <a href="homepage-2.html"> <img src="images/demo/homepage-2.jpg" class="w-100 relative hover-scale-1-1" alt=""> </a> </div> <h5 class="mt-3 mb-1">Homepage 2</h5> </div> <div class="col-lg-2 col-md-4 text-center"> <div class="relative hover text-center overflow-hidden rounded-5px"> <a href="homepage-3.html"> <img src="images/demo/homepage-3.jpg" class="w-100 relative hover-scale-1-1" alt=""> </a> </div> <h5 class="mt-3 mb-1">Homepage 3</h5> </div> <div class="col-lg-2 col-md-4 text-center"> <div class="relative hover text-center overflow-hidden rounded-5px"> <a href="homepage-4.html"> <img src="images/demo/homepage-4.jpg" class="w-100 relative hover-scale-1-1" alt=""> </a> </div> <h5 class="mt-3 mb-1">Homepage 4</h5> </div> <div class="col-lg-2 col-md-4 text-center"> <div class="relative hover text-center overflow-hidden rounded-5px"> <a href="homepage-5.html"> <img src="images/demo/homepage-5.jpg" class="w-100 relative hover-scale-1-1" alt=""> </a> </div> <h5 class="mt-3 mb-1">Homepage 5</h5> </div> <div class="col-lg-2 col-md-4 text-center"> <div class="relative hover text-center overflow-hidden rounded-5px"> <a href="shop-homepage.html"> <img src="images/demo/shop-1.jpg" class="w-100 relative hover-scale-1-1" alt=""> </a> </div> <h5 class="new mt-3 mb-1">Shop</h5> </div> </div> </div> </div> </li> </ul> </li> <li><a class="menu-item" href="services.html">Services</a> <ul> <li><a href="services.html">All Services</a></li> <li><a href="service-single.html">Service Single</a></li> <li><a href="pricing-plans.html">Pricing Plans</a></li> <li><a href="price-list.html">Price List</a></li> </ul> </li> <li><a class="menu-item" href="projects.html">Projects</a> <ul> <li><a href="projects.html">Projects Default</a></li> <li><a href="projects-2.html">Projects 3 Columns</a></li> <li><a href="projects-3.html">Projects Parallax</a></li> <li><a href="projects-4.html">Projects Carousel</a></li> <li><a href="project-single.html">Project Single</a></li> </ul> </li> <li><a class="menu-item" href="#">Pages</a> <ul> <li><a href="about.html">About Us</a></li> <li><a href="team.html">Our Team</a></li> <li><a href="gallery.html">Gallery</a></li> <li><a href="gallery-carousel.html">Gallery Carousel</a></li> </ul> </li> <li><a class="menu-item" href="shop-homepage.html">Shop</a></li> <li><a class="menu-item" href="blog.html">Blog</a></li> <li><a class="menu-item" href="contact.html">Contact</a></li> </ul> <!-- mainmenu end --> </div> <div class="de-flex-col"> <div class="menu_side_area"> <a href="contact.html" class="btn-main">Get In Touch</a> <span id="menu-btn"></span> </div> <div id="btn-extra"> <span></span> <span></span> </div> </div> </div> </div> </div> </div> </header> <!-- header end --> <!-- content begin --> <div class="no-bottom no-top" id="content"> <div id="top"></div> <section class="jarallax relative v-center"> <img src="images/background/10.webp" class="jarallax-img" alt=""> <div class="container z-2"> <div class="row"> <div class="col-lg-7"> <div class="spacer-double d-lg-none d-sm-block"></div> <div class="me-lg-3"> <div class="subtitle s2 mb-3 wow fadeInUp" data-wow-delay=".0s">Outdoor Elegance</div> <h1 class="text-uppercase wow fadeInUp" data-wow-delay=".2s">Beautiful Garden<br><span class="id-color-2">Our Expertise</span></h1> <div class="row g-4 align-items-center"> <div class="col-md-3 col-6"> <div class="bg-color-2 text-light p-3 py-3 bottom-0 start-0 text-center rounded-1 wow fadeIn" data-wow-delay=".5s"> <h2 class="fs-60 mb-1">25</h2> <div class="fw-500 text-uppercase lh-1-5 fs-12"> Year of Experience </div> </div> </div> <div class="col-md-7"> <p class="lead mb-0 wow fadeInUp" data-wow-delay=".4s">At Gardyn, we transform outdoor spaces with expert garden and landscape services. From design to maintenance, we create beautiful, sustainable landscapes that enhance your property year-round.</p> </div> </div> </div> </div> </div> </div> </section> <section class="no-top relative z-2"> <div class="container"> <div class="row g-4 mt-100"> <div class="col-lg-4 col-md-6 wow fadeInUp"> <div class="relative h-100 bg-color text-light padding30 rounded-1"> <img src="images/logo-icon.webp" class="w-50px mb-3" alt=""> <div class="abs m-3 top-0 end-0 p-2 rounded-2 mb-3">01</div> <div> <h4>Expertise and Experience</h4> <p class="mb-0">With years of hands-on experience, our team of professional gardeners and landscapers bring a wealth of knowledge to every project.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 wow fadeInUp"> <div class="relative h-100 bg-color text-light padding30 rounded-1"> <img src="images/logo-icon.webp" class="w-50px mb-3" alt=""> <div class="abs m-3 top-0 end-0 p-2 rounded-2 mb-3">02</div> <div> <h4>Personalized Service</h4> <p class="mb-0">We believe that every garden is unique, just like its owner. We take the time to understand your vision, preferences, and the specific needs.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 wow fadeInUp"> <div class="relative h-100 bg-color text-light padding30 rounded-1"> <img src="images/logo-icon.webp" class="w-50px mb-3" alt=""> <div class="abs m-3 top-0 end-0 p-2 rounded-2 mb-3">03</div> <div> <h4>Comprehensive Solutions</h4> <p class="mb-0">From garden design and installation to regular maintenance and specialty services, we offer a full range of garden services.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 wow fadeInUp"> <div class="relative h-100 bg-color-2 text-light padding30 rounded-1"> <img src="images/logo-icon.webp" class="w-50px mb-3" alt=""> <div class="abs m-3 top-0 end-0 p-2 rounded-2 mb-3">04</div> <div> <h4>Quality Workmanship</h4> <p class="mb-0">Our commitment to quality is evident in every service we provide. We use only the best materials, plants, and tools to your garden.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 wow fadeInUp"> <div class="relative h-100 bg-color-2 text-light padding30 rounded-1"> <img src="images/logo-icon.webp" class="w-50px mb-3" alt=""> <div class="abs m-3 top-0 end-0 p-2 rounded-2 mb-3">05</div> <div> <h4>Eco-Friendly Practices</h4> <p class="mb-0">We are dedicated to environmentally sustainable practices. Our organic gardening methods, water-wise landscaping, and waste management.</p> </div> </div> </div> <div class="col-lg-4 col-md-6 wow fadeInUp"> <div class="relative h-100 bg-color-2 text-light padding30 rounded-1"> <img src="images/logo-icon.webp" class="w-50px mb-3" alt=""> <div class="abs m-3 top-0 end-0 p-2 rounded-2 mb-3">06</div> <div> <h4>Satisfaction Guarantee</h4> <p class="mb-0">Our top priority is your satisfaction. We take pride in our work, and our many happy customers are a testament to the quality and care.</p> </div> </div> </div> </div> </div> </section> <section class="bg-light no-top no-bottom overflow-hidden"> <div class="container-fluid position-relative half-fluid"> <div class="container"> <div class="row"> <!-- Image --> <div class="col-lg-6 position-lg-absolute left-half h-100"> <div class="absolute start-0 w-100 abs-middle fs-36 text-white text-center z-2"> <div class="player invert bg-color-2 no-border circle wow scaleIn"><span></span></div> </div> <div class="image" data-bgimage="url(images/background/9.webp) center"></div> </div> <!-- Text --> <div class="col-lg-6 offset-lg-6"> <div class="spacer-single sm-hide"></div> <div class="spacer-double"></div> <div class="ps-lg-5"> <div class="subtitle wow fadeInUp mb-3">Our Experts</div> <h2 class="text-uppercase wow fadeInUp" data-wow-delay=".2s">Our Commitment to <span class="id-color-2">Excellence</span></h2> <p class="wow fadeInUp">At Gardyn, we transform outdoor spaces with expert garden and landscape services. From design to maintenance, we create beautiful, sustainable landscapes that enhance your property year-round.</p> <div class="spacer-10"></div> <a class="btn-main fx-slide wow fadeInUp" href="contact.html"><span>Get In Touch</span></a> </div> <div class="spacer-single sm-hide"></div> <div class="spacer-double"></div> </div> </div> </div> </div> </section> <section> <div class="container relative z-1"> <div class="row g-4 gx-5 align-items-center"> <div class="col-md-3"> <img src="images/misc/3.webp" class="w-100 rounded-1 wow zoomIn" alt=""> </div> <div class="col-md-6 text-center"> <div class="subtitle id-color wow fadeInUp" data-wow-delay=".2s">Nature Perfected</div> <h2 class="text-uppercase wow fadeInUp" data-wow-delay=".4s">Crafting Living <span class="id-color-2">Masterpieces</span></h2> <p class="wow fadeInUp" data-wow-delay=".6s">At Gardyn, we’re passionate about turning your garden into a true reflection of your personal style and a haven for relaxation and enjoyment. Whether you’re dreaming of a vibrant floral display, a serene outdoor retreat, or a stunning landscape transformation.</p> <a class="btn-main wow fadeInUp" href="services.html" data-wow-delay=".6s">Our Services</a> </div> <div class="col-md-3"> <img src="images/misc/4.webp" class="w-100 rounded-1 wow zoomIn" alt=""> </div> </div> </div> </section> <section class="jarallax"> <img src="images/background/4.webp" class="jarallax-img" alt=""> <div class="container relative z-2"> <div class="row justify-content-center"> <div class="col-lg-10 text-center"> <div class="owl-single-dots owl-carousel owl-theme"> <div class="item"> <i class="icofont-quote-left fs-40 mb-4 wow fadeInUp id-color-2"></i> <h3 class="mb-4 wow fadeInUp fs-32">Experience unparalleled luxury and personalized service at Gardyn Hotel, where every stay is a journey into sophistication, comfort, and unforgettable memories.</h3> <img src="images/testimonial/1.webp" class="circle w-80px mb-3" alt=""> <div class="wow fadeInUp">Donette Fondren</div> </div> <div class="item"> <i class="icofont-quote-left fs-40 mb-4 wow fadeInUp id-color-2"></i> <h3 class="mb-4 wow fadeInUp fs-32">Experience unparalleled luxury and personalized service at Gardyn Hotel, where every stay is a journey into sophistication, comfort, and unforgettable memories.</h3> <img src="images/testimonial/1.webp" class="circle w-80px mb-3" alt=""> <div class="wow fadeInUp">Donette Fondren</div> </div> <div class="item"> <i class="icofont-quote-left fs-40 mb-4 wow fadeInUp id-color-2"></i> <h3 class="mb-4 wow fadeInUp fs-32">Experience unparalleled luxury and personalized service at Gardyn Hotel, where every stay is a journey into sophistication, comfort, and unforgettable memories.</h3> <img src="images/testimonial/1.webp" class="circle w-80px mb-3" alt=""> <div class="wow fadeInUp">Donette Fondren</div> </div> <div class="item"> <i class="icofont-quote-left fs-40 mb-4 wow fadeInUp id-color-2"></i> <h3 class="mb-4 wow fadeInUp fs-32">Experience unparalleled luxury and personalized service at Gardyn Hotel, where every stay is a journey into sophistication, comfort, and unforgettable memories.</h3> <img src="images/testimonial/1.webp" class="circle w-80px mb-3" alt=""> <div class="wow fadeInUp">Donette Fondren</div> </div> </div> </div> </div> </div> </section> <section class="px-4"> <div class="container-fluid"> <div class="row g-4 align-items-center justify-content-center"> <div class="col-lg-8 text-center"> <div class="subtitle wow fadeInUp">Our Works</div> <h2 class="text-uppercase mb-4 wow fadeInUp" data-wow-delay=".2s">Latest <span class="id-color-2">Works</span></h2> </div> </div> <div class="row g-4"> <div class="col-lg-6"> <div class="hover rounded-1 overflow-hidden relative text-light wow fadeInRight" data-wow-delay=".3s"> <a href="project-single.html" class="abs w-100 h-100 z-5"></a> <img src="images/projects/1.jpg" class="hover-scale-1-1 w-100" alt=""> <div class="abs w-100 px-4 hover-op-1 z-4 hover-mt-40 abs-centered"> <div class="mb-3">A beautiful garden is more than just a space—it's a living, breathing part of your home. But maintaining that beauty takes time and expertise.</div> </div> <div class="abs bg-color z-2 top-0 w-100 h-100 hover-op-1"></div> <div class="abs z-2 bottom-0 w-100 hover-op-0"> <div class="bg-blur d-flex m-4 p-3 px-4 rounded-1 justify-content-between align-items-center"> <div class="d-flex"> <div class="me-5"> Name <h5>Garden Beauty</h5> </div> <div> Location <h5>California</h5> </div> </div> <div class="w-40px"> <img src="images/misc/right-arrow.webp" class="w-100" alt=""> </div> </div> </div> <div class="gradient-trans-color-bottom abs w-100 h-40 bottom-0"></div> </div> </div> <div class="col-lg-6"> <div class="hover rounded-1 overflow-hidden relative text-light wow fadeInRight" data-wow-delay=".6s"> <a href="project-single.html" class="abs w-100 h-100 z-5"></a> <img src="images/projects/2.jpg" class="hover-scale-1-1 w-100" alt=""> <div class="abs w-100 px-4 hover-op-1 z-4 hover-mt-40 abs-centered"> <div class="mb-3">Create an inviting space for entertaining, or a functional extension of your home, our expert team can craft the outdoor area of your dreams.</div> </div> <div class="abs bg-color z-2 top-0 w-100 h-100 hover-op-1"></div> <div class="abs z-2 bottom-0 w-100 hover-op-0"> <div class="bg-blur d-flex m-4 p-3 px-4 rounded-1 justify-content-between align-items-center"> <div class="d-flex"> <div class="me-5"> Name <h5>Garden Beauty</h5> </div> <div> Location <h5>California</h5> </div> </div> <div class="w-40px"> <img src="images/misc/right-arrow.webp" class="w-100" alt=""> </div> </div> </div> <div class="gradient-trans-color-bottom abs w-100 h-40 bottom-0"></div> </div> </div> <div class="spacer-20"></div> <div class="col-lg-12 text-center"> <a class="btn-main wow fadeInUp" href="projects.html">View All Projects</a> </div> </div> </div> </section> </div> <!-- content end --> <!-- footer begin --> <footer class="section-dark"> <div class="container relative z-2"> <div class="row gx-5"> <div class="col-lg-4 col-sm-6"> <img src="images/logo-white.webp" class="w-150px" alt="" > <div class="spacer-20"></div> <p>Transform your outdoor space with our expert garden services! From design to maintenance, we create beautiful, thriving gardens tailored to your vision. Let us bring your dream garden to life—professional, reliable, and passionate about nature.</p> <div class="social-icons mb-sm-30"> <a href="#"><i class="fa-brands fa-facebook-f"></i></a> <a href="#"><i class="fa-brands fa-x-twitter"></i></a> <a href="#"><i class="fa-brands fa-instagram"></i></a> <a href="#"><i class="fa-brands fa-youtube"></i></a> <a href="#"><i class="fa-brands fa-whatsapp"></i></a> </div> </div> <div class="col-lg-4 col-sm-12 order-lg-1 order-sm-2"> <div class="row"> <div class="col-lg-6 col-sm-6"> <div class="widget"> <h5>Company</h5> <ul> <li><a href="index.html">Home</a></li> <li><a href="services.html">Our Services</a></li> <li><a href="projects.html">Projects</a></li> <li><a href="about.html">About Us</a></li> <li><a href="blog.html">Blog</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> </div> <div class="col-lg-6 col-sm-6"> <div class="widget"> <h5>Our Services</h5> <ul> <li><a href="service-single.html">Garden Design</a></li> <li><a href="service-single.html">Garden Maintenance</a></li> <li><a href="service-single.html">Planting Services</a></li> <li><a href="service-single.html">Tree Care</a></li> <li><a href="service-single.html">Irrigation Services</a></li> <li><a href="service-single.html">Specialty Services</a></li> </ul> </div> </div> </div> </div> <div class="col-lg-4 col-sm-6 order-lg-2 order-sm-1"> <div class="widget"> <div class="fw-bold text-white"><i class="icofont-clock-time me-2 id-color-2"></i>We're Open</div> Monday - Friday 08.00 - 18.00 <div class="spacer-20"></div> <div class="fw-bold text-white"><i class="icofont-location-pin me-2 id-color-2"></i>Office Location</div> 100 S Main St, New York, NY <div class="spacer-20"></div> <div class="fw-bold text-white"><i class="icofont-envelope me-2 id-color-2"></i>Send a Message</div> contact@gardyn.com </div> </div> </div> </div> <div class="subfooter"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="de-flex"> <div class="de-flex-col"> Copyright 2024 - Gardyn by Designesia </div> <ul class="menu-simple"> <li><a href="#">Terms & Conditions</a></li> <li><a href="#">Privacy Policy</a></li> </ul> </div> </div> </div> </div> </div> <img src="images/misc/silhuette-1-black.webp" class="abs bottom-0 op-3" alt=""> </footer> <!-- footer end --> </div> <!-- overlay content begin --> <div id="extra-wrap" class="text-light"> <div id="btn-close"> <span></span> <span></span> </div> <div id="extra-content"> <img src="images/logo-white.webp" class="w-150px" alt=""> <div class="spacer-30-line"></div> <h5>Our Services</h5> <ul class="no-style"> <li><a href="service-single.html">Garden Design</a></li> <li><a href="service-single.html">Garden Maintenance</a></li> <li><a href="service-single.html">Planting Services</a></li> <li><a href="service-single.html">Tree Care</a></li> <li><a href="service-single.html">Irrigation Services</a></li> <li><a href="service-single.html">Specialty Services</a></li> </ul> <div class="spacer-30-line"></div> <h5>Contact Us</h5> <div><i class="icofont-clock-time me-2 op-5"></i>Monday - Friday 08.00 - 18.00</div> <div><i class="icofont-location-pin me-2 op-5"></i>100 S Main St, New York, </div> <div><i class="icofont-envelope me-2 op-5"></i>contact@gardyn.com</div> <div class="spacer-30-line"></div> <h5>About Us</h5> <p>Transform your outdoor space with our expert garden services! From design to maintenance, we create beautiful, thriving gardens tailored to your vision. Let us bring your dream garden to life—professional, reliable, and passionate about nature.</p> <div class="social-icons"> <a href="#"><i class="fa-brands fa-facebook-f"></i></a> <a href="#"><i class="fa-brands fa-x-twitter"></i></a> <a href="#"><i class="fa-brands fa-instagram"></i></a> <a href="#"><i class="fa-brands fa-youtube"></i></a> <a href="#"><i class="fa-brands fa-whatsapp"></i></a> </div> </div> </div> <!-- overlay content end --> <!-- Javascript Files ================================================== --> <script src="js/plugins.js"></script> <script src="js/designesia.js"></script> </body> </html>
Copyright ©2021 || Defacer Indonesia