image.png
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>京東-歡迎登陸</title>
<link rel="icon" type="image/ico" href="./img/jd_logo.ico"/>
<style type="text/css">
#logo{
float: left;
margin: 10px;
}
#welcome{
float: left;
margin-top: 40px;
margin-left: 20px;
}
#question{
float: right;
margin-top: 40px;
margin-right: 20px;
}
#law{
color: gray;
font-size: 12px;
background-color: cornsilk;
text-align: center;
}
#main-content{
background-image: url(img/bg.png);
width: 100%;
height: 450px;
}
#frame{
position: absolute;
top: 20px;
right: 100px;
width: 350px;
height: 350px;
background-color: white
}
#login{
position: absolute;
top: 370px;
right: 100px;
width: 350px;
height: 50px;
background-color: white
}
</style>
</head>
<body>
<div class="top" style="overflow: hidden;">
<div id="logo">
<a target="_blank"><img src="img/logo.png"></a>
</div>
<div id="welcome">
<a target="_blank"><img src="img/l-icon.png"/></a>
</div>
<div id="question">
<a ><img src="img/q-icon.png"/></a>
<a style="color: gray;">登陸頁面筋粗，調(diào)查問卷</a>
</div>
</div>
<div class="middle">
<div id="law" style="overflow: hidden;">
<p><img src="img/warning.png"/ style="width: 15px;height: 15px;">依據(jù)《網(wǎng)絡(luò)安全法》抠艾，為保障您的賬戶安全和正常使用幽勒，請(qǐng)盡快完成手機(jī)號(hào)驗(yàn)證座舍！ 新版<a style="color: black;">《京東隱私政策》</a>已上線，將更有利于保護(hù)您的個(gè)人隱私焰望。</p>
</div>
<div id="main-content" style="position: absolute;">
<div id="frame" style="display: inline-block;">
<form action="" method="get">
<div id="" style="text-align:center;background-color: #FFF8DC;height: 30px;padding-top: 10px;">
<img src="img/warning.png"/ style="width: 15px;height: 15px;">
<font style="color: gray;font-size: 13px;">京東不會(huì)以任何理由要求您轉(zhuǎn)賬匯款骚亿，謹(jǐn)防詐騙</font>
</div>
<div id=""style="font-size: 20px;color: dimgray;padding-top: 20px;">
   <font>掃碼登陸</font>
  <font style="color:lightgrey;">|</font>
  <font style="color: red;"><b>賬戶登陸<b></font>
<font style="color:lightgrey;">___________________________________</font><br /> <br />
</div>
<div>
  <input type="text" name="" id="" value="" style="background-image: url(img/pygame.png);width: 40px;height: 40px;"/>
<input type="text" name="賬號(hào)" id="賬號(hào)" value="" placeholder="郵箱/用戶名/已驗(yàn)證手機(jī)"/ style="width: 240px;height: 40px;text-align: center;">
</div>
<br />
<div>
  <input type="text" name="" id="" value="" style="background-image:url(img/password_icon.png);width: 40px;height: 40px;"/>
<input type="text" name="賬號(hào)" id="賬號(hào)" value="" placeholder="密碼"/ style="width: 240px;height: 40px;text-align: center;">
</div>
<br />
<div id="">
                
<a href=""https://aq.jd.com/process/findPwd?s=1 style="color: gray;font-size: 12px;">忘記密碼</a>
</div>
<div id="">
   <input type="submit" value="登 陸"/ style="color: white;background-color: crimson;font-size: 30px;width: 260px;">
</div>
</form>
</div>
<div id="login" style="display: inline-block;">
 <a href="https://graph.qq.com/oauth2.0/show?which=Login&display=pc&response_type=code&state=27B7DF2CE37532E064C218D92294F34EDBE3BF1A9ABB029530284D65693F756BFE5F79FE464C58774F9D11259EE924CE&client_id=100273020&redirect_uri=https%3A%2F%2Fqq.jd.com%2Fnew%2Fqq%2Fcallback.
action%3Fview%3Dnull%26uuid%3Dca1a040d99194def968e0338e20e933b" style="text-decoration: none;">
<img src="img/qq.png"/ style="padding-top:10px ;"><font style="color: gray;">QQ</font> </a>
<font style="color:gray;">|</font>
<a style="text-decoration: none;">
<img src="img/weixin.png" style="padding-top:10px ;"><font style="color: gray;">微信</font> </a>
     
<a style="text-decoration: none;">
<img src="img/right.png" style="padding-top:10px ;"><font style="color: red;">立即注冊(cè)</font> </a>
</div>
</div>
<div id="bottom" style="position: absolute;bottom: 30px;text-align: center;">
                       
<a rel="nofollow" target="_blank" style="text-decoration: none;color: gray;">
關(guān)于我們
</a>
|
<a rel="nofollow" target="_blank" text-decoration: none;color: gray;">
聯(lián)系我們
</a>
|
<a rel="nofollow" target="_blank" text-decoration: none;color: gray;">
人才招聘
</a>
|
<a rel="nofollow" target="_blank" text-decoration: none;color: gray;">
商家入駐
</a>
|
<a rel="nofollow" target="_blank" text-decoration: none;color: gray;">
廣告服務(wù)
</a>
|
<a rel="nofollow" target="_blank" text-decoration: none;color: gray;">
手機(jī)京東
</a>
|
<a target="_blank" text-decoration: none;color: gray;">
友情鏈接
</a>
|
<a target="_blank" text-decoration: none;color: gray;">
銷售聯(lián)盟
</a>
|
<a target="_blank"style="text-decoration: none;color: gray;">
京東社區(qū)
</a>
|
<a target="_blank"style="text-decoration: none;color: gray;">
京東公益
</a>
|
<a target="_blank" clstag="pageclick|keycount|20150112ABD|9"style="text-decoration: none;color: gray;">English Site</a>
<br />
           <font style="color: gray;font-size: 12;">Copyright © 2004-2019 京東JD.com 版權(quán)所有<font>
</div>
</div>
</body>
</html>
