signin.html 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Регистрация</title>
  6. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  7. <link rel="stylesheet" type="text/css" href="http://localhost:8080/resources/signin/style.css">
  8. </head>
  9. <body>
  10. <section class="vh-100 gradient-custom">
  11. <div class="container py-5 h-100">
  12. <div class="row d-flex justify-content-center align-items-center h-100">
  13. <div class="col-12 col-md-8 col-lg-6 col-xl-5">
  14. <div class="ard bg-dark text-white" style="border-radius: 1rem;">
  15. <div class="card-body p-5">
  16. <div class="mb-md-5 mt-md-4 pb-2">
  17. <form method="POST" id="signinsubmitform">
  18. <h2 class="fw-bold mb-2 text-uppercase text-center pb-4">Регистрация</h2>
  19. <div class="form-outline form-white mb-4">
  20. <label class="form-label" for="typeEmailX">Имя пользователя</label>
  21. <input type="text" id="username" name="username" class="form-control form-control-lg" value="{{.Username}}" required>
  22. </div>
  23. <div class="form-group form-outline form-white mb-4">
  24. <label class="form-label" for="typePasswordX">Пароль</label>
  25. <span class="has-float-label pass_show mb-4">
  26. <input type="password" id="password" name="password" class="form-control form-control-lg has-float-label" value="{{.Password}}" required>
  27. </span>
  28. </div>
  29. <div class="form-group form-outline form-white mb-4">
  30. <label class="form-label" for="typePasswordX">Подтвердить пароль</label>
  31. <span class="has-float-label pass_show mb-4">
  32. <input type="password" id="password-repeat" name="password-repeat" class="form-control form-control-lg has-float-label" value="{{.PasswordRepeat}}" required>
  33. </span>
  34. <small id="errmsg" class="form-text text-center errmsg">{{if .Error}}{{.Error}}{{end}}</small>
  35. </div>
  36. <div class="text-center">
  37. <input class="btn btn-dark btn-lg px-5" type="submit" value="Регистрация">
  38. </div>
  39. </form>
  40. </div>
  41. <div>
  42. <p class="mb-0 text-secondary">Уже зарегистрированы? <a href="/login/" class="text-primary fw-bold myclass">Войти</a></p>
  43. </div>
  44. </div>
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. </section>
  50. <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
  51. </script>
  52. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
  53. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  54. <script src="http://localhost:8080/resources/signin/script.js"></script>
  55. </body>
  56. </html>