Scribd
Upload
33 views14 pages

TEAM

This document contains the HTML code for a website with sections for the header, inner header, and team. The header includes navigation links for home, about, events, causes, blogs, pages, contact and login/signup. The inner header introduces the team page. The team section displays profiles for 3 team members with their names, roles, and social media links.

Uploaded by

Melvin Mera Huaman
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
33 views14 pages

TEAM

This document contains the HTML code for a website with sections for the header, inner header, and team. The header includes navigation links for home, about, events, causes, blogs, pages, contact and login/signup. The inner header introduces the team page. The team section displays profiles for 3 team members with their names, roles, and social media links.

Uploaded by

Melvin Mera Huaman
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 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