구희연 / Food_recipe_info

Go to a project
Toggle navigation Toggle navigation pinning
조국현
91bf3244 1 parent 67381079

Update index.ejs and index.css

Inline Side-by-side
Showing 2 changed files with 56 additions and 21 deletions
1 -* {
2 - box-sizing: border-box;
3 - font-family: 'Noto Sans KR', Sans-serif;
4 -}
5 body { 1 body {
6 - margin: 0; 2 + padding-top: 15px;
7 - background-color: gray; 3 + font-size: 12px
4 +}
5 +.main {
6 + max-width: 320px;
7 + margin: 0 auto;
8 } 8 }
9 -.container { 9 +.login-or {
10 + position: relative;
11 + font-size: 18px;
12 + color: #aaa;
13 + margin-top: 10px;
14 + margin-bottom: 10px;
15 + padding-top: 10px;
16 + padding-bottom: 10px;
17 +}
18 +.span-or {
19 + display: block;
10 position: absolute; 20 position: absolute;
11 - width: 400px;
12 - height: 400px;
13 - background-color: gray;
14 - text-align: center;
15 - margin-left: -200px;
16 - margin-top: -200px;
17 left: 50%; 21 left: 50%;
18 - top: 50%; 22 + top: -2px;
23 + margin-left: -25px;
24 + background-color: #fff;
25 + width: 50px;
26 + text-align: center;
27 +}
28 +.hr-or {
29 + background-color: #cdcdcd;
30 + height: 1px;
31 + margin-top: 0px !important;
32 + margin-bottom: 0px !important;
33 +}
34 +h3 {
35 + text-align: center;
36 + line-height: 300%;
19 } 37 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -3,19 +3,36 @@ ...@@ -3,19 +3,36 @@
3 <head> 3 <head>
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 - <link rel="stylesheet" type="text/css" href="/css/index.css"/> 6 + <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
7 + <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
8 + <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
7 <title><%= title %></title> 9 <title><%= title %></title>
8 </head> 10 </head>
9 <body> 11 <body>
10 <div class="container"> 12 <div class="container">
11 - <h1>Login</h1> 13 + <div class="row">
12 - <form method="POST" action="/"> 14 +
13 - <label for="userId">아이디</label> 15 + <div class="main">
14 - <input type="text" id="userId" name="userId"><br> 16 +
17 + <h3>Login</h3>
18 +
19 + <form role="form" method="POST" action="/">
20 + <div class="form-group">
21 + <label for="userId">ID</label>
22 + <input type="text" class="form-control" id="userId" name="userId">
23 + </div>
24 + <div class="form-group">
15 <label for="password">비밀번호</label> 25 <label for="password">비밀번호</label>
16 - <input type="password" id="password" name="password"><br> 26 + <input type="password" class="form-control" id="password" name="password">
17 - <button>로그인</button> 27 + </div>
28 + <button type="submit" class="btn btn btn-primary">
29 + Enter
30 + </button>
18 </form> 31 </form>
32 +
33 + </div>
34 +
35 + </div>
19 </div> 36 </div>
20 </body> 37 </body>
21 </html> 38 </html>
...\ No newline at end of file ...\ No newline at end of file
......