<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<link rel="stylesheet" href="css/lightbox.css">
<!-- Custom Theme files -->
<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="Indus Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android 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>
<!-- //Custom Theme files -->
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
</head>
<body>
<div class="banner">
<!--header-->
<div class="header">
<div class="container">
<div class="navbar-brand">
<h1><a href="index.html">Indus</a></h1>
</div>
<div class="home-social">
<ul>
<li><a href="#"></a></li>
<li><a href="#" class="fb1"></a></li>
<li><a href="#" class="be1"></a></li>
<li><a href="#" class="gg1"></a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!--//header-->
<div class="bnr-text">
<h2>Temporibus autem qui officiis</h2>
<h4>Dellus vulputate cursus </h4>
<a href="#" class="more"> Read More</a>
</div>
</div>
<!--navigation-->
<div class="top-nav">
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">Menu
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-center cl-effect-15">
<li><a href="#home" class="active scroll" data-hover="Home">Home</a></li>
<li><a href="#about" class="scroll" data-hover="About">About</a></li>
<li><a href="#team" class="scroll" data-hover="Team">Team</a></li>
<li><a href="#services" class="scroll" data-hover="Services">Services</a></li>
<li><a href="#gallery" class="scroll" data-hover="Gallery">Gallery</a></li>
<li><a href="#news" class="scroll" data-hover="News">News</a></li>
<li><a href="#contact" class="scroll" data-hover="Contact">Contact</a></li>
</ul>
<div class="clearfix"> </div>
</div>
</div>
</nav>
</div>
<!--navigation-->
<!--about-->
<div class="about" id="about">
<div class="container">
<h3 class="title">About Us</h3>
<div class="about-grids">
<div class="col-md-7 about-grid-left">
<img src="images/img1.jpg" class="img-responsive" alt=""/>
</div>
<div class="col-md-5 about-grid-right">
<h4>Best service atmosphere Pellen tesque vitae tortor id neque fermentum pretium Pellentesque vitae tortor id neque</h4>
<P>Praesent faucibus rutrum odio at rhoncus. Pellentesque vitae tortor id neque fermentum pretium. Maecenas ac lacus ut neque rhoncus laoreet sed id tellus. Donec justo tellus, tincidunt vitae pellentesque nec, pharetra a orci. Praesent nunc nunc, egestas eget elementum sed; rutrum eget
metus! Vestibulum congue congue dui ut porta Pellentesque vitae tortor id neque fermentum pretium. Maecenas ac lacus ut neque rhoncus laoreet Pellentesque vitae tortor id neque fermentum pretium. Maecenas ac lacus ut neque rhoncus laoreet.</P>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--//about-->
<!--team-->
<div class="team" id="team">
<div class="container">
<h3 class="title">Meet Our Team</h3>
<!-- flex-slider -->
<div class="work-bottom">
<div class="nbs-flexisel-container"><div class="nbs-flexisel-inner"><ul id="flexiselDemo1" class="nbs-flexisel-ul" style="left: -285px; display: block;">
<li class="nbs-flexisel-item" style="width: 285px;">
<div class="team-left">
<img src="images/t1.jpg" alt="">
<div class="team-bottom">
<h4>MARK SIMMY</h4>
<p>Fusce et nibh eget odio cursus consectetur</p>
</div>
</div>
</li>
<li class="nbs-flexisel-item" style="width: 285px;">
<div class="team-left">
<img src="images/t2.jpg" alt="">
<div class="team-bottom">
<h4>MARK SIMMY</h4>
<p>Fusce et nibh eget odio cursus consectetur</p>
</div>
</div>
</li>
<li class="nbs-flexisel-item" style="width: 285px;">
<div class="team-left">
<img src="images/t3.jpg" alt="">
<div class="team-bottom">
<h4>ALAN SMITH</h4>
<p>Fusce et nibh eget odio cursus consectetur</p>
</div>
</div>
</li>
<li class="nbs-flexisel-item" style="width: 285px;">
<div class="team-left">
<img src="images/t4.jpg" alt="">
<div class="team-bottom">
<h4>CAROL ADAMS</h4>
<p>Fusce et nibh eget odio cursus consectetur</p>
</div>
</div>
</li>
<li class="nbs-flexisel-item" style="width: 285px;">
<div class="team-left">
<img src="images/t5.jpg" alt="">
<div class="team-bottom">
<h4>MARK SIMMY</h4>
<p>Fusce et nibh eget odio cursus consectetur</p>
</div>
</div>
</li>
<li class="nbs-flexisel-item" style="width: 285px;">
<div class="team-left">
<img src="images/t2.jpg" alt="">
<div class="team-bottom">
<h4>MARK SIMMY</h4>
<p>Fusce et nibh eget odio cursus consectetur</p>
</div>
</div>
</li>
<li class="nbs-flexisel-item" style="width: 285px;">
<div class="team-left">
<img src="images/t3.jpg" alt="">
<div class="team-bottom">
<h4>ALAN SMITH</h4>
<p>Fusce et nibh eget odio cursus consectetur</p>
</div>
</div>
</li>
<li class="nbs-flexisel-item" style="width: 285px;">
<div class="team-left">
<img src="images/t6.jpg" alt="">
<div class="team-bottom">
<h4>CAROL ADAMS</h4>
<p>Fusce et nibh eget odio cursus consectetur</p>
</div>
</div>
</li>
</ul>
<div class="nbs-flexisel-nav-left" style="top: 138px;"></div><div class="nbs-flexisel-nav-right" style="top: 138px;"></div></div></div>
</div>
</div>
</div>
<!--//team-->
<!-- services -->
<div class="services" id="services">
<div class="container">
<h3 class="title">Services</h3>
<div class="servc-grids">
<div class="col-md-6 servc-grid">
<div class="col-xs-3 servc-grid-left">
<span class="glyphicon glyphicon-th-large" aria-hidden="true"></span>
</div>
<div class="col-xs-9 servc-grid-right">
<h4>cum soluta nobis est eligendi</h4>
<p>Itaque earum rerum hic tenetur a sapiente delectus, ut aut
reiciendis voluptatibus maiores alias consequatur aut</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-6 servc-grid">
<div class="col-xs-3 servc-grid-left">
<span class="glyphicon glyphicon-tree-deciduous" aria-hidden="true"></span>
</div>
<div class="col-xs-9 servc-grid-right">
<h4>cum soluta nobis est eligendi</h4>
<p>Itaque earum rerum hic tenetur a sapiente delectus, ut aut
reiciendis voluptatibus maiores alias consequatur aut</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
<div cla
绿色响应式工业制品企业网站模板_绿色 响应式 工业 机械 企业 标准 w3 bootstrap 手机 滚动 lightbox 制造 建材 五金 单页.rar （51个子文件） 
绿色响应式工业制品企业网站模板_绿色 响应式 工业 机械 企业 标准 w3 bootstrap 手机 滚动 lightbox 制造 建材 五金 单页 cpts_500_tn css 
lightbox.css 4KB bootstrap.css 138KB style.css 24KB images 
8.jpg 2KB
next.png 1KB img9.jpg 28KB banner.jpg 111KB t6.jpg 8KB t2.jpg 6KB img1.jpg 10KB prev.png 4KB img10.jpg 27KB img2.jpg 12KB i2.png 480B img2a.jpg 33KB slid.jpg 32KB img4.jpg 47KB close.png 280B i1.png 264B 10.jpg 2KB t5.jpg 7KB img8.jpg 41KB t3.jpg 8KB move-up.png 3KB t1.jpg 8KB img11.jpg 40KB img7.jpg 42KB i3.png 578B 9.jpg 2KB img3a.jpg 37KB 7.jpg 2KB t4.jpg 10KB img5.jpg 30KB img3.jpg 12KB img6.jpg 41KB i4.png 3KB fonts glyphicons-halflings-regular.woff 23KB Roboto-Regular.ttf 159KB glyphicons-halflings-regular.woff2 18KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.svg 106KB Marvel-Regular.ttf 37KB Marvel-Bold.ttf 36KB
index.html 22KB js move-top.js 1KB easing.js 5KB jquery-1.11.1.min.js 94KB lightbox-plus-jquery.min.js 91KB bootstrap.js 66KB jquery.flexisel.js 8KB资源评论
reg183
- 粉丝: 1861
- 资源: 1万+
最新资源
- 【新增】-033 -服装公司薪酬制度.doc
- 【新增】-036 -工程公司薪酬方案.doc
- 永磁同步电机（pmsm）矢量控制控制（FOC）matlab simulink仿真模型
- 【新增】-039 -工程公司薪酬体系设计方案.doc
- 【新增】-044 -广告公司薪酬方案.doc
- 【新增】-048 -互联网公司薪酬体系设计方案及标准.doc
- 【新增】-046 -国际(香港)有限公司薪酬体系设计方案.doc
- 【新增】-049 -花卉超市薪酬管理制度.doc
- 【新增】-054 -化妆品公司薪酬体系.doc
- 【新增】-056 -化妆品销售部薪酬与绩效考核方案 (1).doc
- 【新增】-061 -建材公司薪酬体系.doc
- 【新增】-064 -教育培训机构各岗位薪酬体系标准.doc
- 【新增】-070 -科技公司薪酬体系方案.doc
- 【新增】-055 -化妆品公司薪资管理与绩效考核制度.doc
- 【新增】-068 -科技公司薪酬体系.doc
- 【新增】-075 -连锁门店及总部薪酬体系.doc
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
