home-account.html 5.76 KB

<!DOCTYPE HTML>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>home</title>
  <meta name="keywords" content=""/>
  <meta name="description" content=""/>

  <link media="screen" rel="stylesheet" type="text/css" href="http://static.yohobuy.com/css/v3/common.css?v=201402"/>
  <link media="screen" rel="stylesheet" type="text/css" href="http://static.yohobuy.com/css/v3/head-fixed.css?v=201402"/>
  <link media="screen" rel="stylesheet" type="text/css" href="http://static.yohobuy.com/css/v3/home.css?v=201402"/>
  <!--[if lte IE 6]>
  <link media="screen" rel="stylesheet" type="text/css" href="http://static.yohobuy.com/css/v3/ie6.css?v=20130924"/>
  <![endif]-->

</head>
<body>

<!--#include virtual="/demo/v3/common/head.html" -->

  
<div class="home-wrapper clear">
  <div class="home-nav"> <a href="#">有货首页</a><span class="sep">></span><a href="#">个人中心</a><span class="sep">></span><b>我的订单</b></div>
  
  <!--#include virtual="/demo/v3/common/home-side.html" -->  
  
  <div class="con-right">
    <div class="home-main">
      <div class="title">
        <h2>修改密码<span>CHANGE PASSWORD</span></h2>
      </div>
      <div class="main">
          <table class="table-account">
            <tr>
              <td width="200"><span class="icon-ok">&nbsp;</span><span class="account-type">登录密码</span></td>
              <td width="500"><span class="red">互联网帐号存在被盗风险,建议您定期更改密码以保护帐号安全。</span></td>
              <td width="80" class="center"><a href="">修改</a></td>
            </tr>
            <tr>
              <td><span class="icon-ok">&nbsp;</span><span class="account-type">邮箱验证</span></td>
              <td><span class="rgb6">您验证的邮箱:1****8@yoho.cn</span></td>
              <td class="center"><a href="">修改</a></td>
            </tr>
            <tr class="last">
              <td><span class="icon-warning">&nbsp;</span><span class="account-type">手机验证</span></td>
              <td><span class="rgb6">验证后,可用于找回登录密码。</span></td>
              <td class="center"><a href="" class="button-icon20 button-sliver20"><span><i>立即验证</i></span></a></td>
            </tr>
          </table>

          <ul class="progress-bar clear progress-bar1 ">
            <li class="cur">1.验证身份</li>
            <li>2.修改登录密码</li>
            <li>3.完成</li>
          </ul>
          <div class="form-table">
            <ul class="clear">
              <li><p class="table-title">请输入登录密码:</p></li>
              <li><input class="input-text input-error" type="text" value=""/></li>
              <li><div class="form-success">&nbsp;</div></li>
            </ul>
            <ul class="clear">
              <li><p class="table-title">验证码:</p></li>
              <li><input class="input-code" type="text" value=""/><img onclick="return QGlobal.Common.clickImgCode();" id="imgcode" src="http://www.yohobuy.com/passport/images" style="height:30px;"><span class="tips-change">看不清?<br><a href="javascript:void(0);" onclick="return QGlobal.Common.clickImgCode();">换一张</a></span></li>
              <li><div class="form-error">验证码错误</div></li>
            </ul>
            <ul class="clear">
              <li><p class="table-title">手机验证码:</p></li>
              <li><input class="input-code" type="text" value=""/><a href="" class="button-icon button-sliver"><span><i>重新发送 60秒</i></span></a></li>
              <li><div class="form-error">验证码错误</div></li>
            </ul>
             <ul class="clear">
              <li><p class="table-title">验证邮箱:</p></li>
              <li><span class="rgb6">1****8@yoho.cn</span></li>
            </ul>
            <ul class="clear">
              <li>&nbsp;</li>
              <li><a href="" class="button-icon button-red"><span><i>提交<b class="ifont6">}</b></i></span></a></li>
            </ul>
          </div>
          
          <div class="main-info">
            <p class="p1">为什么要进行身份验证?</p>
            <p>1. 为保障您的账户信息安全,在变更账户中的重要信息时需要进行身份验证,感谢您的理解和支持。</p>
            <p>2. 验证身份遇到问题?请拨打客服电话<span class="blue2">400-889-9646</span>,客服将尽快联系您。</p>
          </div>

          <div class="result-info">
            <p class="font18"><span class="info-ok">恭喜您,密码修改成功!</span></p>
            <p class="font18"><span class="info-no">抱歉,验证失败!可能原因如下:</span></p>
            <div class="info-detail rgb6"><span>1. 您的邮箱验证超时,请注意在24小时内进入邮箱点击验证链接。<br>
              2. 您已点击过此链接,此链接已失效。</span></div>
          </div>

          <div class="result-info">
            <p class="font14"><span>已发送验证邮件至:</span><span class="rgb6">1****0@yoho.cn</span></p>
            <p><span class="red font14">请立即完成验证,邮箱验证不通过则修改邮箱失败</span></p>
            <div class="info-detail rgb6"><span>验证邮件24小时内有效,请尽快登录您的邮箱点击验证链接完成验证。</span></div>
            <div><a href="" class="button-icon button-red"><span><i>查看验证邮件</i></span></a></div>
          </div>
      </div>
    </div>
    <div class="home-bottom">
      <dl class="clear">
        <dt>对"个人中心"有意见和建议? <a href="#">帮助我们改善>></a></dt>
        <dd><a href="javascript:scroll(0,0)" class="button-top">返回顶部</a></dd>
      </dl>
    </div>
  </div>
</div>



<!--#include virtual="/demo/v3/common/foot.html" -->
     


</body>
</html>