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 href="https://www.jd.com/" target="_blank"><img src="img/logo.png"></a>
</div>
<div id="welcome">
<a href="https://www.jd.com/" target="_blank"><img src="img/l-icon.png"/></a>
</div>
<div id="question">
<a href="https://surveys.jd.com/index.php?r=survey/index/sid/568245/lang/zh-Hans"><img src="img/q-icon.png"/></a>
<a href="https://surveys.jd.com/index.php?r=survey/index/sid/568245/lang/zh-Hans" style="color: gray;">登陆页面，调查问卷</a>
</div>
</div>
<div class="middle">
<div id="law" style="overflow: hidden;">
<p><img src="img/warning.png"/ style="width: 15px;height: 15px;">依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！ 新版<a href="https://about.jd.com/privacy/" style="color: black;">《京东隐私政策》</a>已上线，将更有利于保护您的个人隐私。</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;">京东不会以任何理由要求您转账汇款，谨防诈骗</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="账号" id="账号" value="" placeholder="邮箱/用户名/已验证手机"/ 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="账号" id="账号" 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 href="https://open.weixin.qq.com/connect/qrconnect?appid=wx827225356b689e24&state=6D446B433AEB1A08823D214CB9ABF25F84CBCC4B8902E9F7C164096964ACA6D2F166100435AAE5AAB12C0A31591ACF9B&redirect_uri=https%3A%2F%2Fqq.jd.com%2Fnew%2Fwx%2Fcallback.action%3Fview%3Dnull%26uuid%3D23b6ecb9cc3c418f8a06923a2792a707&response_type=code&scope=snsapi_login#wechat_redirect" style="text-decoration: none;">
<img src="img/weixin.png" style="padding-top:10px ;"><font style="color: gray;">微信</font> </a>
     
<a href="https://reg.jd.com/reg/person?ReturnUrl=http%3A%2F%2Fwww.jd.com" style="text-decoration: none;">
<img src="img/right.png" style="padding-top:10px ;"><font style="color: red;">立即注册</font> </a>
</div>
</div>
<div id="bottom" style="position: absolute;bottom: 30px;text-align: center;">
                       
<a rel="nofollow" target="_blank" href="//www.jd.com/intro/about.aspx" style="text-decoration: none;color: gray;">
关于我们
</a>
|
<a rel="nofollow" target="_blank" href="//www.jd.com/contact/"style="text-decoration: none;color: gray;">
联系我们
</a>
|
<a rel="nofollow" target="_blank" href="//zhaopin.jd.com/"style="text-decoration: none;color: gray;">
人才招聘
</a>
|
<a rel="nofollow" target="_blank" href="//www.jd.com/contact/joinin.aspx"style="text-decoration: none;color: gray;">
商家入驻
</a>
|
<a rel="nofollow" target="_blank" href="//www.jd.com/intro/service.aspx"style="text-decoration: none;color: gray;">
广告服务
</a>
|
<a rel="nofollow" target="_blank" href="//app.jd.com/"style="text-decoration: none;color: gray;">
手机京东
</a>
|
<a target="_blank" href="//club.jd.com/links.aspx"style="text-decoration: none;color: gray;">
友情链接
</a>
|
<a target="_blank" href="//media.jd.com/"style="text-decoration: none;color: gray;">
销售联盟
</a>
|
<a href="//club.jd.com/" target="_blank"style="text-decoration: none;color: gray;">
京东社区
</a>
|
<a href="//gongyi.jd.com" target="_blank"style="text-decoration: none;color: gray;">
京东公益
</a>
|
<a target="_blank" href="//en.jd.com/" 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 版权所有<font>
</div>
</div>
</body>
</html>
