|
10 | 10 | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
11 | 11 |
|
12 | 12 | <title>signup</title>
|
| 13 | + <style> |
| 14 | + .form-div { |
| 15 | + width: 50%; |
| 16 | + margin: auto; |
| 17 | + box-sizing: border-box; |
| 18 | + padding: 10px; |
| 19 | + } |
| 20 | + </style> |
13 | 21 | </head>
|
14 | 22 |
|
15 | 23 | <body class="container mt-5 text-center ">
|
16 | 24 | <h1 class="text-center text-dark">
|
17 | 25 | Sign Up Please
|
18 | 26 | </h1>
|
19 |
| - <div class="container mt-5 p-5 card"> |
| 27 | + <div class="container mt-5 text-center"> |
20 | 28 |
|
21 | 29 | <% if(typeof err !='undefined' ){ %>
|
22 | 30 | <% if(err.length> 0 ){ %>
|
|
28 | 36 | <% } %>
|
29 | 37 | <% } %>
|
30 | 38 |
|
31 |
| - |
32 |
| - <form action="/register" method="POST"> |
33 |
| - <div> |
34 |
| - <label for="username">Username</label> |
35 |
| - <input type="text" id="username" name="username" required value="<% if(typeof username !='undefined' ){ %> |
| 39 | + <div class="form-div card"> |
| 40 | + <div class="card-body"> |
| 41 | + <form action="/register" method="POST"> |
| 42 | + <div class='row justify-content-between m-1'> |
| 43 | + <label for="username">Username</label> |
| 44 | + <input type="text" id="username" name="username" required value="<% if(typeof username !='undefined' ){ %> |
36 | 45 | <%= username %>
|
37 | 46 | <% } %>">
|
38 |
| - </div> |
39 |
| - <div> |
40 |
| - <label for="email">Email</label> |
41 |
| - <input type="email" id="email" name="email" required value="<% if(typeof email !='undefined' ){ %> |
| 47 | + </div> |
| 48 | + <div class='row justify-content-between m-1'> |
| 49 | + <label for="email">Email</label> |
| 50 | + <input type="email" id="email" name="email" required value="<% if(typeof email !='undefined' ){ %> |
42 | 51 | <%= email %>
|
43 | 52 | <% } %>">
|
44 |
| - </div> |
45 |
| - <div> |
46 |
| - <label for="password1">Password</label> |
47 |
| - <input type="password" id="password1" name="password1" required> |
48 |
| - </div> |
49 |
| - <div> |
50 |
| - <label for="password2">Password</label> |
51 |
| - <input type="password" id="password2" name="password2" required> |
52 |
| - </div> |
| 53 | + </div> |
| 54 | + <div class='row justify-content-between m-1'> |
| 55 | + <label for="password1">Password</label> |
| 56 | + <input type="password" id="password1" name="password1" required> |
| 57 | + </div> |
| 58 | + <div class='row justify-content-between m-1'> |
| 59 | + <label for="password2">Confrim Passwaord</label> |
| 60 | + <input type="password" id="password2" name="password2" required> |
| 61 | + </div> |
53 | 62 |
|
54 |
| - <button type="submit" class="btn btn-success">Register</button> |
| 63 | + <button type="submit" class="btn btn-success mt-5">Register</button> |
55 | 64 |
|
56 |
| - </form> |
57 |
| - <p>Already a member ? <a href="/login">Login</a> </p> |
| 65 | + </form> |
58 | 66 |
|
| 67 | + <p class="mt-2">Already a member ? <a href="/login">Login</a> </p> |
| 68 | + </div> |
| 69 | + </div> |
59 | 70 |
|
60 | 71 | <!-- Optional JavaScript -->
|
61 | 72 | <!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
|
0 commit comments