login.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. {include file="common/meta" /}
  5. <style type="text/css">
  6. body {
  7. color:#999;
  8. background:url('http://img.infinitynewtab.com/wallpaper/{:date("Ymd")%4000}.jpg');
  9. background-size:cover;
  10. }
  11. .login-panel{margin-top:150px;}
  12. .login-screen {
  13. max-width:400px;
  14. padding:0;
  15. margin:100px auto 0 auto;
  16. }
  17. .login-screen .well {
  18. border-radius: 3px;
  19. -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  20. box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  21. background: rgba(255,255,255, 0.2);
  22. }
  23. .login-screen .copyright {
  24. text-align: center;
  25. }
  26. @media(max-width:767px) {
  27. .login-screen {
  28. padding:0 20px;
  29. }
  30. }
  31. .profile-img-card {
  32. width: 100px;
  33. height: 100px;
  34. margin: 10px auto;
  35. display: block;
  36. -moz-border-radius: 50%;
  37. -webkit-border-radius: 50%;
  38. border-radius: 50%;
  39. }
  40. .profile-name-card {
  41. text-align: center;
  42. }
  43. #login-form {
  44. margin-top:20px;
  45. }
  46. #login-form .input-group {
  47. margin-bottom:15px;
  48. }
  49. </style>
  50. <script>
  51. //此处为FastAdmin的统计代码,正式使用请移除
  52. var _hmt = _hmt || [];
  53. (function () {
  54. var hm = document.createElement("script");
  55. hm.src = "https://hm.baidu.com/hm.js?58347d769d009bcf6074e9a0ab7ba05e";
  56. var s = document.getElementsByTagName("script")[0];
  57. s.parentNode.insertBefore(hm, s);
  58. })();
  59. </script>
  60. </head>
  61. <body>
  62. <div class="container">
  63. <div class="login-wrapper">
  64. <div class="login-screen">
  65. <div class="well">
  66. <div class="login-form">
  67. <img id="profile-img" class="profile-img-card" src="__CDN__/assets/img/avatar.png" />
  68. <p id="profile-name" class="profile-name-card"></p>
  69. <form action="" method="post" id="login-form">
  70. {:token()}
  71. <div class="input-group">
  72. <div class="input-group-addon"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></div>
  73. <input type="text" class="form-control" id="pd-form-username" placeholder="" name="username" autocomplete="off" value="admin" />
  74. </div>
  75. <div class="input-group">
  76. <div class="input-group-addon"><span class="glyphicon glyphicon-lock" aria-hidden="true"></span></div>
  77. <input type="password" class="form-control" id="pd-form-password" placeholder="" name="password" autocomplete="off" value="123456" />
  78. </div>
  79. <div class="form-group">
  80. <label class="inline" for="keeplogin">
  81. <input type="checkbox" name="keeplogin" id="keeplogin" value="1" />
  82. {:__('Keep login')}
  83. </label>
  84. </div>
  85. <div class="form-group">
  86. <button type="submit" class="btn btn-success btn-lg btn-block">{:__('Sign in')}</button>
  87. </div>
  88. </form>
  89. </div>
  90. </div>
  91. <p class="copyright"><a href="http://www.fastadmin.net?ref=demo">Powered By FastAdmin</a></p>
  92. </div>
  93. </div>
  94. </div>
  95. {include file="common/script" /}
  96. </body>
  97. </html>