TEAM

Download as pdf or txt
Download as pdf or txt
You are on page 1of 14

<!

doctype html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<meta name="description" content="">

<meta name="author" content="">

<link rel="icon" href="images/favicon.png">

<title>ECO HTML</title>

<!-- CSS FILES START -->

<link href="css/custom.css" rel="stylesheet">

<link href="css/color.css" rel="stylesheet">

<link href="css/responsive.css" rel="stylesheet">

<link href="css/owl.carousel.min.css" rel="stylesheet">

<link href="css/bootstrap.min.css" rel="stylesheet">

<link href="css/prettyPhoto.css" rel="stylesheet">

<link href="css/all.min.css" rel="stylesheet">

<!-- CSS FILES End -->

</head>

<body>

<div class="wrapper">

<!--Header Start-->

<header class="header-style-2">

<nav class="navbar navbar-expand-lg">

<a class="navbar-brand" href="index-2.html"><img src="images/h2logo.png" alt=""></a>

<button class="navbar-toggler" type="button" data-toggle="collapse" data-


target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-
expanded="false" aria-label="Toggle navigation"> <i class="fas fa-bars"></i> </button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">


<ul class="navbar-nav mr-auto">

<li class="nav-item dropdown">

<a class="nav-link dropdown-toggle" href="index-2.html" role="button" data-


toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Home </a>

<ul class="dropdown-menu" >

<li><a href="index-2.html">Home One</a></li>

<li><a href="home-two.html">Home Two</a></li>

<li><a href="home-three.html">Home Three</a></li>

</ul>

</li>

<li class="nav-item"> <a class="nav-link" href="about.html">About</a> </li>

<li class="nav-item dropdown">

<a class="nav-link dropdown-toggle" href="events-grid.html" role="button" data-


toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Events </a>

<ul class="dropdown-menu" >

<li><a href="events-grid.html">Events Grid</a></li>

<li><a href="events-grid-2.html">Events Grid Two</a></li>

<li><a href="events-grid-3.html">Events Grid Three</a></li>

<li><a href="events-list.html">Events List</a></li>

<li><a href="events-list-two.html">Events List Two</a></li>

<li><a href="event-details.html">Event Details</a></li>

</ul>

</li>

<li class="nav-item dropdown">

<a class="nav-link dropdown-toggle" href="causes.html" role="button" data-


toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Causes </a>

<ul class="dropdown-menu" >

<li><a href="causes.html">Causes Grid</a></li>

<li><a href="causes-list.html">Causes List</a></li>

<li><a href="causes-details.html">Causes Details</a> </li>


</ul>

</li>

<li class="nav-item dropdown">

<a class="nav-link dropdown-toggle" href="blog.html" role="button" data-


toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Blogs </a>

<ul class="dropdown-menu" >

<li><a href="blog.html">Blog Default</a></li>

<li><a href="blog-list.html">Blog List</a> </li>

<li><a href="blog-grid.html">Blog Grid</a></li>

<li><a href="blog-two-col.html">Blog Two Columns</a> </li>

<li><a href="blog-three-col.html">Blog Three Columns</a></li>

<li><a href="blog-details.html">Blog Details</a></li>

</ul>

</li>

<li class="nav-item dropdown">

<a class="nav-link dropdown-toggle" href="#" role="button" data-


toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Pages </a>

<ul class="dropdown-menu" >

<li>

<a href="#">Projects</a>

<ul class="dropdown-menu" >

<li><a href="projects.html">Projects</a> </li>

<li><a href="projects-grid.html">Projects Grid</a> </li>

<li><a href="projects-grid-two.html">Projects Grid Two</a> </li>

<li><a href="projects-list.html">Projects List</a> </li>

<li><a href="projects-details.html">Project Details</a> </li>

</ul>

</li>

<li>

<a href="#">Shop</a>
<ul class="dropdown-menu" >

<li><a href="shop.html">Shop</a> </li>

<li><a href="shop-two.html">Shop Two</a> </li>

<li><a href="shop-details.html">Shop Details</a> </li>

</ul>

</li>

<li>

<a href="team.html">Team</a>

<ul class="dropdown-menu" >

<li><a href="team.html">Team One</a> </li>

<li><a href="team-two.html">Team Two</a> </li>

<li><a href="team-details.html">Team Details</a> </li>

</ul>

</li>

<li>

<a href="#">Gallery</a>

<ul class="dropdown-menu" >

<li><a href="gallery-grid.html">Gallery Grid</a> </li>

<li><a href="gallery-full.html">Gallery Full</a> </li>

<li><a href="gallery-masonry.html">Gallery Masonry</a> </li>

</ul>

</li>

<li><a href="testimonials.html">Testimonials</a> </li>

<li><a href="donation.html">Donation</a> </li>

<li><a href="my-account.html">My Account</a> </li>

<li><a href="coming-soon.html">Coming Soon</a> </li>

<li><a href="page-404.html">404 Error</a> </li>

</ul>

</li>
<li class="nav-item dropdown">

<a class="nav-link dropdown-toggle" href="contact.html" role="button" data-


toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Contact </a>

<ul class="dropdown-menu" >

<li><a href="contact-one.html">Contact One</a> </li>

<li><a href="contact-two.html">Contact Two</a> </li>

</ul>

</li>

</ul>

<ul class="topnav-right">

<li> <a class="mdonate" href="donation.html"><span>Make a Donation</span></a>


</li>

<li> <a class="search-icon" href="#search"> <i class="fas fa-search"></i> </a> </li>

<li class="dropdown">

<a class="cart-icon" href="#" role="button" id="cartdropdown" data-


toggle="dropdown"> <i class="fas fa-shopping-cart"></i></a>

<div class="dropdown-menu cart-box" aria-labelledby="cartdropdown">

Recently added item(s)

<ul class="list">

<li class="item">

<a href="#" class="preview-image"><img class="preview" src="images/pro.jpg"


alt=""></a>

<div class="description"> <a href="#">Sample Course</a> <strong


class="price">1 x $44.95</strong> </div>

</li>

<li class="item">

<a href="#" class="preview-image"><img class="preview" src="images/pro.jpg"


alt=""></a>

<div class="description"> <a href="#">Sample Course</a> <strong


class="price">1 x $44.95</strong> </div>

</li>
</ul>

<div class="total">Total: <strong>$44.95</strong></div>

<div class="view-link"><a href="#">Proceed to Checkout</a> <a href="#">View cart


</a></div>

</div>

</li>

<li class="login-reg"> <a href="my-account.html">Login</a> | <a href="my-


account.html">Signup</a> </li>

</ul>

</div>

</nav>

</header>

<div id="search">

<button type="button" class="close">×</button>

<form class="search-overlay-form">

<input type="search" value="" placeholder="type keyword(s) here" />

<button type="submit" class="btn btn-primary"><i class="fas fa-search"></i></button>

</form>

</div>

<!--Header End-->

<!--Inner Header Start-->

<section class="wf100 p100 inner-header">

<div class="container">

<h1>Team</h1>

<ul>

<li><a href="#">Home</a></li>

<li><a href="#"> Blogs </a></li>

<li><a href="#"> Team</a></li>

</ul>

</div>
</section>

<!--Inner Header End-->

<!--Causes Start-->

<section class="wf100 p80 team">

<div class="team-grid">

<div class="container">

<div class="row">

<!--Team Box Start-->

<div class="col-lg-4 col-md-6 col-sm-6">

<div class="team-box">

<img src="images/h3team1.jpg" alt="">

<div class="team-info">

<h3>Mr. Elven Micky</h3>

<p>Team Head</p>

<ul>

<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>

<li><a href="#"><i class="fab fa-twitter"></i></a></li>

<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>

</ul>

</div>

</div>

</div>

<!--Team Box Start-->

<!--Team Box Start-->

<div class="col-lg-4 col-md-6 col-sm-6">

<div class="team-box">

<img src="images/h3team2.jpg" alt="">

<div class="team-info">

<h3>Johnson Alven</h3>
<p>Project Coordinator</p>

<ul>

<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>

<li><a href="#"><i class="fab fa-twitter"></i></a></li>

<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>

</ul>

</div>

</div>

</div>

<!--Team Box Start-->

<!--Team Box Start-->

<div class="col-lg-4 col-md-6 col-sm-6">

<div class="team-box">

<img src="images/h3team3.jpg" alt="">

<div class="team-info">

<h3>Daniel Anderson</h3>

<p>Volunteer</p>

<ul>

<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>

<li><a href="#"><i class="fab fa-twitter"></i></a></li>

<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>

</ul>

</div>

</div>

</div>

<!--Team Box Start-->

<!--Team Box Start-->

<div class="col-lg-4 col-md-6 col-sm-6">

<div class="team-box">
<img src="images/h3team4.jpg" alt="">

<div class="team-info">

<h3>Mr. Elven Micky</h3>

<p>Team Head</p>

<ul>

<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>

<li><a href="#"><i class="fab fa-twitter"></i></a></li>

<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>

</ul>

</div>

</div>

</div>

<!--Team Box Start-->

<!--Team Box Start-->

<div class="col-lg-4 col-md-6 col-sm-6">

<div class="team-box">

<img src="images/h3team5.jpg" alt="">

<div class="team-info">

<h3>Johnson Alven</h3>

<p>Project Coordinator</p>

<ul>

<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>

<li><a href="#"><i class="fab fa-twitter"></i></a></li>

<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>

</ul>

</div>

</div>

</div>

<!--Team Box Start-->


<!--Team Box Start-->

<div class="col-lg-4 col-md-6 col-sm-6">

<div class="team-box">

<img src="images/h3team6.jpg" alt="">

<div class="team-info">

<h3>Daniel Anderson</h3>

<p>Volunteer</p>

<ul>

<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>

<li><a href="#"><i class="fab fa-twitter"></i></a></li>

<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>

</ul>

</div>

</div>

</div>

<!--Team Box Start-->

<!--Team Box Start-->

<div class="col-lg-4 col-md-6 col-sm-6">

<div class="team-box">

<img src="images/h3team7.jpg" alt="">

<div class="team-info">

<h3>Mr. Elven Micky</h3>

<p>Team Head</p>

<ul>

<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>

<li><a href="#"><i class="fab fa-twitter"></i></a></li>

<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>

</ul>

</div>
</div>

</div>

<!--Team Box Start-->

<!--Team Box Start-->

<div class="col-lg-4 col-md-6 col-sm-6">

<div class="team-box">

<img src="images/h3team8.jpg" alt="">

<div class="team-info">

<h3>Johnson Alven</h3>

<p>Project Coordinator</p>

<ul>

<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>

<li><a href="#"><i class="fab fa-twitter"></i></a></li>

<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>

</ul>

</div>

</div>

</div>

<!--Team Box Start-->

<!--Team Box Start-->

<div class="col-lg-4 col-md-6 col-sm-6">

<div class="team-box">

<img src="images/h3team9.jpg" alt="">

<div class="team-info">

<h3>Daniel Anderson</h3>

<p>Volunteer</p>

<ul>

<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>

<li><a href="#"><i class="fab fa-twitter"></i></a></li>


<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>

</ul>

</div>

</div>

</div>

<!--Team Box Start-->

</div>

<div class="row">

<div class="col-md-12">

<div class="gt-pagination mt20">

<nav>

<ul class="pagination">

<li class="page-item"> <a class="page-link" href="#" aria-label="Previous"> <i


class="fas fa-angle-left"></i> </a> </li>

<li class="page-item"><a class="page-link" href="#">1</a></li>

<li class="page-item active"><a class="page-link" href="#">2</a></li>

<li class="page-item"><a class="page-link" href="#">3</a></li>

<li class="page-item"> <a class="page-link" href="#" aria-label="Next"> <i


class="fas fa-angle-right"></i> </a> </li>

</ul>

</nav>

</div>

</div>

</div>

</div>

</div>

</section>

<!--Causes End-->

<!--Footer Start-->

<footer class="footer">
<div class="footer-top wf100">

<div class="container">

<div class="row">

<div class="col-lg-3 col-md-6 col-sm-6">

<!--Footer Widget Start-->

<div class="footer-widget">

<h4>About Ecova</h4>

<p> If anything’s hot in today’s economy, it’s saving money, including a broad range
of green businesses helping people save energy, water, and other resources. Definitely, you can go
with this business as it is a nothing but the future. </p>

<a href="#" class="lm">About us</a>

</div>

<!--Footer Widget End-->

</div>

<div class="col-lg-3 col-md-6 col-sm-6">

<!--Footer Widget Start-->

<div class="footer-widget">

<h4>Our Promises</h4>

<ul class="quick-links">

<li><a href="#">Solar Energy</a></li>

<li><a href="#">Waste Management</a></li>

<li><a href="#">Eco Ideas</a></li>

<li><a href="#">Recycling Materials</a></li>

<li><a href="#">Plant Ecology</a></li>

<li><a href="#">Saving Wildlife </a></li>

</ul>

</div>

<!--Footer Widget End-->

</div>

<div class="col-lg-3 col-md-6 col-sm-6">


<!--Footer Widget Start-->

<div class="footer-widget">

<h4>Latest Posts</h4>

<ul class="lastest-products">

<li> <img src="images/flp1.jpg" alt=""> <strong><a href="#">How you can keep


alive wild animals for...</a></strong> <span class="pdate"><i>Posted:</i> 29 September,
2018</span> </li>

<li> <img src="images/flp2.jpg" alt=""> <strong><a href="#">Eliminate your


plastic bottle pollution & keep...</a></strong> <span class="pdate"><i>Posted:</i> 29 September,
2018</span> </li>

<li> <img src="images/flp3.jpg" alt=""> <strong><a href="#">How you can keep


alive wild animals for...</a></strong> <span class="pdate"><i>Posted:</i> 29 September,
2018</span> </li>

</ul>

</div>

<!--Footer Widget End-->

</div>

<div class="col-lg-3 col-md-6 col-sm-6">

<!--Footer Widget Start-->

<div class="footer-widget">

<div id="fpro-slider" class="owl-carousel owl-theme">

<!--Footer Product Start-->

<div class="item">

<div class="f-product">

You might also like