register.html 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>H+ 后台主题UI框架 - 注册</title>
  7. <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
  8. <meta name="description" content="H+是一个完全响应式,基于Bootstrap3最新版本开发的扁平化主题,她采用了主流的左右两栏式布局,使用了Html5+CSS3等现代技术">
  9. <link rel="shortcut icon" href="favicon.ico"> <link href="../css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
  10. <link href="../css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
  11. <link href="../css/plugins/iCheck/custom.css" rel="stylesheet">
  12. <link href="../css/animate.min.css" rel="stylesheet">
  13. <link href="../css/style.min.css?v=4.1.0" rel="stylesheet">
  14. <script>if(window.top !== window.self){ window.top.location = window.location;}</script>
  15. </head>
  16. <body class="gray-bg">
  17. <div class="middle-box text-center loginscreen animated fadeInDown">
  18. <div>
  19. <div>
  20. <h1 class="logo-name">H+</h1>
  21. </div>
  22. <h3>欢迎注册 H+</h3>
  23. <p>创建一个H+新账户</p>
  24. <form class="m-t" role="form" action="login.html">
  25. <div class="form-group">
  26. <input type="text" class="form-control" placeholder="请输入用户名" required="">
  27. </div>
  28. <div class="form-group">
  29. <input type="password" class="form-control" placeholder="请输入密码" required="">
  30. </div>
  31. <div class="form-group">
  32. <input type="password" class="form-control" placeholder="请再次输入密码" required="">
  33. </div>
  34. <div class="form-group text-left">
  35. <div class="checkbox i-checks">
  36. <label class="no-padding">
  37. <input type="checkbox"><i></i> 我同意注册协议</label>
  38. </div>
  39. </div>
  40. <button type="submit" class="btn btn-primary block full-width m-b">注 册</button>
  41. <p class="text-muted text-center"><small>已经有账户了?</small><a href="login.html">点此登录</a>
  42. </p>
  43. </form>
  44. </div>
  45. </div>
  46. <script src="../js/jquery.min.js?v=2.1.4"></script>
  47. <script src="../js/bootstrap.min.js?v=3.3.6"></script>
  48. <script src="../js/plugins/iCheck/icheck.min.js"></script>
  49. <script>
  50. $(document).ready(function(){$(".i-checks").iCheck({checkboxClass:"icheckbox_square-green",radioClass:"iradio_square-green",})});
  51. </script>
  52. </body>
  53. </html>