1<!DOCTYPE html> 2<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]--> 3<!--[if !IE]><!--> <html lang="en"> <!--<![endif]--> 4<head> 5 <meta charset="utf-8"> 6 <title>Saving-Planet</title> 7 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 8 <meta name="description" content="Saving-Planet - Environmental Conservation Organization "> 9 <meta name="author" content="ihast technologies"> 10 <link rel="shortcut icon" href="images/favicon.png" /> 11 <!--[if lt IE 9]> 12
12<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
12 13 <![endif]--> 14 <link rel="stylesheet" href="css/bootstrap.min.css" /> 15 <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" > 16 <link href="css/animate.css" rel="stylesheet" type="text/css" > 17 <link href="css/owl.carousel.css" rel="stylesheet" type="text/css" > 18 <link href="css/venobox.css" rel="stylesheet" type="text/css" > 19 <link rel="stylesheet" href="css/styles.css" /> 20 21 <!-- DROPDOWN + VIDEO HERO STYLES --> 22 <style> 23 24 /* ââââââââââââââââââââââââââââââââââââââ 25 DROPDOWN STYLES (unchanged) 26 ââââââââââââââââââââââââââââââââââââââ */ 27 .navbar-nav > li.dropdown > a .caret { margin-left: 4px; } 28 29 .navbar-nav .dropdown-menu { 30 background-color: #1a1a1a; 31 border: none; 32 border-top: 3px solid #60aa48; 33 border-radius: 0 0 6px 6px; 34 box-shadow: 0 8px 24px rgba(0,0,0,0.45); 35 min-width: 230px; 36 padding: 8px 0; 37 margin-top: 0; 38 } 39 40 .navbar-nav .dropdown-menu > li > a { 41 color: #d4e9cc !important; 42 font-size: 13px; 43 font-weight: 500; 44 letter-spacing: 0.5px; 45 padding: 10px 20px; 46 transition: background 0.2s, color 0.2s, padding-left 0.2s; 47 display: flex; 48 align-items: center; 49 gap: 8px; 50 } 51 52 .navbar-nav .dropdown-menu > li > a i { 53 color: #60aa48; 54 width: 16px; 55 flex-shrink: 0; 56 } 57 58 .navbar-nav .dropdown-menu > li > a:hover, 59 .navbar-nav .dropdown-menu > li > a:focus { 60 background-color: #60aa48 !important; 61 color: #fff !important; 62 padding-left: 26px; 63 } 64 65 .navbar-nav .dropdown-menu > li > a:hover i, 66 .navbar-nav .dropdown-menu > li > a:focus i { color: #fff; } 67 68 .navbar-nav .dropdown-menu .divider { background-color: #333; margin: 6px 0; } 69 70 .navbar-nav .dropdown-menu .dropdown-header { 71 color: #60aa48; 72 font-size: 10px; 73 font-weight: 700; 74 letter-spacing: 1.5px; 75 text-transform: uppercase; 76 padding: 10px 20px 4px; 77 } 78 79 @media (min-width: 768px) { 80 .navbar-nav > li.dropdown:hover > .dropdown-menu { display: block; } 81 .navbar-nav > li.dropdown > a:focus + .dropdown-menu { display: block; } 82 } 83 84 .navbar-nav > li.dropdown:hover > a, 85 .navbar-nav > li.dropdown:hover > a:hover, 86 .navbar-nav > li.dropdown:hover > a:focus, 87 .navbar-nav > li.dropdown.open > a, 88 .navbar-nav > li.dropdown.open > a:hover, 89 .navbar-nav > li.dropdown.open > a:focus { 90 color: #ffe94e !important; 91 background-color: transparent !important; 92 outline: none; 93 } 94 95 .navbar-nav > li.dropdown:hover > a .caret, 96 .navbar-nav > li.dropdown.open > a .caret { 97 border-top-color: #ffe94e !important; 98 border-bottom-color: #ffe94e !important; 99 } 100 101 @media (max-width: 767px) { 102 .navbar-nav .dropdown-menu { 103 background-color: #111; 104 box-shadow: none; 105 border-top: 2px solid #60aa48; 106 border-radius: 0; 107 } 108 .navbar-nav .dropdown-menu > li > a { padding: 10px 30px; } 109 } 110 111 /* ââââââââââââââââââââââââââââââââââââââ 112 VIDEO HERO SECTION 113 ââââââââââââââââââââââââââââââââââââââ */ 114.video-hero { 115 position: relative; 116 width: 100%; 117 height: 100vh; /* full viewport height */ 118 min-height: 520px; 119 overflow: hidden; 120 display: flex; 121 align-items: center; 122 justify-content: center; 123 } 124 125 /* The actual <video> element â covers the whole hero */ 126 .video-hero__video { 127 position: absolute; 128 top: 50%; 129 left: 50%; 130 min-width: 100%; 131 min-height: 100%; 132 width: auto; 133 height: auto; 134 transform: translate(-50%, -50%); 135 object-fit: cover; 136 z-index: 0; 137 } 138 139 /* Dark green tinted overlay so text is always readable */ 140 .video-hero__overlay { 141 position: absolute; 142 inset: 0; /* top/right/bottom/left: 0 */ 143 background: linear-gradient( 144 135deg, 145 rgba(10, 40, 10, 0.72) 0%, 146 rgba(20, 70, 20, 0.58) 50%, 147 rgba(0, 0, 0, 0.65) 100% 148 ); 149 z-index: 1; 150 } 151 152 /* Content sits above the overlay â pushed down to clear navbar.
153 The site's navbar is ~100px tall (top-bar ~38px + nav ~62px). 154 padding-top ensures text is never hidden behind it. */ 155 .video-hero__content { 156 position: relative; 157 z-index: 2; 158 text-align: center; 159 padding: 120px 20px 0; 160 max-width: 860px; 161 margin: 0 auto; 162 } 163 164 .video-hero__content h1 { 165 color: #fff; 166 font-size: 46px; 167 font-weight: 800; 168 line-height: 1.2; 169 text-shadow: 0 2px 18px rgba(0,0,0,0.55); 170 margin-bottom: 18px; 171 } 172 173 .video-hero__content .hero-tagline { 174 color: #b8f0a0; 175 font-size: 18px; 176 font-weight: 400; 177 margin-bottom: 14px; 178 min-height: 28px; /* prevents layout jump while typing */ 179 text-shadow: 0 1px 8px rgba(0,0,0,0.4); 180 } 181 182 .video-hero__content .hero-sub { 183 color: #e0f5d8; 184 font-size: 15px; 185 margin-bottom: 34px; 186 text-shadow: 0 1px 6px rgba(0,0,0,0.4); 187 } 188 189 .video-hero__content .hero-btns a { 190 display: inline-block; 191 margin: 6px 8px; 192 padding: 13px 32px; 193 border-radius: 30px; 194 font-size: 14px; 195 font-weight: 700; 196 letter-spacing: 1px; 197 text-transform: uppercase; 198 text-decoration: none; 199 transition: all 0.25s ease; 200 } 201 202 .hero-btn-primary { 203 background-color: #60aa48; 204 color: #fff !important; 205 border: 2px solid #60aa48; 206 } 207 .hero-btn-primary:hover { 208 background-color: transparent; 209 color: #60aa48 !important; 210 border-color: #60aa48; 211 } 212 213 .hero-btn-secondary { 214 background-color: transparent; 215 color: #fff !important; 216 border: 2px solid #fff; 217 } 218 .hero-btn-secondary:hover { 219 background-color: #fff; 220 color: #1a1a1a !important; 221 } 222 223 /* Scroll-down chevron hint */ 224 .video-hero__scroll { 225 position: absolute; 226 bottom: 28px; 227 left: 50%; 228 transform: translateX(-50%); 229 z-index: 2; 230 animation: bounce 2s infinite; 231 color: rgba(255,255,255,0.7); 232 font-size: 28px; 233 text-decoration: none; 234 } 235 @keyframes bounce { 236 0%, 100% { transform: translateX(-50%) translateY(0); } 237 50% { transform: translateX(-50%) translateY(10px); } 238 } 239 240 /* Responsive tweaks */ 241 @media (max-width: 767px) { 242 .video-hero { height: 100vh; } 243 .video-hero__content { padding-top: 90px; } /* mobile navbar is slightly shorter */ 244 .video-hero__content h1 { font-size: 26px; } 245 .video-hero__content .hero-tagline { font-size: 14px; } 246 } 247 248 /* typewriter cursor */ 249 .typewrite > .wrap { border-right: 0.08em solid #b8f0a0; } 250 251 252 </style> 253 254
254<script src="js/typed.min.js"></script>
254 255
255<script> 256 var TxtType = function(el, toRotate, period) { 257 this.toRotate = toRotate; this.el = el; this.loopNum = 0; 258 this.period = parseInt(period, 10) || 2000; 259 this.txt = ''; this.tick(); this.isDeleting = false; 260 }; 261 TxtType.prototype.tick = function() { 262 var i = this.loopNum % this.toRotate.length; 263 var fullTxt = this.toRotate[i]; 264 if (this.isDeleting) { this.txt = fullTxt.substring(0, this.txt.length - 1); } 265 else { this.txt = fullTxt.substring(0, this.txt.length + 1); } 266 this.el.innerHTML = '<span class="wrap">' + this.txt + '</span>'; 267 var that = this, delta = 200 - Math.random() * 150; 268 if (this.isDeleting) { delta /= 2; } 269 if (!this.isDeleting && this.txt === fullTxt) { delta = this.period; this.isDeleting = true; } 270 else if (this.isDeleting && this.txt === '') { this.isDeleting = false; this.loopNum++; delta = 500; } 271 setTimeout(function() { that.tick(); }, delta); 272 }; 273 window.onload = function() { 274 var elements = document.getElementsByClassName('typewrite'); 275 for (var i = 0; i < elements.length; i++) { 276 var toRotate = elements[i].getAttribute('data-type'); 277 var period = elements[i].getAttribute('data-period'); 278 if (toRotate) { new TxtType(elements[i], JSON.parse(toRotate), period); } 279 } 280 }; 281 </script>
281 282 283 <body> 284 <div id="preloader"> 285 <span class="margin-bottom"><img src="images/loader.gif" alt="" /></span> 286 </div> 287 288 <!-- ââ HEADER ââ --> 289 <header class="main-header clearfix"> 290 <div class="top-bar"> 291 <div class="container"> 292 <div class="row clearfix"> 293 <div class="col-md-6 col-sm-12"> 294 <span class="top-phone-no"> 295 <i class="fa fa-phone-square"></i> +254 754 011 378 296 </span> 297 <span class="top-email-info"> 298 <i class="fa fa-paper-plane"></i> 299 <a href="mailto:[email protected]">[email protected]</a> 300 </span> 301 </div> 302 <div class="col-md-6 col-sm-12 text-right hidden-xs top-donation-btn-container"> 303 <a href="https://donate.plant-for-the-planet.org/?to=kenya-schools-botanic-garden-initiative&callback_url=https%3A%2F%2Fwww1.plant-for-the-planet.org%2F&country=KE&tenant=ten_NxJq55pm" title="Donate Now" class="btn top-donate-btn">DONATE NOW</a> 304 </div> 305 </div> 306 </div> 307 </div> 308 309 <section class="header-wrapper navgiation-wrapper"> 310 <div class="navbar navbar-default"> 311 <div class="container"> 312 <div class="navbar-header"> 313 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 314 <span class="icon-bar"></span> 315 <span class="icon-bar"></span> 316 <span class="icon-bar"></span> 317 </button> 318 <a class="logo" href="index.html"><img alt="Saving Planet" src="images/logo1.png" height="65px"></a> 319 </div> 320 <div class="navbar-collapse collapse"> 321 <ul class="nav navbar-nav navbar-right"> 322 <li><a href="index.html" title="Home Page">Home</a></li> 323 <li><a href="about-us.html" title="About Us Page">About Us</a></li> 324 325 <!-- PROJECT SITES â dropdown --> 326 <li class="dropdown"> 327 <a href="#" title="Project Sites" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> 328 Project Sites <span class="caret"></span> 329 </a> 330 <ul class="dropdown-menu"> 331 <li><a href="https://restor.eco/embed/sites/43f32138-1bc9-4a08-9c0f-d17c53d7abea/"><i class="fa fa-graduation-cap"></i> School Greening Project</a></li> 332 <li><a href="https://restor.eco/embed/sites/3d42c362-46e7-4b73-86a0-dbc66d80763f/"><i class="fa fa-leaf"></i> Nature Based Solutions</a></li> 333 </ul> 334 </li> 335<li><a href="blog.html" title="Blog">Blog</a></li> 336 <li><a href="gallery.html" title="Our Gallery">Our Gallery</a></li> 337 <li><a href="contact-us.html" title="Contact Us Page">Contact Us</a></li> 338 </ul> 339 </div> 340 </div> 341 </div> 342 </section> 343 </header> 344 345 <!-- ââ VIDEO HERO ââ 346 Replace the src below with your own hosted video file, e.g. "videos/hero.mp4" 347 The YouTube embed is used as a fallback poster image via the <img> tag. 348 For best results use an MP4 file hosted alongside the site (videos/hero.mp4). 349 ââ --> 350 <section class="video-hero"> 351 352 <!-- â Video background â swap src to your own MP4 file path --> 353 <video class="video-hero__video" 354 autoplay muted loop playsinline 355 poster="videos/hero-video.mp4"> 356 <!-- Primary source â replace with your actual video file --> 357 <source src="videos/hero-video.mp4" type="video/mp4"> 358 <!-- Fallback: if no video file, the poster image shows instead --> 359 </video> 360 361 <!-- â¡ Dark-green gradient overlay --> 362 <div class="video-hero__overlay"></div> 363 364 <!-- ⢠Hero text content --> 365 <div class="video-hero__content"> 366 <h1>Restore Nature, Empower Communities,<br>Sustain the Future.</h1> 367 368 <p class="hero-tagline typewrite" 369 data-period="2500" 370 data-type='[ 371 "True impact comes from restoring nature and empowering communities.", 372 "Small steps in conservation create lasting impacts for nature.", 373 "Restore Nature Today â Sustain Communities Tomorrow.", 374 "Conservation Starts Here. Impact Lasts Everywhere." 375 ]'>
376 <span class="wrap"></span> 377 </p> 378 379 <p class="hero-sub">Youth-Led Environmental Action through Schools and Communities</p> 380 381 <div class="hero-btns"> 382 <a href="contact-us.html" class="hero-btn-primary">Join Campaign</a> 383 <a href="https://donate.plant-for-the-planet.org/?to=kenya-schools-botanic-garden-initiative&callback_url=https%3A%2F%2Fwww1.plant-for-the-planet.org%2F&country=KE&tenant=ten_NxJq55pm" 384 class="hero-btn-secondary">Donate Now</a> 385 </div> 386 </div> 387 388 <!-- ⣠Scroll hint --> 389 <a class="video-hero__scroll" href="#about-section" title="Scroll down"> 390 <i class="fa fa-chevron-down"></i> 391 </a> 392 393 </section> 394 <!-- end video hero --> 395 396 397 <!-- ââ ABOUT US SECTION ââ --> 398 <section id="about-section" class="section-content-block section-how-we-work-2 section-secondary-bg"> 399 <div class="container wow fadeInUp"> 400 <div class="row section-heading-wrapper"> 401 <div class="col-md-8 col-md-offset-2 col-sm-12 text-center"> 402 <h2 class="section-heading"><span>About</span> Us</h2> 403 <p class="section-subheading hidden-sm">Our Management Principles</p> 404 </div> 405 </div> 406 407 <div class="row"> 408 <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12"> 409 <div class="highlight-block xs-margin"> 410 <h5>Our Mission</h5> 411 <p>To empower communities, especially youth and schools, to protect and restore ecosystems through environmental education, nature-based solutions, and sustainable livelihood initiatives that enhance biodiversity conservation and climate resilience.</p> 412 </div> 413 </div> 414 <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> 415 <div class="highlight-block xs-margin"> 416 <h5>Our Vision</h5> 417 <p>A resilient future where communities thrive alongside healthy ecosystems through sustainable environmental stewardship and climate-smart livelihoods.</p> 418 </div> 419 </div> 420 <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12"> 421 <div class="highlight-block xs-margin"> 422 <h5>Our Core Values</h5> 423 <p> 424 <ul style="color:white;"> 425 <li>Integrity</li> 426 <li>Commitment</li> 427 <li>Responsiveness</li> 428 <li>Inclusivity</li> 429 <li>Accountability</li> 430 </ul> 431 </p> 432 </div> 433 </div> 434 </div> 435 436 <div class="row"> 437 <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> 438 <div class="highlight-block xs-margin"> 439 <i class="fa fa-address-book" aria-hidden="true"></i> 440 <h5>Our Objectives</h5> 441 <p> 442 <ul style="color:white;"> 443 <li>1. Wetland and Coastal Ecosystem Conservation: Protect and Conserve mangroves, wetlands, and other critical ecosystems, Enhance biodiversity and strengthen ecosystem services that support communities and livelihoods and Promote sustainable resource management to reduce environmental degradation.</li> 444 <li>2. School Greening & Environmental Education: Establish school botanic gardens and greening initiatives to nurture environmental stewardship among students, Integrate hands-on conservation learning into school curricula to build knowledge and awareness, Empower youth to become future environmental leaders and champions for sustainability.</li> 445 <li>3. Nature-Based Solutions (NbS): Implement ecosystem-based approaches to address climate change and community vulnerabilities, Restore natural landscapes to enhance resilience and reduce environmental risks, Promote sustainable solutions that deliver ecological, social, and economic benefits.</li> 446 <li>
4464. Sustainable Fisheries Management: Support responsible fishing practices to protect marine biodiversity, Strengthen community-based fisheries governance and awareness and Ensure long-term productivity and sustainability of coastal fisheries.</li> 447 <li>5. Nature-Based Enterprises & Alternative Livelihoods: Develop eco-friendly, sustainable income-generating activities for communities, Reduce pressure on natural resources by providing alternative livelihoods and Promote entrepreneurship in sectors like mangrove beekeeping, ecotourism, and sustainable aquaculture.</li> 448 <li>6. Community Engagement & Capacity Building: Strengthen local capacity for environmental stewardship and ecosystem management, Engage communities in conservation planning, awareness campaigns, and participatory projects, Foster youth leadership and inclusive participation in sustainable development initiatives.</li> 449 <li>7. Climate-Smart Agriculture (CSA): Promote sustainable and resilient agricultural practices that adapt to climate change, Increase food security and livelihoods while conserving natural resources, Encourage adoption of water-efficient, soil-conserving, and agroforestry systems.</li> 450 </ul> 451 </p> 452 </div> 453 </div> 454 </div> 455 </div> 456 </section> 457 458 459 <!-- ââ WHAT WE DO ââ --> 460 <section class="section-content-block section-how-we-work what-we-do section-secondary-bg"> 461 <div class="container"> 462 <div class="row"> 463 <div class="col-md-8 col-md-offset-2 col-sm-12 text-center"> 464 <h2 class="section-heading">What We Do</h2> 465 </div> 466 </div> 467 468 <div class="row wow fadeInUp"> 469 <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> 470 <div class="service-block-bg"> 471 <article class="service-block"> 472 <p>Saving Planet Foundation is a non-profit, community-driven environmental organization dedicated to conserving ecosystems, promoting climate resilience, and empowering communities through sustainable, locally led solutions. By combining scientific knowledge, youth innovation, and nature-based initiatives, we restore degraded landscapes, safeguard biodiversity, and support livelihoods that depend on healthy natural resources. Our work focuses on delivering practical, context-specific solutions to the environmental and social challenges faced by communities. Through ecosystem restoration, sustainable resource management, environmental education, and alternative livelihoods, we ensure that conservation efforts are sustainable, inclusive, and impactful, creating lasting benefits for both people and nature. 473 <br /><br /><a href="about-us.html" class="service_read_more">Read More</a> 474 </p> 475 <i class="fa fa fa-book"></i> 476 </article> 477 </div> 478 </div> 479 </div> 480 481 <div class="row wow fadeInUp"> 482 <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> 483 <div class="service-block"> 484 <article class="service-block"> 485 <h2>Our Approaches: Sustainable Fisheries Management</h2> 486 <p>Working closely with coastal communities and local institutions, we promote responsible fishing practices, marine biodiversity conservation, and community-based fisheries governance. Our initiatives help reduce overfishing, protect marine habitats, and sustain fisheries-dependent livelihoods.</p> 487 </article> 488 </div> 489 </div> 490 491 <div class="row wow fadeInUp"> 492 <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> 493 <div class="service-block-bg"> 494 <article class="service-block"> 495 <div class="row"> 496 <h2>Nature-Based Solutions (NbS)</h2> 497 <div class="col-sm-12 col-md-6 col-lg-6"> 498 <img src="images/enviromnental restoration.jpeg" alt="" style="width:340px;height:150px"> 499 </div> 500 <div class="col-sm-12 col-md-6 col-lg-6"> 501 <p>We implement innovative nature-based solutions that harness natural systems to address climate change, ecosystem degradation, and community vulnerability. These initiatives improve ecosystem resilience while delivering social, environmental, and economic benefits.</p> 502 </div> 503 </div> 504 </article> 505 </div> 506 </div> 507 508 <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> 509 <div class="service-block-bg"> 510 <article class="service-block"> 511 <h2>Climate-Smart Agriculture (CSA)</h2> 512 <div class="row"> 513 <div class="col-sm-12 col-md-6 col-lg-6"> 514 <img src="images/gallery/agroforest.jpg" alt="" style="width:340px;height:150px"> 515 </div> 516 <div class="col-sm-12 col-md-6 col-lg-6"> 517 <p>We support communities in adapting to the impacts of climate change by promoting climate-smart agricultural practices. These include sustainable crop production, water-efficient irrigation, soil conservation techniques, and agroforestry systems that enhance productivity, strengthen resilience, and improve food security.</p> 518 </div> 519 </div> 520 <i class="fa fa fa-leaf"></i> 521 </article> 522 </div> 523 </div> 524 </div> 525 526 <div class="row wow fadeInUp"> 527 <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> 528 <div class="service-block-bg"> 529 <article class="service-block"> 530 <h2>Nature-Based Enterprises & Alternative Livelihoods</h2> 531 <div class="row"> 532 <div class="col-sm-12 col-md-6 col-lg-6"> 533 <img src="images/School botanic engaement.jpeg" alt="" style="width:340px;height:150px"> 534 </div> 535 <div class="col-sm-12 col-md-6 col-lg-6"> 536 <p>We facilitate the development of sustainable nature-based enterprises that provide alternative income sources for communities. These include activities such as mangrove beekeeping, ecotourism, sustainable aquaculture, and other environmentally friendly businesses that reduce pressure on natural ec
536osystems. 537 <br /><br /><a href="#" class="service_read_more">Read More</a> 538 </p> 539 </div> 540 </div> 541 <i class="fa fa fa-leaf"></i> 542 </article> 543 </div> 544 </div> 545 546 <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> 547 <div class="service-block-bg"> 548 <article class="service-block"> 549 <h2>School Greening & Environmental Education</h2> 550 <div class="row"> 551 <div class="col-sm-12 col-md-6 col-lg-6"> 552 <img src="images/Educational empowerment.jpeg" alt="" style="width:340px;height:150px"> 553 </div> 554 <div class="col-sm-12 col-md-6 col-lg-6"> 555 <p>We nurture environmental stewardship among young people through school greening initiatives and experiential learning programs. These include the establishment of school botanic gardens, tree planting campaigns, and environmental education activities that cultivate knowledge and responsibility toward nature.</p> 556 </div> 557 </div> 558 <i class="fa fa fa-leaf"></i> 559 </article> 560 </div> 561 </div> 562 </div> 563 564 <div class="row wow fadeInUp"> 565 <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> 566 <div class="service-block-bg"> 567 <article class="service-block"> 568 <h2>Community Engagement</h2> 569 <div class="row"> 570 <div class="col-sm-12 col-md-6 col-lg-6"> 571 <img src="images/community engagement.jpeg" alt="" style="width:340px;height:150px"> 572 </div> 573 <div class="col-sm-12 col-md-6 col-lg-6"> 574 <p>Community participation is central to our work. We actively engage local communities, youth groups, schools, and stakeholders through training programs, awareness campaigns, participatory conservation activities, and leadership development initiatives. By strengthening local capacity and fostering a sense of ownership, we ensure that conservation efforts are sustainable and community-led.</p> 575 </div> 576 </div> 577 <i class="fa fa fa-leaf"></i> 578 </article> 579 </div> 580 </div> 581 582 <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> 583 <div class="service-block-bg"> 584 <article class="service-block"> 585 <h2>Sustainable Development</h2> 586 <div class="row"> 587 <div class="col-sm-12 col-md-6 col-lg-6"> 588 <img src="images/sustainable dev.jpeg" alt="" style="width:340px;height:150px"> 589 </div> 590 <div class="col-sm-12 col-md-6 col-lg-6"> 591 <p>Sustainable development is central to our mission and guides the way we design and implement our programs. We believe that environmental protection, social well-being, and economic growth must be addressed together to achieve lasting impact. Our work focuses on promoting sustainable practices that protect natural ec
591osystems while improving the livelihoods of local communities.</p> 592 </div> 593 </div> 594 <i class="fa fa fa-leaf"></i> 595 </article> 596 </div> 597 </div> 598 </div> 599 600 </div> 601 </div> 602 </section> 603 604 605 <!-- ââ TESTIMONIALS ââ --> 606 <section class="section-content-block cause-section-1"> 607 <div class="container wow fadeInUp"> 608 <div class="row section-heading-wrapper"> 609 <div class="col-md-8 col-md-offset-2 col-sm-12 text-center"> 610 <h2 class="section-heading section-heading-alt">Testimonials</h2> 611 <p class="section-subheading section-subheading-alt">Here is what our partners are saying</p> 612 </div> 613 </div> 614 <div class="row"> 615 <div class="cause-items"> 616 <div class="col-sm-12"> 617 <div class="row"> 618 <div class="cause-wrapper"> 619 <div class="col-md-3 col-sm-12 hidden-xs no-padding"> 620 <figure class="cause-img"> 621 <img src="images/logo1.png" alt="Cause" style="background-color: #60aa48;"/> 622 </figure> 623 </div> 624 <div class="col-md-9 col-sm-12 no-padding"> 625 <div class="cause-content"> 626 <div class="cause-text"> 627 <h5><a href="#">Joshua</a></h5> 628 <blockquote>I feel most grateful for the diverse network of people in the environmental/conservation field that I am now part of.</blockquote> 629 </div> 630 </div> 631 </div> 632 </div> 633 </div> 634 </div> 635 <div class="col-sm-12"> 636 <div class="row"> 637 <div class="cause-wrapper"> 638 <div class="col-md-3 col-sm-12 hidden-xs no-padding"> 639 <figure class="cause-img"> 640 <img src="images/logo1.png" alt="Cause" style="background-color: #60aa48;"/> 641 </figure> 642 </div> 643 <div class="col-md-9 col-sm-12 no-padding"> 644 <div class="cause-content"> 645 <div class="cause-text"> 646 <h5><a href="#">Steve G</a></h5> 647 <blockquote>I was able to learn more about my interests and passions within the environmental field. Being a part of Saving Planet has also made me more confident in my capabilities as an environmentalist and conservationist along with improving other skills such as public speaking, organization, and time management.</blockquote> 648 </div> 649 </div> 650 </div> 651 </div> 652 </div> 653 </div> 654 </div> 655 </div> 656 </div> 657 </section> 658 659 660 <!-- ââ EVENTS ââ --> 661 <section class="section-content-block event-section-1 section-secondary-bg"> 662 <div class="container wow fadeInUp">
663 <div class="row section-heading-wrapper"> 664 <div class="col-md-8 col-md-offset-2 col-sm-12 text-center"> 665 <h2 class="section-heading"><span>Upcoming</span> Events</h2> 666 <p class="section-subheading">Increase in the awareness among people about various issues</p> 667 </div> 668 </div> 669 <div class="row"> 670 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> 671 <div class="event_wrapper xs-margin"> 672 <figure class="event-img"> 673 <img src="images/wordl forest day.jpeg" alt="event" /> 674 <p class="event-info"> 675 <span class="event-date"><i class="fa fa-calendar"></i> March 21</span> 676 <span class="event-location"><i class="fa fa-map-marker"></i> Mombasa</span> 677 </p> 678 </figure> 679 <div class="event-content"> 680 <div class="event-text"> 681 <h5><a href="#">World Forests Day</a></h5> 682 <p class="event-time">08:00am - 06:00pm</p> 683 </div> 684 </div> 685 </div> 686 </div> 687 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> 688 <div class="event_wrapper xs-margin"> 689 <figure class="event-img"> 690 <img src="images/gallery/10.jpeg" alt="event" /> 691 <p class="event-info"> 692 <span class="event-date"><i class="fa fa-calendar"></i> Sept 24</span> 693 <span class="event-location"><i class="fa fa-map-marker"></i> Machakos</span> 694 </p> 695 </figure> 696 <div class="event-content"> 697 <div class="event-text"> 698 <h5><a href="#">World Rivers Day</a></h5> 699 <p class="event-time">07:00am - 06:00pm</p> 700 </div> 701 </div> 702 </div> 703 </div> 704 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> 705 <div class="event_wrapper xs-margin"> 706 <figure class="event-img"> 707 <img src="images/enviroment day.jpeg" alt="event" /> 708 <p class="event-info"> 709 <span class="event-date"><i class="fa fa-calendar"></i> June 5</span> 710 <span class="event-location"><i class="fa fa-map-marker"></i> Machakos</span> 711 </p> 712 </figure> 713 <div class="event-content"> 714 <div class="event-text"> 715 <h5><a href="#">Environment Day</a></h5> 716 <p class="event-time">09:00am - 05:00pm</p> 717 </div> 718 </div> 719 </div> 720 </div> 721 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> 722 <div class="event_wrapper xs-margin"> 723 <figure class="event-img"> 724 <img src="images/gallery/oceanday.jpg" alt="event" height="200px" style="width:100%;"/> 725 <p class="event-info"> 726 <span class="event-date"><i class="fa fa-calendar"></i> June 8</span> 727 <span class="event-location"><i class="fa fa-map-marker"></i></span> 728 </p> 729 </figure> 730 <div class="event-content"> 731 <div class="event-text"> 732 <h5><a href="#">World Ocean Day</a></h5> 733 <p class="event-time">09:00am - 05:00pm</p> 734 </div> 735 </div> 736 </div> 737 </div> 738 </div> 739 </div> 740 </section> 741 742 743 <!-- ââ COUNTER ââ --> 744 <section class="section-content-block section-counter"> 745 <div class="container-fluid wow fadeInUp"> 746 <div class="row"> 747 <div class="col-md-2 col-sm-12"> 748 <div class="counter-block-1 text-center"> 749 <h4>Native Trees Planted</h4>
750 <span class="counter">1600</span> 751 </div> 752 </div> 753 <div class="col-md-2 col-sm-12"> 754 <div class="counter-block-1 text-center"> 755 <h4>Schools Planted</h4> 756 <span class="counter">1</span> 757 </div> 758 </div> 759 <div class="col-md-2 col-sm-12"> 760 <div class="counter-block-1 text-center"> 761 <h4>Projects</h4> 762 <span class="counter">2</span> 763 </div> 764 </div> 765 <div class="col-md-2 col-sm-12"> 766 <div class="counter-block-1 text-center"> 767 <h4>Awards</h4> 768 <span class="counter">0</span> 769 </div> 770 </div> 771 <div class="col-md-2 col-sm-12"> 772 <div class="counter-block-1 text-center"> 773 <h4>Mission</h4> 774 <span class="counter">10</span> 775 </div> 776 </div> 777 <div class="col-md-2 col-sm-12"> 778 <div class="counter-block-1 text-center"> 779 <h4>Donators</h4> 780 <span class="counter">2</span> 781 </div> 782 </div> 783 </div> 784 </div> 785 </section> 786 787 788 <!-- ââ PARTNERS ââ --> 789 <section class="section-content-block section-client-logo"> 790 <div class="container wow fadeInUp"> 791 <div class="row"> 792 <div class="col-md-8 col-md-offset-2 col-sm-12 text-center"> 793 <h2 class="section-heading"><span>Our</span> Partners</h2> 794 </div> 795 </div> 796 <div class="row"> 797 <div class="logo-items logo-layout-1 justify-content-around text-center"> 798 <div class="logo"> 799 <a href="https://donate.plant-for-the-planet.org/?to=kenya-schools-botanic-garden-initiative&callback_url=https%3A%2F%2Fwww1.plant-for-the-planet.org%2F&country=KE&tenant=ten_NxJq55pm" target="_blank"><img src="images/plantfortheplanet.png" alt="" /></a> 800 </div> 801 <div class="logo"> 802 <a href="https://www.kefri.org" target="_blank"><img src="images/kefri.jpg" alt="" /></a> 803 </div> 804 <div class="logo"> 805 <a href="https://www.kenyaforestservice.org" target="_blank"><img src="images/kfs.jpg" alt="" /></a> 806 </div> 807 </div> 808 </div> 809 </div> 810 </section> 811 812 813 <!-- ââ NEWSLETTER ââ --> 814 <section class="section-content-block newsletter-area-bg"> 815 <div class="container wow fadeInUp"> 816 <div class="row"> 817 <div class="col-md-8 col-md-offset-2 col-sm-12 text-center"> 818 <h3>NEWSLETTER SUBSCRIBE</h3> 819 <form id="mc-form" class="mc-form fix" action="#"> 820 <div class="newsletter-form"> 821 <input id="mc-email" name="EMAIL" placeholder="Email Address..." type="email"> 822 <button id="mc-submit" type="submit"><i class="fa fa-chevron-right"></i></button> 823 </div> 824 </form> 825 <div class="mailchimp-alerts text-centre fix"> 826 <div class="mailchimp-submitting"></div> 827 <div class="mailchimp-success"></div> 828 <div class="mailchimp-error"></div> 829 </div> 830 <p>Signup for regular newsletter and stay up to date with our latest news</p> 831 </div> 832 </div> 833 </div> 834 </section> 835 836 837 <!-- ââ FOOTER ââ --> 838 <footer> 839 <section class="section-content-block footer-widget-area-bg"> 840 <div class="container wow fadeInUp"> 841 <div class="row"> 842 <div class="col-md-8 col-md-offset-2 col-sm-12 text-center"> 843 <div class="footer-widget-area"> 844 <figure class="footer-logo-img text-center"> 845 <img alt="Logo" src="images/logo.png"> 846 </figure> 847 <div class="contact-info"> 848 <p>Planting trees is the easiest thing that we can all do to alleviate the climate crisis, and everyone can contribute.</p> 849 </div> 850 <div class="contact-info"> 851 <div class="contact-details"> 852 <div class="social-icons margin-top-20"> 853 <a href="https://www.facebook.com/saving-planet2022"><i class="fa fa-facebook"></i></a> 854 <a href="#"><i class="fa fa-twitter"></i></a> 855 <a href="https://youtu.be/2KNrvo46gcE"><i class="fa fa-youtube"></i></a> 856 <a href="#"><i class="fa fa-instagram"></i></a> 857 <a href="https://www.linkedin.com/company/saving-planet/" class="margin-right-0"><i class="fa fa-linkedin"></i></a> 858 </div> 859 </div> 860 </div> 861 </div> 862 </div> 863 </div> 864 </div> 865 </section> 866 <section class="footer-section"> 867 <div class="container"> 868 <div class="row"> 869 <div class="col-md-6 col-sm-12">
870 <span>Copyright © 2023. All right reserved | 871 <a class="color-primary" href="http://saving-planet.org/">saving-planet.org</a></span> 872 </div> 873 </div> 874 </div> 875 </section> 876 </footer> 877 878 <a id="backTop">Back To Top</a> 879 880
880<script src="js/jquery.min.js"></script>
880 881
881<script src="js/bootstrap.min.js"></script>
881 882
882<script src="js/wow.min.js"></script>
882 883
883<script src="js/jquery.backTop.min.js"></script>
883 884
884<script src="js/waypoints.min.js"></script>
884 885
885<script src="js/waypoints-sticky.min.js"></script>
885 886
886<script src="js/owl.carousel.min.js"></script>
886 887
887<script src="js/jquery.stellar.min.js"></script>
887 888
888<script src="js/jquery.counterup.min.js"></script>
888 889
889<script src="js/venobox.min.js"></script>
889 890
890<script src="js/custom-scripts.js"></script>
890 891 892 </body> 893</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.