sign-up.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  6. <title>Sign Up | Bootstrap Based Admin Template - Material Design</title>
  7. <!-- Favicon-->
  8. <link rel="icon" href="../../favicon.ico" type="image/x-icon">
  9. <!-- Google Fonts -->
  10. <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic-ext" rel="stylesheet" type="text/css">
  11. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css">
  12. <!-- Bootstrap Core Css -->
  13. <link href="../../plugins/bootstrap/css/bootstrap.css" rel="stylesheet">
  14. <!-- Waves Effect Css -->
  15. <link href="../../plugins/node-waves/waves.css" rel="stylesheet" />
  16. <!-- Animation Css -->
  17. <link href="../../plugins/animate-css/animate.css" rel="stylesheet" />
  18. <!-- Custom Css -->
  19. <link href="../../css/style.css" rel="stylesheet">
  20. </head>
  21. <body class="signup-page">
  22. <div class="signup-box">
  23. <div class="logo">
  24. <a href="javascript:void(0);">Admin<b>BSB</b></a>
  25. <small>Admin BootStrap Based - Material Design</small>
  26. </div>
  27. <div class="card">
  28. <div class="body">
  29. <form id="sign_up" method="POST">
  30. <div class="msg">Register a new membership</div>
  31. <div class="input-group">
  32. <span class="input-group-addon">
  33. <i class="material-icons">person</i>
  34. </span>
  35. <div class="form-line">
  36. <input type="text" class="form-control" name="namesurname" placeholder="Name Surname" required autofocus>
  37. </div>
  38. </div>
  39. <div class="input-group">
  40. <span class="input-group-addon">
  41. <i class="material-icons">email</i>
  42. </span>
  43. <div class="form-line">
  44. <input type="email" class="form-control" name="email" placeholder="Email Address" required>
  45. </div>
  46. </div>
  47. <div class="input-group">
  48. <span class="input-group-addon">
  49. <i class="material-icons">lock</i>
  50. </span>
  51. <div class="form-line">
  52. <input type="password" class="form-control" name="password" minlength="6" placeholder="Password" required>
  53. </div>
  54. </div>
  55. <div class="input-group">
  56. <span class="input-group-addon">
  57. <i class="material-icons">lock</i>
  58. </span>
  59. <div class="form-line">
  60. <input type="password" class="form-control" name="confirm" minlength="6" placeholder="Confirm Password" required>
  61. </div>
  62. </div>
  63. <div class="form-group">
  64. <input type="checkbox" name="terms" id="terms" class="filled-in chk-col-pink">
  65. <label for="terms">I read and agree to the <a href="javascript:void(0);">terms of usage</a>.</label>
  66. </div>
  67. <button class="btn btn-block btn-lg bg-pink waves-effect" type="submit">SIGN UP</button>
  68. <div class="m-t-25 m-b--5 align-center">
  69. <a href="sign-in.html">You already have a membership?</a>
  70. </div>
  71. </form>
  72. </div>
  73. </div>
  74. </div>
  75. <!-- Jquery Core Js -->
  76. <script src="../../plugins/jquery/jquery.min.js"></script>
  77. <!-- Bootstrap Core Js -->
  78. <script src="../../plugins/bootstrap/js/bootstrap.js"></script>
  79. <!-- Waves Effect Plugin Js -->
  80. <script src="../../plugins/node-waves/waves.js"></script>
  81. <!-- Validation Plugin Js -->
  82. <script src="../../plugins/jquery-validation/jquery.validate.js"></script>
  83. <!-- Custom Js -->
  84. <script src="../../js/admin.js"></script>
  85. <script src="../../js/pages/examples/sign-up.js"></script>
  86. </body>
  87. </html>