File: /home/mcfunla/public_html/580cn/about.html
<!--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>
<head>
<title>Welcome to bot-580cn.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="ALCHEMIST Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<script src="js/jquery-1.11.0.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<!--Start-smoth-scrolling-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!--end-smoth-scrolling-->
<!--start-top-nav-script-->
<script>
$(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
<!--End-top-nav-script-->
</head>
<body>
<!--start-header-->
<div class="header" id="home">
<div class="container">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""></a>
</div>
<div class="quote">
<!--<a href="quote.html">GET A QUOTE</a>-->
</div>
<!--start-top-nav-->
<nav class="top-nav">
<ul class="top-nav">
<li><a href="index.html">维笛愿景</a></li>
<li><a href="about.html" class="active">设计建造</a></li>
<li><a href="env.html">周边环境</a></li>
<li><a href="traffic.html">便利交通</a></li>
<li><a href="contact.html">维笛团队</a></li>
</ul>
<a href="#" id="pull"><img src="images/menu-icon.png" title="menu" /></a>
</nav>
<div class="clearfix"> </div>
</div>
</div>
<!--end-header-->
<!--start-about-->
<div class="about">
<div class="container">
<div class="about-main">
<h3>“维笛牧场”设计和建造将为绿色环保</h3>
<h5>“维笛牧场”将设计和建造为绿色环保“零净能量”（ZNE）环境工程。本项目将为居住者提供更为自给自足和清爽洁净的环境、促进身心健康、展现怡人的生活方式，并将成为新型居住环境技术的最好展示空间。<br><br>
“维笛牧场”设有景观绿地和公园，居民可軽鬆隨意地散步骑车. 区内“绿色”环境包括太阳能发电、风力发电和储能技术，产生清洁和可再生电能源。处理过的城市污水再生水将被用于绿化灌溉和人造溪流、瀑布。所有的建筑结构使用主动及被动节能概念技术以达到最佳的节能效果。
</h5>
<p></p>
<div class="about-text">
<div class="col-md-4 about-text-left">
<img src="images/1.jpg" alt="">
</div>
<div class="col-md-4 about-text-left">
<img src="images/2.jpg" alt="">
</div>
<div class="col-md-4 about-text-left">
<img src="images/3.jpg" alt="">
</div>
<div class="clearfix"> </div>
</div>
<div class="about-text">
<div class="col-md-4 about-text-left">
<img src="images/4.jpg" alt="">
</div>
<div class="col-md-4 about-text-left">
<img src="images/5.jpg" alt="">
</div>
<div class="col-md-4 about-text-left">
<img src="images/6.jpg" alt="">
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
</div>
<!--end-about-->
<!--start-team-->
<!--
<div class="team">
<div class="container">
<div class="team-main">
<h3>Our Team</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
<div class="team-top">
<div class="col-md-4 team-top-left">
<img src="images/team-1.jpg" src="">
<div class="t-top">
<h4>MARK JOHNSON</h4>
<P>Suspendisse commodo tempor sagittis! In justo est, sollicitudin eu scelerisque pretium, placerat eget elit.</P>
</div>
</div>
<div class="col-md-4 team-top-left">
<img src="images/team-2.jpg" src="">
<div class="t-top">
<h4>BRADLEY GROSH</h4>
<P>Suspendisse commodo tempor sagittis! In justo est, sollicitudin eu scelerisque pretium, placerat eget elit.</P>
</div>
</div>
<div class="col-md-4 team-top-left">
<img src="images/team-3.jpg" src="">
<div class="t-top">
<h4>HELEN TOMPSON</h4>
<P>Suspendisse commodo tempor sagittis! In justo est, sollicitudin eu scelerisque pretium, placerat eget elit.</P>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<!--end-team-->
<!--start-touch-->
<!--
<div class="touch">
<div class="container">
<div class="touch-main">
<div class="col-md-4 touch-left">
<h3>Get in touch</h3>
<p>34789 Magic City Avenue, Los Angeles, CA, 94048</p>
<p>Call: 123 456 789<p>
<p>E-mail:<a href="mailto:example@email.com">testmail@sitename.com</a>
<span><a href="mailto:example@email.com">testmail@sitename.com</a></span></p>
</div>
<div class="col-md-4 touch-left">
<h3>@twitter</h3>
<p>@twitterCheck out this great #codecanyon item 'Responsive Login, Sign Up and Payment Form Wizard' codecanyon.net/item/responsiv…</p>
<label>about 2days ago</label>
</div>
<div class="col-md-4 touch-right">
<ul>
<li><a href="#"><span class="fb"> </span></a></li>
<li><a href="#"><span class="twt"> </span></a></li>
<li><a href="#"><span class="g"> </span></a></li>
<li><a href="#"><span class="p"> </span></a></li>
<li><a href="#"><span class="drb"> </span></a></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--end-touch-->
<!--start-footer-->
<div class="footer">
<div class="container">
<div class="footer-text">
<p><span class="STYLE1">@2015 bot-580cn.com <a href="http://www.mcfunla.com">Designed by Mcfunla</a></span></p>
<a href="#home" class="scroll"><img src="images/top-img.png" alt=""></a>
</div>
</div>
</div>
<!--End-footer-->
</body>
</html>