<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<title>Osep</title>
</head>
<body>
<!--Preloader-->
<div id="preloader">
<div class="loader">
<div class="loader_bar"></div>
<div class="loader_bar"></div>
<div class="loader_bar"></div>
<div class="loader_bar"></div>
<div class="loader_bar"></div>
<div class="loader_ball"></div>
</div>
</div>
<!--header-->
<div class="header">
<div class="logo">
<a href="#">
<img src="uploads/logo.jpg" alt="">
</a>
</div>
<div class="logo-description">
<a href="#">Organization for Sustainable<br>Environmental Protection.</a>
</div>
<div class="nav">
<ul id="menu">
<li class="list"><a class="active" href="">Home</a></li>
<li class="list"><a href="about us.html">About Us</a></li>
<li class="list"><a href="activities.html">Activities</a></li>
<li class="list"><a href="resources.html">Resources</a></li>
<li class="list"><a href="projects.html">Projects</a></li>
<li class="list"><a href="contact.html">Contact Us</a></li>
</ul>
</div>
<div id="toggle">
<div class="span" id="one"></div>
<div class="span" id="two"></div>
<div class="span" id="three"></div>
</div>
</div>
<!--slider section-->
<div class="slider-area">
<div id="arrow-left" class="arrow left">
<div id="one"></div>
<div id="two"></div>
</div>
<!--slide one-->
<div class="slide-item slider-bg-one">
<div class="row-wrapper">
<div class="slider-content-area">
<div class="slide-text">
<h1 class="homepage-title">
Environmental <span>Conservation</span> and Protection
</h1>
<p>Restoration of degraded Lands,reforestation,resource sustainability and greening community facilities.</p>
<div class="slide-btns">
<a class="call-to-action-btn" href="activities.html">Read More</a>
<a class="call-to-action-btn" href="contact.html">Contact</a>
</div>
</div>
</div>
</div>
</div> <!--end of slide one-->
<!--slide two-->
<div class="slide-item slider-bg-two">
<div class="row-wrapper">
<div class="slider-content-area">
<div class="slide-text">
<h1 class="homepage-title">
Land <span>Rehabilitation</span> and Protection
</h1>
<p>Involving local people in environmental conservation activities such as tree planting and climate change mitigation.</p>
<div class="slide-btns">
<a class="call-to-action-btn" href="projects.html">Read More</a>
<a class="call-to-action-btn" href="contact.html">Contact</a>
</div>
</div>
</div>
</div>
</div> <!--end of slide two-->
<!--slide three-->
<div class="slide-item current slider-bg-three">
<div class="row-wrapper">
<div class="slider-content-area">
<div class="slide-text">
<h1 class="homepage-title">
Incorporating <span>Technology</span> and Eco-data
</h1>
<p>Providing a platform and knowledge base effect towards environmental conservation and exchange of information.</p>
<div class="slide-btns">
<a class="call-to-action-btn" href="resources.html">Read More</a>
<a class="call-to-action-btn" href="contact.html">Contact</a>
</div>
</div>
</div>
</div>
</div> <!--end of slide three-->
<div id="arrow-right" class="arrow right">
<div id="one"></div>
<div id="two"></div>
</div>
</div>
<div id="more-info">
<div class="info-container info">
<div class="pic-section">
<img src="uploads/plant.jpg" alt="Planter">
</div>
<div class="description-section">
<h4>who we are</h4>
<h2>Organization for Sustainable Environmental Protection</h2>
<p class="lead">Championing efforts to eradicate adverse climate change,biodiversity loss,soil degradation and pollution of the environment.</p>
<p class="lead-2">OSEP is a dynamic and flexible community based organization with a laser focus and global vision in environmental conservation and protection. It is aimed at increasing awareness about how important the environment is to humanity as a whole and the problems facing the mother Earth.We engage in restoration of degraded lands,reforestation and greening the community facilities.</p>
<a class="learn-more-btn" href="">Learn More</a>
</div>
</div>
</div>
<section id="informatics">
<div class="info-container">
<div class="more-description">
<div class="overlay"></div>
<h2>Join <span>OSEP</span> today & help save the environment</h2>
<h4>The environment is everyone's responsibility.</h4>
<hr>
<p>Recreating a society that conserves and protects its environment and appreciates the value of it's endowments towards sustainable living style.</p>
<div class="call-btns">
<a class="join-btn" href="#">Join now</a>
<a class="view-btn" href="about us.html">View details</a>
</div>
</div>
<div class="bg-pic-section">
<img src="uploads/five.jpg" alt="">
</div>
</div>
</section>
<section id="our-mission">
<div class="mission-container">
<div class="mission-intro">
<h2>our <span>mission</span></h2>
<hr class="line">
<p>Service to Environment is service to Humanity</p>
</div>
<div class="mission-content">
<div class="content">
<div class="icon-section">
<p>☑</p>
</div>
<div class="desc-section">
<h2>Commitment to Diversity</h2>
<p>Combining various professional contributions to impact the environment</p>
</div>
</div>
<div class="content">
<div class="icon-section">
<p>✰</p>
</div>
<div class="desc-section">
<h2>Saviours of the Planet</h2>
<p>Agent of change towards environmental destruction,championing conservation</p>
</div>
</div>
<div class="content">
<div class="icon-section">
<p>♡</p>
</div>
<div class="desc-section">
<h2>Thinking Differently</h2>
<p>Providing a platform and knowledge towards environment conservation</p>
</div>
</div>
<div class="content">
<div class="icon-section">
<p>☼</p>
</div>
<div class="desc-section">
<h2>Innovative Ideas</h2>
<p>Working with similar organization towards environmental conservation</p>
</div>
</div>
<div class="content">
<div class="icon-section">
<p>✆</p>
</div>
<div class="desc-section">
<h2>Approach Volunteers</h2>
<p>Involving local people in environmental conservation and protection practices</p>
</div>
</div>
<div class="content">
<div class="icon-section">
<p>♲</p>
</div>
<div class="desc-section">
<h2>Ecology Today</h2>
<p>Organizing meetings,training and events for environmental awareness</p>
</div>
</div>
</div>
</div>
</section>
<section id="best-time">
<div class="best-time-content">
<h2>the best time to <span>plant a tree</span> is now!</h2>
<h4>Save the earth by planting a tree today</h4>
<div class="action-btns">
<a class="btn-action donate" href="">donate now</a>
<a class="btn-action event" href="">join event</a>
</div>
</div>
</section>
<section id="subscribe">
<div class="subscribe-text">
<h2>Subscribe for a Newsletter</h2>
<p>There are many monthly newsletters about the environment straight to your email.</p>
</div>
<div class="subscribe-button">
<a href="#">subscribe now</a>
</div>
<div class="clearfix"></div>
</section>
<footer>
<div class="footer-row">
<div class="small-content one">
<a href="#">osep</a>
<p>Self-help and bottom up approach towards environmental conservation and protection</p>
<h5>Be vigilant.</h5>
</div>
<div class="small-content desc">
<h2>Explore</h2>
<ul>
<li><a>home <span class="arrow-link">➙</span></a></li>
<li><a>about <span class="arrow-link">➙</span></a></li>
<li><a>events <span class="arrow-link">➙</span></a></li>
<li><a>resources <span class="arrow-link">➙</span></a></li>
</ul>
</div>
<div class="small-content">
<h2>Visit</h2>
<p class="lead">Lida,Wang' chieng' ward</p>
<p class="lead"><span>☎</span>0728110935</p>
<p class="lead"><span>☎</span>0708941520</p>
<p class="lead"><span>✉</span>osepke.org@gmail.com</p>
</div>
<div class="small-content social">
<h2>Social media</h2>
<ul>
<li><a href="https://www.facebook.com/Osepke.Org"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://twitter.com/OSEP_ke"><i class="fa fa-twitter"></i></a></li>
<li><a href=""><i class="fa fa-google-plus"></i></a></li>
<li><a href=""><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
</div>
<hr>
<div class="copyright-section">
<p>All rights reserved ©
<span id="copyright">
<script>document.write(new Date().getFullYear());</script>
</span> Okundistar™</p>
</div>
</footer>
<!--scripts-->
<script src="js/all.js"></script>
<script src="js/main.js"></script>
</body>
</html>