|
|
@@ -10,15 +10,129 @@
|
|
|
<meta name="keywords"
|
|
|
content="优软商务平台,优软B2B平台,商务平台,B2B平台,B2B,电子商务,ERP,UAS,UBTOB.COM,USOFTCHINA.COM,优软">
|
|
|
<meta name="description" content="优软商务平台，企业供销信息交流平台。">
|
|
|
-<link href="static/img/icon/u.png" rel="icon" type="image/x-icon" />
|
|
|
-<link rel="stylesheet" href="static/lib/bootstrap/css/bootstrap.min.css" />
|
|
|
+<link href="../static/img/icon/u.png" rel="icon" type="image/x-icon" />
|
|
|
<link rel="stylesheet"
|
|
|
- href="static/lib/fontawesome/css/font-awesome.min.css" />
|
|
|
+ href="../static/lib/fontawesome/css/font-awesome.min.css" />
|
|
|
</head>
|
|
|
-<body>
|
|
|
-
|
|
|
- <div class="container" style="background-color: #BBBBBB; height: 600px;">
|
|
|
+<style>
|
|
|
+ * {
|
|
|
+ padding: 0px;
|
|
|
+ margin: 0px;
|
|
|
+ color: #DDDDDD;
|
|
|
+ font-family: "微软雅黑";
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ div#div1{
|
|
|
+ position:fixed;
|
|
|
+ top:0;
|
|
|
+ left:0;
|
|
|
+ bottom:0;
|
|
|
+ right:0;
|
|
|
+ z-index:-1;
|
|
|
+ }
|
|
|
+ div#div1 > img {
|
|
|
+ height:100%;
|
|
|
+ width:100%;
|
|
|
+ border:0;
|
|
|
+ }
|
|
|
+ .title {
|
|
|
+ border-bottom: solid 1px #DDDDDD;
|
|
|
+ padding: 10px;
|
|
|
+ padding-right: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .down {
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0px;
|
|
|
+ left: 0px;
|
|
|
+ right: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .slogan {
|
|
|
+ margin-bottom: 100px;
|
|
|
+ padding-left: 50px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .slogan .line1 {
|
|
|
+ font-size: 24px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ .slogan .line2 {
|
|
|
+ font-size: 18px;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .downLoad {
|
|
|
+ height: 180px;
|
|
|
+ padding-top: 20px;
|
|
|
+ background: #022942;
|
|
|
+ filter:alpha(opacity=90); /*支持 IE 浏览器*/
|
|
|
+ -moz-opacity:0.90; /*支持 FireFox 浏览器*/
|
|
|
+ opacity:0.90; /*支持 Chrome, Opera, Safari 等浏览器*/
|
|
|
+ }
|
|
|
+
|
|
|
+ .button {
|
|
|
+ line-height: 40px;
|
|
|
+ height: 40px;
|
|
|
+ border: solid 1px #DDDDDD;
|
|
|
+ border-radius: 10px;
|
|
|
+ width: 240px;
|
|
|
+ text-align: center;
|
|
|
+ margin: 20px auto;
|
|
|
+ padding: 5px 0;
|
|
|
|
|
|
+ }
|
|
|
+
|
|
|
+ .button .btn-logo {
|
|
|
+ display: inline-block;
|
|
|
+ width: 20%;
|
|
|
+ font-size: 30px;
|
|
|
+ text-align: right;
|
|
|
+ line-height: 40px;
|
|
|
+ padding-right: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .button .btn-text {
|
|
|
+ display: inline-block;
|
|
|
+ width: 60%;
|
|
|
+ line-height: 20px;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+
|
|
|
+</style>
|
|
|
+<body>
|
|
|
+ <div id="div1"><img src="../static/img/bg/bg_client.jpg" />
|
|
|
+ </div>
|
|
|
+ <div class="title">优软商务平台<div style="float: right;">手机客户端</div></div>
|
|
|
+ <div class="down">
|
|
|
+ <div class="slogan">
|
|
|
+ <div class="line1">
|
|
|
+ 优 软 商 务
|
|
|
+ </div>
|
|
|
+ <div class="line2">
|
|
|
+ 开 启 财 富 之 路
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="downLoad">
|
|
|
+ <div class="button">
|
|
|
+ <div class="btn-logo">
|
|
|
+ <i class="fa fa-android"></i>
|
|
|
+ </div>
|
|
|
+ <div class="btn-text">
|
|
|
+ <div>Android 下载</div>
|
|
|
+ <div style="font-size: 12px;">近期上线，敬请期待</div>
|
|
|
+ </div>
|
|
|
+ <div class="button">
|
|
|
+ <div class="btn-logo">
|
|
|
+ <i class="fa fa-apple"></i>
|
|
|
+ </div>
|
|
|
+ <div class="btn-text">
|
|
|
+ <div>IPhone 下载</div>
|
|
|
+ <div style="font-size: 12px;">近期上线，敬请期待</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</body>
|
|
|
</html>
|
suntg