PageSourceSearch

https://saving-planet.org/index.html

html saving-planet.org collected 2026-10-09 01:28:24 UTC 49,668 bytes, 893 lines download raw bytes

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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &copy; 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.