profile.html 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209
  1. <!DOCTYPE html>
  2. <html lang=zh-cn>
  3. <head>
  4. <meta charset=utf-8>
  5. <title>个人信息纵横通行帐号</title>
  6. <meta name=description content=一个帐号通用纵横旗下所有网络产品。>
  7. <meta name=copyright content=smartcost.com.cn>
  8. <link rel=stylesheet href=css/bootstrap.css>
  9. <link rel=stylesheet href=css/global.css>
  10. <script src=js/jquery-1.9.1.min.js></script>
  11. <script src=js/bootstrap.js></script>
  12. <script src=js/global.js></script>
  13. <script src=js/smartcost.js></script>
  14. </head>
  15. <body>
  16. <div class="globalHeader">
  17. <div class="width950">
  18. <div class="globalNav">
  19. <a href="http://smartcost.com.cn" target="_blank">纵横官网</a>
  20. <a href="http://sso.smartcost.com.cn" target="_blank" class="now">通行帐号</a>
  21. <a href="#">网络版</a>
  22. <div class="zhzd">
  23. <a class="zhzdFir">纵横知道<b></b></a>
  24. <div class="zhzdMenu">
  25. <a href="http://zhzdwd.com" target="_blank">问答</a>
  26. <a href="http://zhzdwk.com" target="_blank">文库</a>
  27. <a href="http://zhzdjg.com" target="_blank">价格信息</a>
  28. </div>
  29. </div>
  30. </div>
  31. </div>
  32. </div>
  33. <div class="width950 userInfoPanel clearfix">
  34. <img src="images/mainlogo.png" class="fL"><p><b>techen</b>,<a href="#">管理</a>&nbsp;<a href="#">退出</a></p>
  35. </div>
  36. <div class="globalContent width950">
  37. <div class="formContent clearfix">
  38. <div class="slidebar">
  39. <div class="userAvr clearfix">
  40. <img src="img/avatra48.png">
  41. <p>账户余额:</p>
  42. <p>¥&nbsp;<b style="font-size:18px" class="colOrange">0.00</b>&nbsp;元</p>
  43. </div>
  44. <ul>
  45. <li class="now"><a href="#" title="个人信息"><b>个人信息</b></a></li>
  46. <li><a href="#" title="我的纵横"><b>帐号充值</b></a></li>
  47. </ul>
  48. </div>
  49. <div class="mainContent formItem userProfile">
  50. <dl>
  51. <dt>您的称呼</dt>
  52. <dd><b>WQLS2012</b></dd>
  53. <dt>注册时间</dt>
  54. <dd><b>2011年4月25日</b></dd>
  55. <dt>手机号</dt>
  56. <dd><b>13750039378&nbsp;</b>(<span class="colGreen">已验证</span>)&nbsp;<a href="checkedMobile.html">修改手机号</a>
  57. </dd>
  58. <dt>邮箱&nbsp;<a href="addMail2.html">添加邮箱</a></dt>
  59. <dd>
  60. <dt>手机号</dt>
  61. <dd><b>13750039378&nbsp;</b>(<span class="colGreen">已验证</span>)&nbsp;<a href="checkedMobile.html">修改手机号</a>
  62. </dd>
  63. <dd><a href="changePassword.html">修改密码</a></dd>
  64. <dt>邮箱</dt>
  65. <dd><b>ka****en@live.cn</b><p class="colRed">您的邮箱还没有通过验证</p>
  66. <br>
  67. <p class="clearfix"><a class="button btn-blue" href="#">重新发送激活邮件</a><a class="button btn-green" href="#">换个邮箱进行激活</a></p>
  68. <p><a href="#">收不到邮件?</a></p>
  69. </dd>
  70. <dt>QQ</dt>
  71. <dd><b>3216329758&nbsp;</b><a href="" data-toggle="modal" data-target="#myModal">修改QQ</a>
  72. </dd>
  73. </dd>
  74. <dt>手机号&nbsp;<a href="addMobile2.html">添加手机号</a></dt>
  75. <dd>
  76. </dd>
  77. <dt>邮箱</dt>
  78. <dd><b>ka****en@live.cn</b>(<span class="colGreen">已验证</span>)&nbsp;<a href="changeMail.html" data-toggle="modal" data-target="#chemail">修改邮箱</a>
  79. </dd>
  80. <dt>密码保护问题</dt>
  81. <dd><span class="colGreen">已设置</span>&nbsp;<a href="#" data-toggle="modal" data-target="#pwqs">修改</a>
  82. </dd>
  83. </dl>
  84. </div>
  85. </div>
  86. </div>
  87. <div class="footer">
  88. <div class="width950">
  89. <p>Copyright &copy; 2012 <a target="_blank" href="http://smartcost.com.cn">纵横创新软件有限公司</a>. All Rights Reserved </p>
  90. </div>
  91. </div>
  92. <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  93. <div class="modal-dialog" role="document">
  94. <div class="modal-content">
  95. <div class="modal-header">
  96. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  97. <h4 class="modal-title" id="myModalLabel">修改QQ号码</h4>
  98. </div>
  99. <div class="modal-body">
  100. <div class="form-group">
  101. <label for="" style="margin-bottom:10px;"><b>当前QQ号码</b></label>
  102. <input type="text" class="form-control" id="" value="3216329758">
  103. </div>
  104. </div>
  105. <div class="modal-footer">
  106. <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
  107. <button type="button" class="btn btn-primary">确认</button>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. <!--密碼保護問題-->
  113. <div class="modal fade" id="pwqs" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  114. <div class="modal-dialog" role="document">
  115. <div class="modal-content">
  116. <div class="modal-header">
  117. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  118. <h4 class="modal-title" id="myModalLabel">密码保护问题</h4>
  119. </div>
  120. <div class="modal-body">
  121. <div class="formItem">
  122. <div class="form-group">
  123. <label for="" style="margin-bottom:10px;"><b>修改密码保护问题,需要手机验证码,</b></label>
  124. <label for="" style="margin-bottom:10px;"><b>当前手机号码:15812644017</b></label>
  125. <div class="input-group">
  126. <input type="text" class="form-control" placeholder="输入6位验证码">
  127. <span class="input-group-btn">
  128. <button class="btn btn-default" type="button">获取验证码</button>
  129. </span>
  130. </div>
  131. </div>
  132. </div>
  133. </div>
  134. <div class="modal-footer">
  135. <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
  136. <button type="button" class="btn btn-primary">确认</button>
  137. </div>
  138. </div>
  139. </div>
  140. </div>
  141. <!--修改邮箱-->
  142. <div class="modal fade" id="chemail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  143. <div class="modal-dialog" role="document">
  144. <div class="modal-content">
  145. <div class="modal-header">
  146. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  147. <h4 class="modal-title" id="myModalLabel">修改邮箱</h4>
  148. </div>
  149. <div class="modal-body formItem">
  150. <div class="trainForm">
  151. <div class="form-group">
  152. <label for="" style="margin-bottom:10px;"><b>修改邮箱,需要进行验证,选验证方式:</b></label>
  153. </div>
  154. <div class="trainFormTab trainFormTabs clearfix">
  155. <a class="now">使用手机验证码</a>
  156. <a>使用密保问题</a>
  157. <a>使用邮箱验证码</a>
  158. </div>
  159. </div>
  160. <div class="trainFormItem">
  161. <div class="formEntry">
  162. <div class="formEntry clearfix">
  163. <div class="form-group">
  164. <label for="" style="margin-bottom:10px;"><b>当前手机号码:15812644017</b></label>
  165. <div class="input-group">
  166. <input type="text" class="form-control" placeholder="输入6位验证码">
  167. <span class="input-group-btn">
  168. <button class="btn btn-default" type="button">获取验证码</button>
  169. </span>
  170. </div>
  171. </div>
  172. </div>
  173. </div>
  174. <div class="formEntry clearfix" style="display:none">
  175. <div class="form-group">
  176. <label for="" style="margin-bottom:10px;"><b>您的父亲名字?</b></label>
  177. <input type="text" class="form-control" id="" value="">
  178. </div>
  179. <!--无密保问题-->
  180. <div class="form-group">
  181. <label class="text-danger" style="margin-bottom:10px;"><b>当前账号未设置密码保护问题</b></label>
  182. </div>
  183. </div>
  184. <div class="formEntry clearfix" style="display:none">
  185. <div class="form-group">
  186. <label for="" style="margin-bottom:10px;"><b>当前邮箱:abc123@qq.com</b></label>
  187. <div class="input-group">
  188. <input type="text" class="form-control" placeholder="输入6位验证码">
  189. <span class="input-group-btn">
  190. <button class="btn btn-default" type="button">发送验证码</button>
  191. </span>
  192. </div>
  193. </div>
  194. <!--无邮箱-->
  195. <div class="form-group">
  196. <label class="text-danger" style="margin-bottom:10px;"><b>当前账号未绑定邮箱</b></label>
  197. </div>
  198. </div>
  199. </div>
  200. </div>
  201. <div class="modal-footer">
  202. <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
  203. <button type="button" class="btn btn-primary">确认</button>
  204. </div>
  205. </div>
  206. </div>
  207. </div>
  208. </body>