<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="description" content="" />
<meta name="author" content="" />
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<![endif]-->
<title>Home</title>
<!-- Bootstrap Style -->
<link href="assets/css/bootstrap.css" rel="stylesheet" />
<!-- Font-Awesome Style -->
<link href="assets/css/font-awesome.min.css" rel="stylesheet" />
<!-- Animation Style -->
<link href="assets/css/animate.css" rel="stylesheet" />
<!-- Pretty Photo Style -->
<link href="assets/css/prettyPhoto.css" rel="stylesheet" />
<!-- Google Font Style -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
<!-- Custom Style -->
<link href="assets/css/style.css" rel="stylesheet" />
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="pre-div">
<div id="loader">
</div>
</div>
<!--/. PRELOADER END -->
<div class="navbar navbar-default navbar-fixed-top move-me ">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">
<img src="assets/img/logo.png" class="navbar-brand-logo " alt="" />
</a>
</div>
<div class="navbar-collapse collapse move-me">
<ul class="nav navbar-nav navbar-right">
<li >
<a href="#home">HOME
</a>
</li>
<li >
<a href="#about">ABOUT
</a>
</li>
<li >
<a href="#port-folio">GALLERY
</a>
</li>
<li >
<a href="#help">HOW TO HELP ?
</a>
</li>
<li >
<a href="#contact">CONTACT
</a>
</li>
</ul>
</div>
</div>
</div>
<!--./ NAV BAR END -->
<div id="home" >
<div class="overlay">
<div class="container">
<div class="row ">
<div class="col-lg-9 col-md-9 head-text">
<h1 id="divDisp" >WHY WE NEED DONATIONS ?</h1>
<span >
<i class="fa fa-lightbulb-o " ></i>For Planting new plants
</span>
<span>
<i class="fa fa-lightbulb-o" ></i>For Promoting Eco Education in Schools
</span>
<span >
<i class="fa fa-lightbulb-o" ></i>Encouraging Eco Friendly Methods
</span>
<span >
<i class="fa fa-lightbulb-o" ></i>Recycling Waste and garbage
</span>
<span >
<i class="fa fa-lightbulb-o" ></i>For Maintaing ecological balance
</span>
<span >
<i class="fa fa-lightbulb-o" ></i>To Research new eco friendly techniques
</span>
</div>
<div class="col-lg-3 col-md-3">
<div class="div-trans text-center">
<h3>DONATE & SAVE </h3>
<h2 ><i class="fa fa-code" ></i><span >EARTH</span> <i class="fa fa-code"></i></h2>
<div class="col-lg-12 col-md-12 col-sm-12" >
<div class="form-group">
<input type="text" class="form-control" required="required" placeholder="Name">
</div>
<div class="form-group">
<input type="text" class="form-control" required="required" placeholder="Email address">
</div>
<div class="form-group">
<input type="text" class="form-control" required="required" placeholder="Amount in $">
</div>
<div class="form-group">
<button type="submit" class="btn btn-success btn-block btn-lg">DONATE NOW</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--./ HOME SECTION END -->
<div id="about" >
<div class="container">
<div class="row text-center">
<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 sub-head">
<h2 data-wow-delay="0.3s" class="wow rollIn animated" ><strong>ABOUT </strong></h2>
<p class="sub-head">Lorem ipsum dolor sit amet, consectetur adipiscing elit onec molestie non sem vel condimentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
</div>
</div>
<div class="row ">
<div class="col-lg-4 col-md-4">
<div class="media wow rotateIn animated" data-wow-delay="0.2s">
<div class="pull-left">
<i class="fa fa-recycle fa-4x "></i>
</div>
<div class="media-body">
<h3 class="media-heading">We Promote Recycling</h3>
<p >
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
Aenean faucibus luctus enim.
</p>
</div>
</div>
<div class="media wow rotateIn animated" data-wow-delay="0.3s">
<div class="pull-left">
<i class="fa fa-history fa-4x "></i>
</div>
<div class="media-body">
<h3 class="media-heading">Eco-Friendly Techniques</h3>
<p>
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
Aenean faucibus luctus enim.
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 wow bounceInDown animated" style="padding: 10px;" data-wow-delay="0.6s" >
<div id="carousel-slider" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="item">
<img src="assets/img/slider/1.jpg" class="img-thumbnail" alt="">
</div>
<div class="item">
<img src="assets/img/slider/2.png" class="img-thumbnail" alt="">
</div>
<div class="item active">
<img src="assets/img/slider/3.jpg" class="img-thumbnail" alt="">
</div>
</div>
<!--INDICATORS-->
<ol class="carousel-indicators">
<li data-target="#carousel-slider" data-slide-to="0" class=""></li>
<li data-target="#carousel-slider" data-slide-to="1" class=""></li>
<li data-target="#carousel-slider" data-slide-to="2" class="active"></li>
</ol>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="media wow rotateIn animated" data-wow-delay="0.4s">
<div class="pull-left">
<i class="fa fa-star-o fa-4x "></i>
</div>
<div class="media-body">
<h3 class="media-heading">Waste Reduction</h3>
<p>
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
Aenean faucibus luctus enim.
</p>
</div>
</div>
<div class="media wow rotateIn animated" data-wow-delay="0.5s">
<div class="pull-left">
<i class="fa fa-life-ring fa-4x "></i>
</div>
<div class="media-body">
<h3 class="media-heading">Resource Utilization</h3>
<p>
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
Aenean faucibus luctus enim.
</p>
</div>
</div>
</div>
</div>
<div class="row pad-top-botm wow flipInX animated" data-wow-delay="0.7s">
<div class="col-lg-8 col-md-8 col-sm-8 " >
<h3><strong>What is our profile ?</strong></h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Curabitur nec nisl odio. Mauris vehicula at nunc id posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Curabitur nec nisl odio. Mauris vehicula at nunc id posuere.
Curabitur nec nisl odio. Mauris vehicula at nunc id posuere.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Curabitur nec nisl odio. Maur
木材加工企业网站模板是一款CSS3单页网站模板下载 .rar
版权申诉
62 浏览量
2022-11-20
11:42:25
上传
评论
收藏 5.87MB RAR 举报
木材加工企业网站模板是一款CSS3单页网站模板下载。.rar （93个子文件） 
木材加工企业网站模板是一款CSS3单页网站模板下载。 moban1994 assets css 
bootstrap.css 118KB animate.css 67KB font-awesome.min.css 20KB style.css 7KB prettyPhoto.css 19KB img Social 
twitter.png 3KB facebook.png 3KB google-plus.png 3KB slider 
1.jpg 130KB 3.jpg 89KB 2.png 1.87MB portfolio b.jpg 127KB g.jpg 93KB c.png 753KB h.jpg 64KB e.jpg 38KB d.jpg 48KB
loader.gif 30KB head.JPG 1.01MB user2.png 10KB overlays 11.png 124B 09.png 208B 04.png 211B 10.png 137B 01.png 213B 07.png 215B 14.png 126B 02.png 211B 06.png 211B 03.png 209B 12.png 130B 05.png 213B 13.png 142B 15.png 137B 08.png 146B help.jpg 830KB prettyPhoto facebook contentPatternLeft.png 137B loader.gif 2KB default_thumbnail.gif 227B contentPatternTop.png 142B contentPatternBottom.png 142B contentPatternRight.png 136B btnPrevious.png 828B sprite.png 4KB btnNext.png 845B dark_square loader.gif 2KB default_thumbnail.gif 227B contentPattern.png 121B btnPrevious.png 1KB sprite.png 3KB btnNext.png 1KB light_rounded loader.gif 2KB default_thumbnail.gif 227B btnPrevious.png 1KB sprite.png 4KB btnNext.png 1KB light_square loader.gif 2KB default_thumbnail.gif 227B btnPrevious.png 1KB sprite.png 3KB btnNext.png 1KB dark_rounded loader.gif 2KB default_thumbnail.gif 227B contentPattern.png 130B btnPrevious.png 1KB sprite.png 4KB btnNext.png 1KB default sprite_x.png 1KB default_thumb.png 2KB loader.gif 6KB sprite_next.png 1KB sprite_y.png 1KB sprite_prev.png 1KB sprite.png 7KB logo.png 2KB donars.jpg 265KB user.gif 5KB fonts fontawesome-webfont.eot 71KB glyphicons-halflings-regular.woff 23KB fontawesome-webfont.woff 82KB FontAwesome.otf 73KB glyphicons-halflings-regular.ttf 40KB glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.svg 61KB fontawesome-webfont.svg 248KB fontawesome-webfont.ttf 138KB js jquery.easing.min.js 5KB jquery-1.10.2.js 91KB wow.min.js 6KB jquery.prettyPhoto.js 22KB custom.js 2KB bootstrap.js 54KB
index.html 19KB资源评论
reg183
- 粉丝: 1814
- 资源: 1万+
最新资源
- STC15单片机串口2使用程序例子
- 读取日志的excel生成周报 用python3开发weekplan-master.zip
- python 读取excel数据导入dbimport-data-master.zip
- K折交叉验证BP神经网络，多输入多输出BP神经网络（代码完整，数据齐全）
- B07训练原图.zip
- python-对Excel数据处理做可视化分析.zip
- 人工智能大作业-无人机图像目标检测的python源代码+文档说明.zip
- 基于GoogLeNet实现Cifar-10图像分类项目python源码（高分项目）.zip
- 数据库 sql 面试题目及答案解析.docx
- 汽车常见 10 种传感器故障后的表现与解决措施.docx
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
