Showing
2 changed files
with
18 additions
and
16 deletions
1 | <% include ../includes/header.ejs %> | 1 | <% include ../includes/header.ejs %> |
2 | -<div class="row"> | 2 | +<div class="w-25 border border-info border-3" style="position: absolute; left: 37%; top: 17%;"> |
3 | - <div class="col-md-4 col-md-offset-4"> | 3 | + <div> |
4 | - <div class="login-panel panel panel-default"> | 4 | + <div> |
5 | - <div class="panel-heading"> | 5 | + <div style="padding-top: 5%; padding-left: 5%;"> |
6 | <h3 class="panel-title">회원가입</h3> | 6 | <h3 class="panel-title">회원가입</h3> |
7 | </div> | 7 | </div> |
8 | <div class="panel-body"> | 8 | <div class="panel-body"> |
9 | <form role="form" action="" id="join_form" method="post"> | 9 | <form role="form" action="" id="join_form" method="post"> |
10 | <fieldset> | 10 | <fieldset> |
11 | - <div class="form-group"> | 11 | + <div class="w-100" style="padding-left: 5%; padding-right: 5%;"> |
12 | <input class="form-control" placeholder="ID" name="username" type="text" autofocus="" required=""> | 12 | <input class="form-control" placeholder="ID" name="username" type="text" autofocus="" required=""> |
13 | </div> | 13 | </div> |
14 | - <div class="form-group"> | 14 | + <div class="w-100" style="padding-left: 5%; padding-right: 5%;padding-top: 3%"> |
15 | <input class="form-control" placeholder="Password" name="password" type="password" value="" required=""> | 15 | <input class="form-control" placeholder="Password" name="password" type="password" value="" required=""> |
16 | </div> | 16 | </div> |
17 | - <div class="form-group"> | 17 | + <div class="w-100" style="padding-left: 5%; padding-right: 5%;padding-top: 3%"> |
18 | <input class="form-control" placeholder="Password 확인" name="password2" type="password" value="" required=""> | 18 | <input class="form-control" placeholder="Password 확인" name="password2" type="password" value="" required=""> |
19 | </div> | 19 | </div> |
20 | - <div class="form-group"> | 20 | + <div class="w-100" style="padding-left: 5%; padding-right: 5%;padding-top: 3%"> |
21 | <input class="form-control" placeholder="이름" name="displayname" type="text" value="" required=""> | 21 | <input class="form-control" placeholder="이름" name="displayname" type="text" value="" required=""> |
22 | </div> | 22 | </div> |
23 | <!-- Change this to a button or input when using this as a form --> | 23 | <!-- Change this to a button or input when using this as a form --> |
24 | + <div class="d-grid gap-2 col-11 mx-auto p-2"> | ||
24 | <input type="submit" class="btn btn-lg btn-success btn-block" value="가입하기"> | 25 | <input type="submit" class="btn btn-lg btn-success btn-block" value="가입하기"> |
25 | - <div style="margin-top: 10px"> | ||
26 | <a href="/auth/facebook" class="btn btn-lg btn-primary btn-block"> | 26 | <a href="/auth/facebook" class="btn btn-lg btn-primary btn-block"> |
27 | <i class="fa fa-facebook" aria-hidden="true"></i> 페이스북 회원가입 | 27 | <i class="fa fa-facebook" aria-hidden="true"></i> 페이스북 회원가입 |
28 | </a> | 28 | </a> | ... | ... |
1 | <% include ../includes/header.ejs %> | 1 | <% include ../includes/header.ejs %> |
2 | -<div class="row"> | 2 | +<div class="w-25 border border-info border-3" style="position: absolute; left: 37%; top: 17%;"> |
3 | - <div class="col-md-4 col-md-offset-4"> | 3 | + <div> |
4 | <%if(typeof flashMessage !=='undefined') {%> | 4 | <%if(typeof flashMessage !=='undefined') {%> |
5 | <div class="alert alert-danger" role="alert"><%=flashMessage%></div> | 5 | <div class="alert alert-danger" role="alert"><%=flashMessage%></div> |
6 | <%}%> | 6 | <%}%> |
7 | - <div class="login-panel panel panel-default"> | 7 | + <div> |
8 | - <div class="panel-heading"> | 8 | + <div style="padding-top: 5%; padding-left: 5%;"> |
9 | <h3 class="panel-title">로그인</h3> | 9 | <h3 class="panel-title">로그인</h3> |
10 | </div> | 10 | </div> |
11 | <div class="panel-body"> | 11 | <div class="panel-body"> |
12 | <form role="form" action="" id="login_form" method="post"> | 12 | <form role="form" action="" id="login_form" method="post"> |
13 | <fieldset> | 13 | <fieldset> |
14 | - <div class="form-group"> | 14 | + <div class="w-100" style="padding-left: 5%; padding-right: 5%;"> |
15 | + <label for="login" class="form-label">ID</label> | ||
15 | <input class="form-control" placeholder="ID" name="username" type="text" autofocus="" required=""> | 16 | <input class="form-control" placeholder="ID" name="username" type="text" autofocus="" required=""> |
16 | </div> | 17 | </div> |
17 | - <div class="form-group"> | 18 | + <div class="w-100 p-3"> |
19 | + <label for="password" class="form-label">Password</label> | ||
18 | <input class="form-control" placeholder="Password" name="password" type="password" value="" required=""> | 20 | <input class="form-control" placeholder="Password" name="password" type="password" value="" required=""> |
19 | </div> | 21 | </div> |
20 | <!-- Change this to a button or input when using this as a form --> | 22 | <!-- Change this to a button or input when using this as a form --> |
23 | + <div class="d-grid gap-2 col-11 mx-auto p-2"> | ||
21 | <input type="submit" class="btn btn-lg btn-success btn-block" value="로그인"> | 24 | <input type="submit" class="btn btn-lg btn-success btn-block" value="로그인"> |
22 | - <div style="margin-top: 10px"> | ||
23 | <a href="/auth/facebook" class="btn btn-lg btn-primary btn-block"> | 25 | <a href="/auth/facebook" class="btn btn-lg btn-primary btn-block"> |
24 | <i class="fa fa-facebook" aria-hidden="true"></i> 페이스북 로그인 | 26 | <i class="fa fa-facebook" aria-hidden="true"></i> 페이스북 로그인 |
25 | </a> | 27 | </a> | ... | ... |
-
Please register or login to post a comment