<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Forest a Society Category Bootstrap Responsive web Template| Home :: w3layouts</title>
<!--meta tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="Forest Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!--//meta tags ends here-->
<!--booststrap-->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all">
<!--//booststrap end-->
<!-- font-awesome icons -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!--stylesheets-->
<link href="css/style.css" rel='stylesheet' type='text/css' media="all">
<!--//stylesheets-->
<link href="//fonts.googleapis.com/css?family=Playfair+Display:400,700" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,600" rel="stylesheet">
</head>
<body>
<div class="header-outs " id="header">
<div class="header-w3layouts">
<div class="container-fluid">
<nav>
<div id="logo">
<h1> <a href="index.html">Forest</a></h1>
</div>
<label for="drop" class="toggle">Menu</label>
<input type="checkbox" id="drop" />
<ul class="menu mt-lg-3 mt-2">
<li class="active"><a href="index.html">Home</a></li>
<li ><a href="#about">About</a></li>
<li><a href="#service">Service</a></li>
<li><a href="#gallery">Gallery</a></li>
<li ><a href="#team"> Team</a></li>
<li ><a href="#contact" class="pr-0">Contact</a></li>
</ul>
<div class="clearfix"></div>
</nav>
<div class="clearfix"></div>
</div>
</div>
<!-- //nav -->
<!-- //header -->
<div class="container">
<div class="slide-info text-center">
<div class="banner-top-grid">
<h4>Global Warming</h4>
</div>
<h5>Save Forest And Save Earth</h5>
<div class="slide-info-txt">
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit, sed do eiusmod tempor incididunt utadipiscing elit sed do eiusmod tempor incididunt Lorem</p>
</div>
<div class="two-mid-button d-flex justify-content-center mt-lg-5 mt-md-4 mt-sm-4 mt-3">
<div class="read-buttn ">
<a href="#about" class=" scroll">About Us</a>
</div>
<div class="view-buttn">
<a href="#contact" class=" scroll">Join Us</a>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
<!-- //banner -->
<!-- about -->
<section class="about py-lg-4 py-md-3 py-sm-3 py-3" id="about">
<div class="container py-lg-5 py-md-4 py-sm-4 py-3">
<div class="title-tag mb-lg-5 mb-md-4 mb-sm-4 mb-3 pb-lg-3 pb-md-2">
<h6 class="title-top-txt text-center mb-2">What we do</h6>
<div class="sub-title-mid text-center mb-lg-4 mb-3">
<h2>STANDING TOGETHER FOR A BETTER WORLD</h2>
</div>
<div class="title-wls-text text-center mb-2">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit<br>
Lorem ipsum dolor sit amet, consectetur
</p>
</div>
</div>
<div class="row">
<div class="col-lg-6 video-info-img text-center">
<div class="abut-img-w3l">
<img src="images/ab1.jpg" alt="" class="img-fluid">
</div>
</div>
<div class="col-lg-6 left-abut-txt ">
<div class="about-right-grid">
<h6 class="title-top-txt mb-2">About Us</h6>
<h5 class="mb-3">we cannot afford to fail in our mission to save a living planet</h5>
<p>delectus reiciendis maiores alias consequatur aut.maiores alias Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod delectus reiciendis maiores alias consequatur aut.maiores alias Lorem ipsum dolor sit amet, consectetur</p>
</div>
<div class="row mt-lg-4 mt-md-3 mt-3 text-center">
<div class="col-md-4 col-sm-4 percentage-grid">
<div class="progress blue">
<span class="progress-left">
<span class="progress-bar"></span>
</span>
<span class="progress-right">
<span class="progress-bar"></span>
</span>
<div class="progress-value">90%</div>
</div>
<div class="about-progress-wthree">
<h4>Save Plants</h4>
</div>
</div>
<div class="col-md-4 col-sm-4 percentage-grid">
<div class="progress green">
<span class="progress-left">
<span class="progress-bar"></span>
</span>
<span class="progress-right">
<span class="progress-bar"></span>
</span>
<div class="progress-value">80%</div>
</div>
<div class="about-progress-wthree ">
<h4>Planting</h4>
</div>
</div>
<div class="col-md-4 col-sm-4 percentage-grid">
<div class="progress yellow">
<span class="progress-left">
<span class="progress-bar"></span>
</span>
<span class="progress-right">
<span class="progress-bar"></span>
</span>
<div class="progress-value">75%</div>
</div>
<div class="about-progress-wthree">
<h4>Save Trees</h4>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- //row-two -->
</section>
<!--//about -->
<!-- service -->
<section class="service py-lg-4 py-md-3 py-sm-3 py-3" id="service">
<div class="container py-lg-5 py-md-4 py-sm-4 py-3">
<div class="title-tag mb-lg-5 mb-md-4 mb-sm-4 mb-3 pb-lg-3 pb-md-2">
<div class="row">
<div class="title-wls-text col-lg-6 col-md-6 txt-rightside clr-para">
<p class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore</p>
</div>
<div class="col-lg-6 col-md-6 ">
<h6 class="title-top-txt mb-2">What we provide</h6>
<h3 class="title clr">Our Services</h3>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-6 ser-icon text-center">
<div class="grid-wthree-service">
<span class="fa fa-pagelines" aria-hidden="true"></span>
<div class="ser-text-wthree">
<h4 class="mt-2">
Planting
</h4>
<p class="mt-3">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>
绿色宽屏形式pc+wap森林公园网页模板代码.zip
41 浏览量
2023-06-20
19:21:51
上传
评论
收藏 1.53MB ZIP 举报
绿色宽屏形式pc+wap森林公园网页模板代码.zip （30个子文件） 
22259 css 
style.css 28KB bootstrap.min.css 141KB font-awesome.min.css 30KB
index.html 42KB images 
g3.jpg 27KB g2.jpg 32KB b1.jpg 216KB c1.jpg 27KB b2.jpg 119KB s1.jpg 120KB c2.jpg 23KB
arrow.png 4KB t3.jpg 40KB g7.jpg 51KB g6.jpg 89KB t1.jpg 29KB t4.jpg 40KB ab2.jpg 57KB g5.jpg 34KB c3.jpg 28KB t2.jpg 48KB g4.jpg 34KB ab1.jpg 48KB g1.jpg 67KB fonts FontAwesome.otf 132KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB fontawesome-webfont.ttf 162KB资源评论
