Browse Source

静态页

wubb 8 years ago
parent
commit
7e349c5123

+ 38 - 0
html/css/highTech.css

@@ -0,0 +1,38 @@
+h4{margin: 0; padding: 0;}
+.header_search{height: 90px; line-height: 90px;}
+.logo img{height: 100%;}
+.search .form-control{margin-top: 28px;}
+.search input{border-radius: 20px 0 0 20px;background: url(../img/search_ioc.png) no-repeat;background-position: 12px 8px; padding-left: 40px;}
+.search button{padding: 5px 21px;border-radius: 0 20px 20px 0;font-size: 16px;
+	letter-spacing: 8px;background: #58a3ff;border-color: #58a3ff; color: #fff;outline:none;}
+.search button:hover{background: #58a3ff;border-color: #58a3ff; color: #fff;}
+.search button:active{background: #58a3ff;border-color: #58a3ff; color: #fff;outline: none;}
+.search button:focus{background: #58a3ff;border-color: #58a3ff; color: #fff;outline: none;}
+
+nav{border-bottom: 1px solid #ececec;background: #fafafa; overflow: auto; margin-bottom: 20px;}
+nav ul li{float: left;}
+nav ul li.active a{line-height: 36px!important;}
+nav a{height: 40px;line-height: 44px;display: inline-block;text-align: center; color: #333333; padding: 0 20px;}
+nav a:hover{color: #333333;}
+.active{background: #fff; border:1px solid #ececec; border-top:4px solid #58a3ff; border-bottom: none; color: #58a3ff}
+
+.content{padding: 20px; border: 1px solid #ececec; overflow: auto;}
+.content h4{padding-left: 10px; border-left: 4px solid #58a3ff; margin-bottom: 20px;}
+.discount{margin-bottom: 40px; overflow: auto;}
+.discount_content{width: 180px;height: 248px; padding: 10px; margin-right: 14px; border: 1px solid #d9eaff; float: left;}
+.clear_mg{margin-right: 0;}
+.discount_img{text-align: center;margin: 10px 0 20px 0;}
+.discount_info{font-size: 14px; }
+.discount_info span{font-size: 15px; margin-bottom: 15px; display: block;}
+.blue{color: #58a3ff;}
+.green{color: #8ce2c5;}
+.red{color: #ed2977;}
+.yellow{color: #ff8a33;}
+.purple{color: #9a53f2;}
+.discount_info p{line-height: 22px; color: #7a7a7a;}
+
+.flow_chart{margin: 20px 0 40px 0;text-align: center;}
+.advantage { padding: 10px 0 0 14px;}
+.advantage li {list-style-image: url(../img/li_ioc.png);}
+.advantage span{margin-bottom: 20px; display: block; color: #333333;font-weight: bold;}
+.advantage p{line-height: 28px;color: #666666; margin-bottom: 30px;}

+ 47 - 0
html/css/index.css

@@ -0,0 +1,47 @@
+.hot{margin-top: 20px; line-height: 14px;}
+.hot span{float: left;margin-right: 35px;font-size: 16px;color: #58a3ff;}
+.hot ul{float: left;}
+.hot li{margin-right: 30px; float: left;/*list-style-type:square;*/ line-height: 16px;}
+.hot li:last-child{margin-right:0 ;}
+
+.logo{height: 260px; line-height: 330px; text-align: center;}
+.search input{border-color: #58a3ff;border-radius: 0;}
+.search button{padding: 6px 30px;border-radius: 0;background: #58a3ff;color: #fff;border-color: #58a3ff;}
+.search button:hover{background: #58a3ff;color: #fff;border-color: #58a3ff;}
+.header_nav{margin-bottom: 20px;}
+
+.content_lt{width: 670px;margin-right: 20px;float: left;}
+.content_nav{border-bottom: 1px solid #ececec;background: #fafafa; overflow: auto;}
+.content_nav ul li{float: left;}
+.content_nav ul li.active a{line-height: 36px!important;}
+.content_nav a{width: 80px;height: 40px;line-height: 44px;display: inline-block;text-align: center; color: #333333;}
+.content_nav a:hover{/*line-height: 36px;background: #fff; border:1px solid #ececec; border-top:4px solid #58a3ff; border-bottom: none; color: #58a3ff!important;*/}
+.active{background: #fff; border:1px solid #ececec; border-top:4px solid #58a3ff; border-bottom: none; color: #58a3ff}
+
+.content_list{width: 670px; float: left;margin-top: 20px;}
+.content_list>div{border-top: none;}
+.info_img{float: left; width: 120px; height:96px;margin:0 20px;}
+.info_img img{width: 100%;height: 100%;}
+.content_info{float: left; padding: 20px 0; width: 100%; border-bottom: 1px solid #ececec;}
+.content_info:hover{background: #fafafa;}
+.info_act{background: #fafafa;}
+
+.info_txt{ width: 500px; float: left;font-size: 16px; line-height: 28px;color: #333333;}
+.info_txt>p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;height: 56px;}
+
+.source{font-size: 14px;}
+.source span{margin-right: 25px;}
+.source i{padding: 6px 9px;margin-right: 12px;background: #f5f5f5; color: #999999;}
+.source .name{color: #4466bf;background: #f0f7ff;}
+
+.zc_info_txt{padding: 0 20px;font-size: 16px; color: #333333;}
+.zc_info_txt .source span{margin-right: 15px;color: #999999;}
+
+.content_rt{width: 310px;float: left;border: 1px solid #ececec;}
+
+.content_rt div{padding: 10px; border-bottom: 1px dashed #d9d9d9; overflow: auto;}
+.content_rt div:last-child{border: none;}
+.content_rt ul li{float: left;}
+.content_rt ul li a{padding: 3px 10px; border: 1px solid #c9c9c9; display: block; border-radius: 30px; font-size: 12px; margin: 0 10px 10px 0;}
+.content_rt ul li a:hover{color: #fff;background: #58a3ff;border-color: #58a3ff;}
+.content_rt h4{margin-bottom: 14px;}

+ 0 - 41
html/css/old_style.css

@@ -1,41 +0,0 @@
-input{outline:none} 
-li{list-style-type: none;}
-a:hover{text-decoration:none}
-.container {
-    width: 1270px;
-}
-header{height: 35px; line-height: 35px; background-color: #F3F3F3;border-bottom:1px solid #eeeeee;font-size: 12px;}
-.lt{float: left;}
-.rt{float: right;}
-.rt a{padding: 0 5px; }
-.rt div{float: right;}
-.login{border-right: 2px solid #CFCFCF;}
-
-.dropdown-toggle{display: block;}
-.dropdown-menu{top: 90%;width: 500px;right: 0;left: -410px;}
-.glyphicon-play{transform: rotate(90deg);}
-.header_nav{height: 90px;}
-.logo{height: 90px; line-height: 90px;}
-.nav_content{height: 90px; line-height: 90px;}
-.nav-pills>li>a{color: #000;}
-.nav-pills>li.active>a,.nav-pills>li>a:hover,.nav-pills>li.active>a:hover{color: #58a3ff;background-color:#fff}
-.nav>li>a{padding: 0 30px;}
-.search{position: relative; padding-left: 0;}
-.search input{width: 100%; height: 36px; line-height: 36px;margin-top: 28px; border: 1px solid #c9c9c9; border-radius: 20px;padding: 0 40px 0 10px;}
-.search span{position: absolute; right: 15px; top: 28px; width: 40px; height: 36px; line-height: 34px;cursor:pointer}
-
-#myCarousel .carousel-indicators{ top: 65%;}
-#myCarousel .carousel-indicators li{width: 30px; height: 1px; margin:0;border: 1px solid #091623; margin-left: 5px;}
-#myCarousel .carousel-indicators .active{width: 30px; height: 1px; margin: 0; border: 1px solid #fff;}
-
-.content_lf{width: 366px;height: 462px; margin-right: 1px;}
-.service{height: 290px;}
-.star{height: 170px;}
-.content_mid{width: 365px;height: 462px; margin-right: 1px;}
-.content_mid img{width: 100%;height: 462px!important;}
-.content_rt{width: 507px;height: 462px;background: #eee;}
-
-footer{height: 122px;background: #3c3d43;line-height: 122px;text-align: center;}
-footer a{padding: 0 8px;border-right: 1px solid #828389; color: #828389;}
-footer a:last-child{border: none;}
-footer a:hover{color: #58a3ff;}

+ 1 - 49
html/css/style.css

@@ -14,52 +14,4 @@ header{height: 35px; line-height: 35px; background-color: #F3F3F3;border-bottom:
 .rt{float: right;}
 .rt a{padding: 0 5px; }
 .rt div{float: right;}
-.login{border-right: 2px solid #CFCFCF;}
-
-.hot{margin-top: 20px; line-height: 14px;}
-.hot span{float: left;margin-right: 35px;font-size: 16px;color: #58a3ff;}
-.hot ul{float: left;}
-.hot li{margin-right: 30px; float: left;/*list-style-type:square;*/ line-height: 16px;}
-.hot li:last-child{margin-right:0 ;}
-
-.logo{height: 260px; line-height: 330px; text-align: center;}
-.search input{border-color: #58a3ff;border-radius: 0;}
-.search button{padding: 6px 30px;border-radius: 0;background: #58a3ff;color: #fff;border-color: #58a3ff;}
-.search button:hover{background: #58a3ff;color: #fff;border-color: #58a3ff;}
-.header_nav{margin-bottom: 20px;}
-
-.content_lt{width: 670px;margin-right: 20px;float: left;}
-.content_nav{border-bottom: 1px solid #ececec;background: #fafafa; overflow: auto;}
-.content_nav ul li{float: left;}
-.content_nav ul li.active a{line-height: 36px!important;}
-.content_nav a{width: 80px;height: 40px;line-height: 44px;display: inline-block;text-align: center; color: #333333;}
-.content_nav a:hover{/*line-height: 36px;background: #fff; border:1px solid #ececec; border-top:4px solid #58a3ff; border-bottom: none; color: #58a3ff!important;*/}
-.active{background: #fff; border:1px solid #ececec; border-top:4px solid #58a3ff; border-bottom: none; color: #58a3ff}
-
-.content_list{width: 670px; float: left;margin-top: 20px;}
-.content_list>div{border-top: none;}
-.info_img{float: left; width: 120px; height:96px;margin:0 20px;}
-.info_img img{width: 100%;height: 100%;}
-.content_info{float: left; padding: 20px 0; width: 100%; border-bottom: 1px solid #ececec;}
-.content_info:hover{background: #fafafa;}
-.info_act{background: #fafafa;}
-
-.info_txt{ width: 500px; float: left;font-size: 16px; line-height: 28px;color: #333333;}
-.info_txt>p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;height: 56px;}
-
-.source{font-size: 14px;}
-.source span{margin-right: 25px;}
-.source i{padding: 6px 9px;margin-right: 12px;background: #f5f5f5; color: #999999;}
-.source .name{color: #4466bf;background: #f0f7ff;}
-
-.zc_info_txt{padding: 0 20px;font-size: 16px; color: #333333;}
-.zc_info_txt .source span{margin-right: 15px;color: #999999;}
-
-.content_rt{width: 310px;float: left;border: 1px solid #ececec;}
-
-.content_rt div{padding: 10px; border-bottom: 1px dashed #d9d9d9; overflow: auto;}
-.content_rt div:last-child{border: none;}
-.content_rt ul li{float: left;}
-.content_rt ul li a{padding: 3px 10px; border: 1px solid #c9c9c9; display: block; border-radius: 30px; font-size: 12px; margin: 0 10px 10px 0;}
-.content_rt ul li a:hover{color: #fff;background: #58a3ff;border-color: #58a3ff;}
-.content_rt h4{margin-bottom: 14px;}
+.login{border-right: 2px solid #CFCFCF;}

+ 141 - 0
html/highTech.html

@@ -0,0 +1,141 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<title></title>
+		<!-- 新 Bootstrap 核心 CSS 文件 -->
+		<link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
+		<link href="css/style.css" rel="stylesheet"/>
+		<link href="css/highTech.css" rel="stylesheet"/>
+		<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
+		<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
+		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
+		<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+	</head>
+	<body>
+		<header>
+			<div class="container">
+				<div class="lt">欢迎进入科技认知计算交易平台!</div>
+				<div class="rt">
+					<a href="#" class="login">登录</a>
+					<a href="#">注册</a>
+				</div>
+			</div>
+		</header>
+		<div class="container header_search">
+			<div class="row clearfix">
+				<div class="col-md-3 logo">
+					<img src="img/logo_sm.png" />
+				</div>
+				<div class="col-md-7 col-md-offset-2 search">
+					<div class="row clearfix">
+			        	<div class="input-group ">
+			            	<input type="text" class="form-control" placeholder="平台资源关键词搜索">
+			            	<span class="input-group-btn">
+			              		<button class="btn" type="button">搜索</button>
+			             	</span>
+			       		</div><!-- /input-group -->
+			       </div>
+				</div>
+			</div>
+		</div>
+		<div class="container">
+			<div class="row clearfix">
+				<nav>
+					<ul id="myTab">
+						<li class="active"><a href="#">高企自评</a></li>
+						<li><a href="#">高企申请</a></li>
+						<li><a href="#">在先咨询</a></li>
+						<li><a href="#">社交分享</a></li>
+						<li><a href="#">政策解读</a></li>
+					</ul>
+ 				</nav>
+ 				<div class="content">
+ 					<h4>高新技术企业认定有哪些好处?</h4>
+ 					<div class="discount">
+ 						<div class="discount_content">
+ 							<div class="discount_img">
+ 								<img src="img/discount_ioc_1.png"/>
+ 							</div>
+ 							<div class="discount_info">
+ 								<span class="blue">1.企业税收减免</span>
+ 								<p>高企所得税减免40%,同时可享受办理研发经费加计扣除。</p>
+ 							</div>
+ 						</div>
+ 						<div class="discount_content">
+ 							<div class="discount_img">
+ 								<img src="img/discount_ioc_2.png"/>
+ 							</div>
+ 							<div class="discount_info">
+ 								<span class="green">2.财政直接补贴</span>
+ 								<p>地区对新认定的高新技术企业资助均会高于5万元以上</p>
+ 							</div>
+ 						</div>
+ 						<div class="discount_content">
+ 							<div class="discount_img">
+ 								<img src="img/discount_ioc_3.png"/>
+ 							</div>
+ 							<div class="discount_info">
+ 								<span class="red">3.企业上市优先</span>
+ 								<p>吸引政策和资金扶持,推动企业产业化扩张,促进企业融资上市。</p>
+ 							</div>
+ 						</div>
+ 						<div class="discount_content">
+ 							<div class="discount_img">
+ 								<img src="img/discount_ioc_4.png"/>
+ 							</div>
+ 							<div class="discount_info">
+ 								<span class="yellow">4.政策资金倾斜</span>
+ 								<p>土地、电力、排污、节能、科研资金、税收等各项扶持政策。</p>
+ 							</div>
+ 						</div>
+ 						<div class="discount_content clear_mg">
+ 							<div class="discount_img">
+ 								<img src="img/discount_ioc_5.png"/>
+ 							</div>
+ 							<div class="discount_info">
+ 								<span class="purple">5.企业品牌提升</span>
+ 								<p>政府帮企业背书,大大提高了企业品牌知名度。</p>
+ 							</div>
+ 						</div>
+ 					</div>
+ 					<h4>高企认定流程:</h4>
+ 					<div class="flow_chart">
+ 						<img src="img/flowChart.png" />
+ 					</div>
+ 					<h4>我们的优势</h4>
+ 					<div class="advantage">
+ 						<ul>
+ 							<li>
+ 								<span>优势一</span>
+ 								<p>1、总部位于长沙,在全国有15家分(子)咨询机构。<br>
+ 								2、为各单位提供政策咨询、科技咨询、知识产权运营,企业上市服务等共22500项。<br>
+ 								3、协助各省市2860家单位获得各级政策扶持和资金支持12.4亿。
+ 								</p>
+ 							</li>
+ 							<li>
+ 								<span>优势二</span>
+ 								<p>1、借助各省科技咨询中心专家库平台和专业人脉优势。<br>
+								2、拥有遍布全国各地区的人脉网络。
+ 								</p>
+ 							</li>
+ 							<li>
+ 								<span>优势三</span>
+ 								<p>1、国家科技部认定的技术转移示范机构、国家工信部门认定的企业核心服务机构。<br>
+									2、是目前全国唯一将知识产权运营、科技咨询、金融服务整合在一起的咨询服务机构,可为企业成长提供一站式解决方案。
+ 								</p>
+ 							</li>
+ 							<li>
+ 								<span>优势四</span>
+ 								<p>1、获得国家科技部、财政部、工信委等相关部门的政策支持和肯定。<br>
+									2、由政府出资与省知识产权局、湘大知识产权学院共建了湖南省专利信息集成化平台。<br>
+									3、建立了专业的知识产权运营服务平台门户网站-GO阿凡提网。
+ 								</p>
+ 							</li>
+ 						</ul>
+ 					</div>
+ 				</div>
+			</div>
+		</div>
+	</body>
+</html>

BIN
html/img/discount_ioc_1.png


BIN
html/img/discount_ioc_2.png


BIN
html/img/discount_ioc_3.png


BIN
html/img/discount_ioc_4.png


BIN
html/img/discount_ioc_5.png


BIN
html/img/flowChart.png


BIN
html/img/li_ioc.png


BIN
html/img/logo_sm.png


+ 1 - 0
html/index.html

@@ -6,6 +6,7 @@
 		<!-- 新 Bootstrap 核心 CSS 文件 -->
 		<link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
 		<link href="css/style.css" rel="stylesheet"/>
+		<link href="css/index.css" rel="stylesheet"/>
 		<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
 		<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
 		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->

+ 0 - 9
html/js/old_public.js

@@ -1,9 +0,0 @@
-$(function(){
-	$('div.dropdown').mouseover(function() {
-	  	$(this).addClass('open');    
-	}).mouseout(function() {        
-		$(this).removeClass('open');    
-	});
-	$("#myCarousel").carousel('cycle');
-	$("#myCarousel1").carousel('cycle');
-})

+ 0 - 155
html/old_index.html

@@ -1,155 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<title></title>
-		<!-- 新 Bootstrap 核心 CSS 文件 -->
-		<link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
-		<link href="css/style.css" rel="stylesheet"/>
-		<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
-		<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
-		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
-		<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
-		<script type="text/javascript" src="js/public.js" ></script>
-	</head>
-	<body>
-		<header>
-			<div class="container">
-				<div class="lt">欢迎进入科技认知计算交易平台!</div>
-				<div class="rt">
-					<a href="#" class="login">登录</a>
-					<a href="#">注册</a>
-					<div class="dropdown">
-						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
-							<span class="glyphicon glyphicon-align-justify"></span>网站导航
-							<span class="glyphicon glyphicon-play"></span>
-						</a>
-						<div class="dropdown-menu">
-							<a href="#">jmeter</a>
-							<a href="#">jmeter</a>
-							<a href="#">jmeter</a>
-							<a href="#">jmeter</a>
-							<a href="#">jmeter</a>
-							<a href="#">jmeter</a>
-							<a href="#">jmeter</a>
-							<a href="#">jmeter</a>
-							<a href="#">jmeter</a>
-							<a href="#">jmeter</a>
-							<a href="#">jmeter</a>
-							<a href="#">jmeter</a>
-							<a href="#">jmeter</a>
-							<a href="#">jmeter</a>
-							<a href="#">jmeter</a>
-							<a href="#">jmeter</a>
-						</div>
-					</div>
-				</div>
-			</div>
-		</header>
-		<div class="container header_nav">
-			<div class="row clearfix">
-				<div class="col-md-3 logo">
-					<img src="img/logo.png" />
-				</div>
-				<div class="col-md-7 nav_content">
-					<ul class="nav nav-pills">
-						<li class="active"><a href="#">科技认定</a></li>
-						<li><a href="#">成果转化</a></li>
-						<li><a href="#">科技明星</a></li>
-						<li><a href="#">知识产权</a></li>
-						<li><a href="#">评估</a></li>
-						<li><a href="#">更多</a></li>
-					</ul>
-				</div>
-				<div class="col-md-2 search">
-					<input type="text" class="" />
-					<span>
-						<img src="img/search_ioc.png" />
-					</span>
-				</div>
-			</div>
-		</div>
-		<div id="myCarousel" class="carousel slide">
-			<!-- 轮播(Carousel)指标 -->
-			<ol class="carousel-indicators">
-				<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
-				<li data-target="#myCarousel" data-slide-to="1"></li>
-				<li data-target="#myCarousel" data-slide-to="2"></li>
-			</ol>   
-			<!-- 轮播(Carousel)项目 -->
-			<div class="carousel-inner">
-				<div class="item active">
-					<img src="img/slide_img_1.png" alt="First slide">
-				</div>
-				<div class="item">
-					<img src="img/slide_img_1.png" alt="Second slide">
-				</div>
-				<div class="item">
-					<img src="img/slide_img_1.png" alt="Third slide">
-				</div>
-			</div>
-			<!-- 轮播(Carousel)导航 -->
-			<a class="carousel-control left" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
-			<a class="carousel-control right" href="#myCarousel" 
-			   data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
-		</div> 
-
-		
-		<div class="container">
-			<div class="row clearfix">
-				<div class="col-md-12 column">
-					<div class="content_lf lt">
-						<div class="service">
-							<h3>常用业务</h3>
-							<ul>
-								<li><a href="#">常用业务相关网址链接</a></li>
-								<li><a href="#">常用业务相关网址链接</a></li>
-								<li><a href="#">常用业务相关网址链接</a></li>
-								<li><a href="#">常用业务相关网址链接</a></li>
-								<li><a href="#">常用业务相关网址链接</a></li>
-								<li><a href="#">常用业务相关网址链接</a></li>
-								<li><a href="#">常用业务相关网址链接</a></li>
-							</ul>
-						</div>
-						<div class="star">
-							
-						</div>
-					</div>
-					<div class="content_mid lt">
-						<div id="myCarousel1" class="carousel slide">
-							<ol class="carousel-indicators">
-								<li data-target="#myCarousel1" data-slide-to="0" class="active"></li>
-								<li data-target="#myCarousel1" data-slide-to="1"></li>
-								<li data-target="#myCarousel1" data-slide-to="2"></li>
-							</ol>   
-							<div class="carousel-inner">
-								<div class="item active">
-									<img src="img/slide_img_s_1.png" alt="First slide">
-								</div>
-								<div class="item">
-									<img src="img/slide_img_s_1.png" alt="Second slide">
-								</div>
-								<div class="item">
-									<img src="img/slide_img_s_1.png" alt="Third slide">
-								</div>
-							</div>
-						</div> 
-					</div>
-					<div class="content_rt lt">
-						
-					</div>
-				</div>
-			</div>
-		</div>
-		<footer>
-			<div class="container">
-				<a href="#">联系我们</a>
-				<a href="#">联系我们</a>
-				<a href="#">联系我们</a>
-				<a href="#">联系我们</a>
-				<a href="#">联系我们</a>
-				<a href="#">联系我们</a>
-			</div>
-		</footer>
-	</body>
-</html>

+ 0 - 64
html/test.html

@@ -1,64 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-		<meta charset="UTF-8">
-		<title></title>
-		<!-- 新 Bootstrap 核心 CSS 文件 -->
-		<link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
-		<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
-		<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
-		 
-		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
-		<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
-	</head>
-	<body>
- <div class="onepage">
-              <div class="container" id="myCarousel">
-        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
-            <!-- Indicators -->
-            <ol class="carousel-indicators">
-                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
-                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
-                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
-            </ol>
-
-
-            <!-- Wrapper for slides -->
-            <div class="carousel-inner" role="listbox">
-                <div class="item active img"  >
-                    <img src="img/4.jpg"   >
-                    <div class="carousel-caption">
-                       the first
-                    </div>
-                </div>
-                <div class="item img">
-                    <img src="img/2.jpg">
-                    <div class="carousel-caption">
-                       syhdfh
-                    </div>
-                </div>
-                <div class="item img">
-                    <img src="img/3.jpg" >
-                    <div class="carousel-caption">
-                        syhdfh
-                    </div>
-                </div>
-
-
-            </div>
-
-
-            <!-- Controls -->
-            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
-                <span class="glyphicon glyphicon-chevron-left"></span>
-                <span class="sr-only">Previous</span>
-            </a>
-            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
-                <span class="glyphicon glyphicon-chevron-right"></span>
-                <span class="sr-only">Next</span>
-            </a>
-        </div>
-        </div>
-</div>
-	</body>
-</html>