whoami7 - Manager
:
/
home
/
kckglobal
/
leafscape.co.ke
/
frontend
/
Upload File:
files >> /home/kckglobal/leafscape.co.ke/frontend/project-single.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 id="subheader" class="relative"> <div class="container relative z-index-1000"> <div class="row"> <div class="col-lg-6"> <ul class="crumb"> <li><a href="index.html">Home</a></li> <li class="active">Nature's Palette</li> </ul> <h1 class="text-uppercase">Nature's Palette</h1> <p class="col-lg-10 lead">Transform Your Garden into a Personal Paradise!</p> </div> </div> </div> <img src="images/logo-wm.webp" class="abs end-0 bottom-0 z-2 w-20" alt=""> </section> <div class="relative wow fadeIn"> <div class="owl-custom-nav menu-float" data-target="#project-single-carousel"> <a class="btn-next"></a> <a class="btn-prev"></a> <div id="project-single-carousel" class="owl-2-cols-center owl-carousel owl-theme"> <!-- project image begin --> <div class="item"> <div class="hover relative rounded-1 overflow-hidden text-light"> <img src="images/project-single/1.webp" class="w-100" alt=""> </div> </div> <!-- project image end --> <!-- project image begin --> <div class="item"> <div class="hover relative rounded-1 overflow-hidden text-light"> <img src="images/project-single/2.webp" class="w-100" alt=""> </div> </div> <!-- project image end --> <!-- project image begin --> <div class="item"> <div class="hover relative rounded-1 overflow-hidden text-light"> <img src="images/project-single/3.webp" class="w-100" alt=""> </div> </div> <!-- project image end --> <!-- project image begin --> <div class="item"> <div class="hover relative rounded-1 overflow-hidden text-light"> <img src="images/project-single/4.webp" class="w-100" alt=""> </div> </div> <!-- project image end --> </div> </div> </div> <section> <div class="container"> <div class="row g-4"> <div class="col-lg-8"> <div class="me-lg-3"> <h5 class="text-uppercase mb-4">About the Project</h5> <p class="text-dark fs-32 lh-1-5 fw-500">Nature's Palette Garden Landscape Service is a comprehensive landscaping project designed to transform outdoor spaces into vibrant, sustainable, and aesthetically pleasing environments.</p> <div class="spacer-double"></div> <h5 class="text-uppercase mb-4">Project Objectives</h5> <div class="row g-4"> <div class="col-lg-6"> <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>Enhance Aesthetic Appeal</h4> <p class="mb-0">Create visually stunning landscapes that complement the architecture and style of the property.</p> </div> </div> </div> <div class="col-lg-6"> <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>Promote Sustainability</h4> <p class="mb-0">Use eco-friendly practices and materials to create landscapes that are sustainable and environmentally responsible.</p> </div> </div> </div> <div class="col-lg-6"> <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">03</div> <div> <h4>Maximize Functionality</h4> <p class="mb-0">Design landscapes that not only look beautiful but also serve practical purposes, such as outdoor living, recreation, or gardening.</p> </div> </div> </div> <div class="col-lg-6"> <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>Support Local Ecosystems</h4> <p class="mb-0">Incorporate native plants and wildlife-friendly features to foster biodiversity and support local ecosystems.</p> </div> </div> </div> <div class="spacer-double"></div> </div> </div> </div> <div class="col-lg-4 text-dark"> <h5 class="text-uppercase mb-4">Project Details</h5> <div class="d-flex justify-content-between mb-3"> <div class="fw-bold">Client</div> <div class="">Envato Corps</div> </div> <div class="d-flex justify-content-between mb-3"> <div class="fw-bold">Location</div> <div class="">Californial</div> </div> <div class="d-flex justify-content-between mb-3"> <div class="fw-bold">Type</div> <div class="">Garden Design</div> </div> <div class="d-flex justify-content-between mb-3"> <div class="fw-bold">Year</div> <div class="">2024</div> </div> <div class="spacer-double"></div> <h5 class="text-uppercase mb-4">Our Client Says</h5> <div class="item fs-18"> <i class="icofont-quote-left id-color-2 fs-32 mb-4"></i> <p>"Our garden was in desperate need of a makeover, and this team exceeded all our expectations. They listened carefully to our ideas and transformed our outdoor space into a peaceful retreat we now enjoy every day." </p> <div class="de-rating-ext mb-3"> <span class="d-stars"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> </span> </div> <div class="de-flex align-items-center justify-content-start"> <img class="z-2 w-60px circle" alt="" src="images/testimonial/1.webp"> <div class="d-inline ms-3 fs-15"> <h5 class="fs-15 mb-0">John Smith</h5> <span>Customer</span> </div> </div> </div> </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