<!doctype html>
<!--[if IE 7 ]> <html lang="en-gb" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]> <html lang="en-gb" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]> <html lang="en-gb" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en-gb" class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!--[if lt IE 9]>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<![endif]-->
<title>Home</title>
<meta name="description" content="">
<meta name="author" content="">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lte IE 8]>
<script type="text/javascript" src="http://explorercanvas.googlecode.com/svn/trunk/excanvas.js"></script>
<![endif]-->
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/isotope.css" media="screen" />
<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/da-slider.css" />
<link rel="stylesheet" href="css/styles.css"/>
<!-- Font Awesome -->
<link href="font/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<header class="header">
<div class="container">
<nav class="navbar navbar-inverse" role="navigation">
<div class="navbar-header">
<button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand scroll-top logo"><b>Green</b>Corp</a>
</div>
<!--/.navbar-header-->
<div id="main-nav" class="collapse navbar-collapse">
<ul class="nav navbar-nav" id="mainNav">
<li class="active"><a href="#home" class="scroll-link">Home</a></li>
<li><a href="#aboutUs" class="scroll-link">About Us</a></li>
<li><a href="#services" class="scroll-link">Services</a></li>
<li><a href="#portfolio" class="scroll-link">Portfolio</a></li>
<li><a href="#team" class="scroll-link">Team</a></li>
<li><a href="#contactUs" class="scroll-link">Contact Us</a></li>
</ul>
</div>
<!--/.navbar-collapse-->
</nav>
<!--/.navbar-->
</div>
<!--/.container-->
</header>
<!--/.header-->
<div id="#top"></div>
<section id="home">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class=""></li>
<li data-target="#myCarousel" data-slide-to="1" class="active"></li>
<li data-target="#myCarousel" data-slide-to="2" class=""></li>
</ol>
<div class="carousel-inner">
<div class="item">
<img data-src="images/chess-2.jpg" alt="First slide" src="images/chess-2.jpg" />
<div class="container">
<div class="carousel-caption">
<h1>Responsive Website</h1>
<h3>Its a Single Page Responsive Website.</h3>
<!--<p><a class="btn btn-lg btn-primary" href="#" role="button">Sign up today</a></p>-->
</div>
</div>
</div>
<div class="item active">
<img data-src="images/apple.jpg" alt="Second slide" src="images/apple.jpg">
<div class="container">
<div class="carousel-caption">
<h1>Mulit device compatability</h1>
<h3>Its a Responsive website with mulit device compatability</h3>
<!--<p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>-->
</div>
</div>
</div>
<div class="item">
<img data-src="images/windmills.jpg" alt="Third slide" src="images/windmills.jpg">
<div class="container">
<div class="carousel-caption">
<h1 id="">Technologies Include</h1>
<h3>Technologies: Bootstrap, HTML5, CSS3 and jQuery.</h3>
<!--<p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p>-->
</div>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
<a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div>
<div class="actionPanel">
<div class="container">
<div class="row">
<div class="col-sm-9 ">
<h3>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum..</h3>
</div>
<div class="col-sm-3 ">
<a href="#" class="btn btn-extra-large btn-primary spclBtn">Start Now!</a>
</div>
</div>
</div>
</div>
</section>
<section id="aboutUs" class="page-section darkBg pDark pdingBtm30">
<div class="container">
<div class="heading text-center">
<!-- Heading -->
<h2>About Us</h2>
<p>At lorem ipsum available, but the majority have suffered alteration humour or randomised</p>
</div>
<div class="row">
<div class="col-md-4 col-sm-4">
<h3><i class="fa fa-desktop color"></i> What we do?</h3>
<!-- Paragraph -->
<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 occaecat cupidatat non id est laborum.</p>
</div>
<div class="col-md-4 col-sm-4">
<!-- Heading -->
<h3><i class="fa fa-cloud color"></i> Why choose us?</h3>
<!-- Paragraph -->
<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 occaecat cupidatat non id est laborum.</p>
</div>
<div class="col-md-4 col-sm-4">
<!-- Heading -->
<h3><i class="fa fa-home color"></i> Where are we?</h3>
<!-- Paragraph -->
<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 occaecat cupidatat non id est laborum.</p>
</div>
</div>
</div>
<!--/.container-->
</section>
<section id="services" class="page-section">
<div class="container">
<div class="heading text-center">
<!-- Heading -->
<h2>Services</h2>
<p>At lorem Ipsum available, but the majority have suffered alteration in some form by injected humour.</p>
</div>
<div class="row">
<!-- item -->
<div class="col-md-4 text-center">
<i class="fa fa-arrows fa-2x circle"></i>
<h3>Responsive <span class="id-color">Design</span></h3>
<p>Nullam ac rhoncus sapien, non gravida purus. Alinon elit imperdiet congue. Integer elit imperdiet congue.</p>
没有合适的资源?快使用搜索试试~ 我知道了~
绿色宽屏风车发电站网站模板是一款大气清爽风格,适合设计公司网站模板下载。_html网站模板_网页源码移动端前端_H5模.rar
共88个文件
jpg:16个
scss:13个
less:13个
0 下载量 196 浏览量
2023-08-05
15:14:59
上传
评论
收藏 1.5MB RAR 举报
温馨提示
绿色宽屏风车发电站网站模板是一款大气清爽风格,适合设计公司网站模板下载。_html网站模板_网页源码移动端前端_H5模.rar
资源推荐
资源详情
资源评论
收起资源包目录
绿色宽屏风车发电站网站模板是一款大气清爽风格,适合设计公司网站模板下载。_html网站模板_网页源码移动端前端_H5模.rar (88个子文件)
绿色宽屏风车发电站网站模板是一款大气清爽风格,适合设计公司网站模板下载。
moban1173
font
css
font-awesome.css 21KB
font-awesome.min.css 17KB
scss
_core.scss 271B
_spinning.scss 766B
_fixed-width.scss 120B
_icons.scss 26KB
_larger.scss 375B
_stacked.scss 482B
_variables.scss 10KB
_path.scss 695B
font-awesome.scss 405B
_bordered-pulled.scss 332B
_rotated-flipped.scss 412B
_mixins.scss 701B
_list.scss 378B
less
larger.less 370B
core.less 270B
rotated-flipped.less 367B
spinning.less 765B
stacked.less 476B
bordered-pulled.less 330B
fixed-width.less 119B
mixins.less 699B
variables.less 10KB
font-awesome.less 405B
icons.less 26KB
list.less 375B
path.less 684B
fonts
FontAwesome.otf 61KB
glyphicons-halflings-regular.svg 61KB
glyphicons-halflings-regular.ttf 40KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
fontawesome-webfont.eot 37KB
fontawesome-webfont.woff 43KB
fontawesome-webfont.svg 197KB
fontawesome-webfont.ttf 79KB
js
jquery.cslider.js 7KB
bootstrap.min.js 27KB
modernizr-latest.js 50KB
jquery-1.8.2.min.js 91KB
jquery.isotope.min.js 16KB
fancybox
blank.gif 43B
fancybox_loading.gif 6KB
jquery.fancybox.pack.js 23KB
fancybox_overlay.png 1003B
fancybox_sprite.png 1KB
Descr.WD3 863B
fancybox_sprite_402x.png 6KB
fancybox_loading_402x.gif 14KB
jquery.fancybox.css 5KB
jquery.nav.js 7KB
custom.js 3KB
css
bootstrap.min.css 95KB
isotope.css 4KB
da-slider.css 18KB
styles.css 17KB
index.html 26KB
images
photo-1.jpg 38KB
chess-2.jpg 116KB
portfolio
img6.jpg 41KB
img2.jpg 39KB
img5.jpg 38KB
img4.jpg 23KB
img1.jpg 58KB
img7.jpg 63KB
img3.jpg 33KB
img8.jpg 55KB
img9.jpg 29KB
windmills.jpg 154KB
photo-4.jpg 39KB
photo-3.jpg 35KB
arrows.png 1KB
apple.jpg 125KB
bg.png 14KB
trans_black_25.png 932B
trans_black_50.png 932B
bg_line.png 929B
photo-2.jpg 35KB
fonts
FontAwesome.otf 61KB
glyphicons-halflings-regular.svg 61KB
glyphicons-halflings-regular.ttf 40KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
fontawesome-webfont.eot 37KB
fontawesome-webfont.woff 43KB
fontawesome-webfont.svg 197KB
fontawesome-webfont.ttf 79KB
共 88 条
- 1
资源评论
2301_76429513
- 粉丝: 9
- 资源: 6730
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 本科毕业设计基于C# wpf人脸识别的考勤系统的设计与实现源码.zip
- 基于Ruoyi+uniapp实现学生考勤系统 学生考勤源码+项目说明.zip
- feae6bc968ca68a099455d8b8a8dea35
- 基于Pytorch训练CIRAR10上分类算法.zip
- Pytorch-pytorch深度学习教程之Tensorboard.zip
- 基于C++和Python开发yolov8-face作为人脸检测器dlib作为人脸识别器的人脸考勤系统源码+项目说明.zip
- Pytorch-pytorch深度学习教程之变分自动编码器.zip
- Pytorch-pytorch深度学习教程之神经风格迁移.zip
- Pytorch-pytorch深度学习教程之深度残差网络.zip
- Pytorch-pytorch深度学习教程之循环神经网络.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功