pages-register.html 3.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7. <meta name="description" content="CoreUI Bootstrap 4 Admin Template">
  8. <meta name="author" content="Lukasz Holeczek">
  9. <meta name="keyword" content="CoreUI Bootstrap 4 Admin Template">
  10. <!-- <link rel="shortcut icon" href="assets/ico/favicon.png"> -->
  11. <title>CoreUI Bootstrap 4 Admin Template</title>
  12. <!-- Icons -->
  13. <link href="css/font-awesome.min.css" rel="stylesheet">
  14. <link href="css/simple-line-icons.css" rel="stylesheet">
  15. <!-- Main styles for this application -->
  16. <link href="css/style.css" rel="stylesheet">
  17. </head>
  18. <body class="app flex-row align-items-center">
  19. <div class="container">
  20. <div class="row justify-content-center">
  21. <div class="col-md-6">
  22. <div class="card mx-2">
  23. <div class="card-block p-2">
  24. <h1>Register</h1>
  25. <p class="text-muted">Create your account</p>
  26. <div class="input-group mb-1">
  27. <span class="input-group-addon"><i class="icon-user"></i>
  28. </span>
  29. <input type="text" class="form-control" placeholder="Username">
  30. </div>
  31. <div class="input-group mb-1">
  32. <span class="input-group-addon">@</span>
  33. <input type="text" class="form-control" placeholder="Email">
  34. </div>
  35. <div class="input-group mb-1">
  36. <span class="input-group-addon"><i class="icon-lock"></i>
  37. </span>
  38. <input type="password" class="form-control" placeholder="Password">
  39. </div>
  40. <div class="input-group mb-2">
  41. <span class="input-group-addon"><i class="icon-lock"></i>
  42. </span>
  43. <input type="password" class="form-control" placeholder="Repeat password">
  44. </div>
  45. <button type="button" class="btn btn-block btn-success">Create Account</button>
  46. </div>
  47. <div class="card-footer p-2">
  48. <div class="row">
  49. <div class="col-6">
  50. <button class="btn btn-block btn-facebook" type="button">
  51. <span>facebook</span>
  52. </button>
  53. </div>
  54. <div class="col-6">
  55. <button class="btn btn-block btn-twitter" type="button">
  56. <span>twitter</span>
  57. </button>
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. <!-- Bootstrap and necessary plugins -->
  66. <script src="assets/js/libs/jquery.min.js"></script>
  67. <script src="assets/js/libs/tether.min.js"></script>
  68. <script src="assets/js/libs/bootstrap.min.js"></script>
  69. </body>
  70. </html>