admin-login.html 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  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 http-equiv="X-UA-Compatible" content="IE=edge">
  8. <meta name="renderer" content="webkit">
  9. <link rel=stylesheet href=css/bootstrap.css>
  10. <link rel=stylesheet href=css/style.css>
  11. <script src=js/jquery-1.9.1.min.js></script>
  12. <script src=js/bootstrap.js></script>
  13. </head>
  14. <body style="background:#F2F2F2;">
  15. <div class="loginWrapper">
  16. <div class="loginContent">
  17. <div class="loginTitleMain">
  18. <h3 class="loginTitle logoTitleTx">通行帐号后台</h3>
  19. <div class="loginOther">
  20. <div class="dropdown">
  21. <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  22. 其他网站后台 <span class="caret"></span>
  23. </a>
  24. <ul class="dropdown-menu">
  25. <li><a href="#">官网后台</a></li>
  26. <li><a href="#">网络版后台</a></li>
  27. <li><a href="#">文库后台</a></li>
  28. <li><a href="#">问答后台</a></li>
  29. <li><a href="#">价格信息后台</a></li>
  30. </ul>
  31. </div>
  32. </div>
  33. </div>
  34. <div class="loginForm">
  35. <form>
  36. <div class="form-group">
  37. <label class="sr-only" for="userName">用户名</label>
  38. <div class="input-group">
  39. <div class="input-group-addon"><span class="glyphicon glyphicon-user"></span></div>
  40. <input type="text" class="form-control" id="userName" placeholder="用户名">
  41. </div>
  42. </div>
  43. <div class="form-group">
  44. <label class="sr-only" for="userPassword">密码</label>
  45. <div class="input-group">
  46. <div class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></div>
  47. <input type="text" class="form-control" id="userPassword" placeholder="密码">
  48. </div>
  49. </div>
  50. <button type="submit" class="btn btn-primary btnLogin">登录</button>
  51. </form>
  52. </div>
  53. <div class="loginBottom"><a href="#" data-toggle="modal" data-target="#myModal">忘记密码!</a></div>
  54. </div>
  55. </div>
  56. <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  57. <div class="modal-dialog">
  58. <div class="modal-content">
  59. <div class="modal-header">
  60. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  61. <h4 class="modal-title">找回密码</h4>
  62. </div>
  63. <div class="modal-body">
  64. <p>通行帐号/注册邮箱</p>
  65. <input id="email" name="email" class="form-control inputText" placeholder="系统将会发送一份邮件至该账户注册时所填写的邮箱,请注意查收!">
  66. </div>
  67. <div class="modal-footer">
  68. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  69. <button type="button" class="btn btn-primary">确定</button>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. </body>
  75. </html>