<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<!-- for-mobile-apps -->
<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="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel='stylesheet' type='text/css' href='css/jquery.easy-gallery.css' />
<!-- js -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<!-- //js -->
<link href='#css?family=Libre+Baskerville:400,400italic,700' rel='stylesheet' type='text/css'>
<link href='#css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' 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>
<!-- start-smoth-scrolling -->
</head>
<body>
<!-- banner -->
<div class="banner">
<div class="container">
<div class="header">
<div class="logo">
<h1><a href="index.html">Turbine <span>Wind Energy</span></a></h1>
</div>
<div class="mail-phone">
<ul>
<li><span class="glyphicon glyphicon-phone-alt" aria-hidden="true"></span>+1234 568 695</li>
<li><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span><a href="mailto:info@example.com">info@example.com</a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="banner-info">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="#services" class="scroll hvr-radial-out">Services</a></li>
<li><a href="#gallery" class="scroll hvr-radial-out">Gallery</a></li>
<li><a href="#team" class="scroll hvr-radial-out">Team</a></li>
<li><a href="#mail" class="scroll hvr-radial-out">Mail Us</a></li>
</ul>
</div>
</div>
</div>
<!-- //banner -->
<!-- about -->
<div class="about">
<div class="col-md-6 about-left">
<h3>cupidatat non proident<span>voluptate velit esse cillum</span></h3>
<i class="glyphicon glyphicon-info-sign" aria-hidden="true"></i>
<p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam
nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas
nulla pariatur.Neque porro quisquam est, qui dolorem ipsum quia dolor sit
amet, consectetur, adipisci velit, sed quia non numquam eiu.</p>
</div>
<div class="col-md-6 about-right">
<div class="content-item">
<div class="overlay"></div>
<div class="corner-overlay-content">Info</div>
<div class="overlay-content">
<h2>Wind Turbine</h2>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
<!-- //about -->
<!-- about-bottom -->
<div class="about-bottom">
<div class="container">
<div class="video-grids-left1">
<a class="play-icon popup-with-zoom-anim" href="#small-dialog">
<span> </span>
</a>
<div class="video-grid-pos">
<h3>watch our video</h3>
<ul>
<li>9:32 AM<label>|</label></li>
<li><a href="#">Adom Smith</a> <label>|</label></li>
<li><span>Wind Turbine</span></li>
</ul>
</div>
<!-- pop-up-box -->
<link href="css/popuo-box.css" rel="stylesheet" type="text/css" property="" media="all" />
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<!--//pop-up-box -->
<div id="small-dialog" class="mfp-hide">
<iframe src="https://player.vimeo.com/video/33654241"></iframe>
</div>
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
});
</script>
</div>
</div>
</div>
<!-- //about-bottom -->
<!-- services -->
<div class="services" id="services">
<div class="container">
<h3>Services</h3>
<p class="qui"><span>Quis autem vel eum iure reprehenderit qui in ea voluptate.</span></p>
<div class="services-grids">
<div class="col-md-6 services-grid">
<div class="services-grid1">
<div class="col-md-8 services-grid-left">
<h4>repreh qui in ea voluptate</h4>
<p>Itaque earum rerum hic tenetur a sapiente
delectus, ut aut reiciendis voluptatibus maiores alias consequatur
aut perferendis doloribus asperiores repellat.</p>
</div>
<div class="col-md-4 services-grid-right">
<div class="services-grid-right-grid hvr-radial-out">
<span class="glyphicon glyphicon-grain" aria-hidden="true"></span>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="services-grid1">
<div class="col-md-8 services-grid-left">
<h4>aut perferendis doloribus</h4>
<p>Itaque earum rerum hic tenetur a sapiente
delectus, ut aut reiciendis voluptatibus maiores alias consequatur
aut perferendis doloribus asperiores repellat.</p>
</div>
<div class="col-md-4 services-grid-right">
<div class="services-grid-right-grid hvr-radial-out">
<span class="glyphicon glyphicon-usd" aria-hidden="true"></span>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="services-grid1">
<div class="col-md-8 services-grid-left">
<h4>maiores alias consequatur</h4>
<p>Itaque earum rerum hic tenetur a sapiente
delectus, ut aut reiciendis voluptatibus maiores alias consequatur
aut perferendis doloribus asperiores repellat.</p>
</div>
<div class="col-md-4 services-grid-right">
<div class="services-grid-right-grid hvr-radial-out">
<span class="glyphicon glyphicon-stats" aria-hidden="true"></span>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="col-md-6 services-grid">
<div class="services-grid1">
<div class="col-md-4 services-grid-right">
<div class="services-grid-right-grid hvr-radial-out">
<span class="glyphicon glyphicon-upload" aria-hidden="true"></span>
</div>
</div>
<div class="col-md-8 services-grid-left services-grid-left1">
<h4>voluptatibus maiores alias</h4>
<p>Itaque earum rerum hic tenetur a sapiente
delectus, ut aut reiciendis voluptatibus maiores alias consequatur
aut perferendis doloribus asperiores repellat.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="services-grid1">
<div class="col-md-4 services-grid-right">
<div class="services-grid-right-grid hvr-radial-out">
<span class="glyphicon glyphicon-home" aria-hidden="true"></span>
</div>
</div>
<div class="col-md-8 services-grid-left services-grid-left1">
<h4>dut aut reiciendis maiores</h4>
风力发电站电能网站模板是一款适合发电站发电厂相关网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应.rar
55 浏览量
2023-08-05
15:33:50
上传
评论
收藏 1.33MB RAR 举报
风力发电站电能网站模板是一款适合发电站发电厂相关网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应.rar （47个子文件） 
风力发电站电能网站模板是一款适合发电站发电厂相关网站模板下载。 moban1261 js 
bootstrap.js 66KB counterup.min.js 1KB jquery.magnific-popup.js 45KB waypoints.min.js 8KB easing.js 5KB move-top.js 1KB jquery-2.1.4.min.js 82KB jquery.easy-gallery.js 6KB css style.css 34KB jquery.easy-gallery.css 3KB popuo-box.css 7KB bootstrap.css 138KB
index.html 22KB images 
2.jpg 65KB 10-.jpg 55KB 10.jpg 80KB 12-.jpg 38KB 13.jpg 21KB
arrow.png 3KB 14.jpg 42KB 6.jpg 14KB 15.jpg 58KB 16.jpg 84KB 1.jpg 92KB 9-.jpg 47KB 17.jpg 18KB 16-.jpg 71KB img-sp.png 6KB left.png 4KB 12.jpg 98KB 5.jpg 17KB close.png 4KB 8.jpg 44KB 11.jpg 64KB right.png 4KB 11-.jpg 46KB 3.jpg 33KB 7.jpg 14KB 14-.jpg 33KB 9.jpg 53KB 4.jpg 19KB 15-.jpg 37KB fonts 
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.woff2 18KB资源评论
woisking2
- 粉丝: 12
- 资源: 6721
