Página inicial Explorar Ajuda
Entrar
S.H.I.E.L.D.
/
tiku
3
0
Fork 0
Arquivos Issues 0 Pull Requests 0 Wiki
Ver código fonte

添加IOS版

outaozhen 9 anos atrás
pai
7dc96777fa
commit
4bc258d3cf
19 arquivos alterados com 108 adições e 63 exclusões
Visão dividida Mostrar estatísticas do Diff
  1. BIN
      css/Android01.png
  2. BIN
      css/Android02.png
  3. BIN
      css/banner_bg.png
  4. BIN
      css/button01.jpg
  5. BIN
      css/button02.jpg
  6. 67 37
      css/global.css
  7. BIN
      css/iOS01.png
  8. BIN
      css/iOS02.png
  9. BIN
      css/small_title.png
  10. BIN
      images/01.png
  11. BIN
      images/02.png
  12. BIN
      images/03.png
  13. BIN
      images/erweima.jpg
  14. BIN
      images/erweima.png
  15. BIN
      images/favicon.ico
  16. BIN
      images/logo.png
  17. BIN
      images/mainlogo.png
  18. BIN
      images/phone.png
  19. 41 26
      index.html

BIN
css/Android01.png
Ver arquivo


BIN
css/Android02.png
Ver arquivo


BIN
css/banner_bg.png
Ver arquivo


BIN
css/button01.jpg
Ver arquivo


BIN
css/button02.jpg
Ver arquivo


+ 67 - 37
css/global.css
Ver arquivo 

@@ -53,7 +53,7 @@ table {
 
 .clearfix {
 
   display:block
 
 }
 
-body {color:#666;background:#fff}
 
+body {color:#333;background:#fff}
 
 a {color:#006AAD;text-decoration:none}
 
 a:hover {color:#333}
 
 .width950{width:950px;margin:0 auto}
 
@@ -267,7 +267,7 @@ input.button{
 
   color:#fff
 
 }
 
 .globalNav a.now{
 
-  background:#2dabff;
 
+  background:#00bcd4;
 
   color:#fff;
 
   font-weight:600
 
 }
 
@@ -323,58 +323,88 @@ input.button{
 
   margin:20px auto;
 
 }
 
 .indexBanner{
 
-  background:#008698;
 
+  background:#025B75;
 
 }
 
-.width950{
 
+.indexImg{
 
+  margin:0 auto;
 
+  height:420px;
 
+  background: url(banner_bg.png) no-repeat center top;
 
+}
 
+.BannerWrap{
 
   position:relative;
 
+  padding-bottom: 24px;
 
 }
 
-.indexImg{
 
+.phone{
 
   position:absolute;
 
-  top:-410px;
 
-  right:20px;
 
+  bottom:0;
 
+  right:0;
 
 }
 
-.indexMain{
 
-  margin:120px 0 120px 40px;
 
+.BannerTitle{
 
   color:#fff;
 
+  font-size: 40px;
 
+  padding:80px 40px;
 
 }
 
-.indexMain h2{
 
-  font-size: 36px;
 
+.BannerCont{
 
+  width:470px;
 
 }
 
-.indexMain ul{
 
-  margin:25px 0 0 0;
 
+.BannerButton{
 
+  margin:0 0 0 40px;
 
 }
 
-.indexMain ul li{
 
-  font-size: 18px;
 
-  background:url(small_title.png) no-repeat 0 6px ;
 
-  padding:5px 0 5px 28px;
 
+.AndroidBtn{
 
+  margin-bottom: 25px;
 
 }
 
-.appDown{
 
-  position:relative;
 
-  margin:25px 0 30px 35px;
 
+.AndroidBtn a{
 
+  display: inline-block;
 
+  width:223px;
 
+  height:58px;
 
+  border:1px solid #fff;
 
+  border-radius: 5px;
 
+  background: url(Android01.png) no-repeat;
 
 }
 
-.appButton{
 
-  float:left;
 
-  margin:35px 15px 30px 55px;
 
+.AndroidBtn a:hover{
 
+  /*border:2px solid #fff;*/
 
+  background: url(Android02.png) no-repeat;
 
 }
 
-.appButton a{
 
-  display:inline-block;
 
-  width:225px;
 
-  height:73px;
 
-  background:url(button01.jpg) no-repeat;
 
+.iOSBtn a{
 
+  display: inline-block;
 
+  width:223px;
 
+  height:58px;
 
+  border:1px solid #fff;
 
+  border-radius: 5px;
 
+  background: url(iOS01.png) no-repeat;
 
 }
 
-.appButton a:hover{
 
-  background:url(button02.jpg) no-repeat;
 
+.iOSBtn a:hover{
 
+  background: url(iOS02.png) no-repeat;
 
 }
 
-.QR_Code{
 
-  width:132px;
 
+.erweima{
 
+  width:154px;
 
+  color:#fff;
 
+  font-size: 14px;
 
+  text-align: center;
 
+  line-height: 30px;
 
+}
 
+.infoList ul li{
 
+  float:left;
 
+  width:140px;
 
+  text-align: center;
 
+  padding:60px 85px;
 
+  border:1px solid #ececec;
 
+  border-right: none;
 
+}
 
+.infoList ul li h1{
 
+  padding-top: 20px;
 
+  font-size: 26px;
 
+  line-height: 40px;
 
+  color:#333;
 
   text-align: center;
 
-  margin:0 0 0 300px;
 
-  color:#ff0000;
 
-  line-height: 25px;
 
+}
 
+.infoList ul li p{
 
+  text-align: center;
 
+  font-size: 18px;
 
 }
 
 .footer{
 
-  margin:0 0 10px 0
 
+  margin:40px 0;
 
 }
 
 .footer p{
 
-  text-align:center
 
+  text-align:center;
 
 }

BIN
css/iOS01.png
Ver arquivo


BIN
css/iOS02.png
Ver arquivo


BIN
css/small_title.png
Ver arquivo


BIN
images/01.png
Ver arquivo


BIN
images/02.png
Ver arquivo


BIN
images/03.png
Ver arquivo


BIN
images/erweima.jpg
Ver arquivo


BIN
images/erweima.png
Ver arquivo


BIN
images/favicon.ico
Ver arquivo


BIN
images/logo.png
Ver arquivo


BIN
images/mainlogo.png
Ver arquivo


BIN
images/phone.png
Ver arquivo


+ 41 - 26
index.html
Ver arquivo 

@@ -2,10 +2,10 @@
 
 <html lang=zh-cn> 
 <head>
 
 	<meta charset=utf-8> 
-	<title>纵横考试APP</title> 
-	<meta name=description content=> 
-	<!--<link rel="shortcut icon" href="http://qy.smartcost.com.cn/global/images/favicon.ico">-->
 
-	<meta name=copyright content=> 
+	<title>纵横工程题库-呆瓜考试自学宝典</title>
 
+	<meta name="Keywords" content="工程考试APP,建造师考试,甲乙级造价师考试,造价师考试,监理师考试"/>
 
+	<meta name="description" content="纵横工程题库是一款为工程人提供全面题量大的口袋题库APP"/>
 
+	<link rel="shortcut icon" href="images/favicon.ico"/>
 
 	<link rel=stylesheet href=css/global.css> 
 	<script src=js/jquery-1.7.1.min.js></script>
 
 	<script src=js/global.js></script>
 
@@ -18,7 +18,7 @@
 
 			<a href="http://sso.smartcost.com.cn" target="_blank">通行帐号</a>
 
 			<a href="http://websoft.smartcost.com.cn">网络版</a>
 
 			<a href="http://qy.smartcost.com.cn">晴雨表</a>
 
-			<a href="http://qy.smartcost.com.cn" class="now">考试APP</a>
 
+			<a href="http://tk.smartcost.com.cn" class="now" title="纵横工程题库">工程题库</a>
 
 			<div class="zhzd">
 
 				<a class="zhzdFir">纵横知道<b></b></a>
 
 				<div class="zhzdMenu">
 
@@ -31,37 +31,52 @@
 
 	</div>
 
 </div>
 
 <div class="userInfoPanel width950 clearfix">
 
-	<a href="#" title="纵横题库"><img src="images/mainlogo.png"></a>
 
+	<a href="#" title="纵横题库"><img src="images/logo.png"></a>
 
 </div>
 
 <div class="indexBanner">
 
-	<div class="width950 clearfix">
 
-		<div class="indexMain">
 
-			<h2>工程人的考试专属APP</h2>
 
-			<ul>
 
-				<li>试题全面，公路建筑全覆盖</li>
 
-				<li>错题巩固，查漏补缺赢高分</li>
 
-				<li>离线做题，随时随地更随心</li>
 
-			</ul>
 
-		</div>
 
-	</div>
 
-	<div class="width950">
 
-		<div class="indexImg">
 
-			<img src="images/phone.png">
 
+	<div class="indexImg">
 
+		<div class="BannerWrap width950">
 
+			<h1 class="BannerTitle">工程人的考试专属APP</h1>
 
+			<div class="BannerCont clearfix">
 
+				<div class="BannerButton fL">
 
+					<div class="AndroidBtn"><a href="#" title="安卓版下载"></a></div>
 
+					<div class="iOSBtn"><a href="#" title="苹果版下载"></a></div>
 
+				</div>
 
+				<div class="erweima fR">
 
+					<img src="images/erweima.png">
 
+					扫一扫，轻松下载
 
+				</div>
 
+			</div>
 
+			<div class="phone">
 
+				<img src="images/phone.png">
 
+			</div>
 
 		</div>
 
 	</div>
 
 </div>
 
 <div class="width950 clearfix">
 
-	<div class="appDown">
 
-		<div class="appButton"><a href="#" title="点击下载"></a></div>
 
-		<div class="QR_Code">
 
-			<a href="#" title="微信扫码下载"><img src="images/erweima.jpg"></a>
 
-			<span>扫一扫，轻松下载</span>
 
-		</div>
 
+	<div class="infoList">
 
+		<ul>
 
+			<li>
 
+				<img src="images/01.png">
 
+				<h1>试题全面</h1>
 
+				<p>公路建筑全覆盖</p>
 
+			</li>
 
+			<li>
 
+				<img src="images/02.png">
 
+				<h1>错题巩固</h1>
 
+				<p>查漏补缺赢高分</p>
 
+			</li>
 
+			<li style="border:1px solid #ececec;">
 
+				<img src="images/03.png">
 
+				<h1>离线做题</h1>
 
+				<p>随时随地更随心</p>
 
+			</li>
 
+		</ul>
 
 	</div>
 
 </div>
 
 <div class="footer">
 
 	<div class="width950">
 
-		<p>Copyright &copy; 2012 <a href="http://smartcost.com.cn" target="_blank">纵横创新软件有限公司</a>. All Rights Reserved </p>
 
+		<p>Copyright &copy; 2015 <a href="http://smartcost.com.cn" target="_blank">纵横创新软件有限公司</a>. All Rights Reserved </p>
 
 	</div>
 
 </div>
 
 </body>