Showing
2 changed files
with
94 additions
and
87 deletions
This diff is collapsed. Click to expand it.
| 1 | -<!DOCTYPE <!DOCTYPE html> | 1 | +<!DOCTYPE |
| 2 | + | ||
| 3 | +<!DOCTYPE html> | ||
| 2 | <html> | 4 | <html> |
| 3 | 5 | ||
| 4 | -<head> | 6 | + <head> |
| 5 | <meta charset="utf-8" /> | 7 | <meta charset="utf-8" /> |
| 6 | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | 8 | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| 7 | - <title>Page Title</title> | 9 | + <title>Page Title</title> |
| 8 | - | 10 | + |
| 9 | - <!-- font --> | 11 | + <!-- font --> |
| 10 | - <link href="https://fonts.googleapis.com/css?family=Nanum+Brush+Script&subset=korean" rel="stylesheet"> | 12 | + <link href="https://fonts.googleapis.com/css?family=Nanum+Brush+Script&subset=korean" rel="stylesheet"> |
| 11 | - <link href="https://fonts.googleapis.com/css?family=Yeon+Sung&subset=korean" rel="stylesheet"> | 13 | + <link href="https://fonts.googleapis.com/css?family=Yeon+Sung&subset=korean" rel="stylesheet"> |
| 12 | - | 14 | + <link href="https://fonts.googleapis.com/css?family=Do+Hyeon&display=swap" rel="stylesheet"> |
| 13 | - <meta name="viewport" content="width=device-width, initial-scale=1"> | 15 | + <meta name="viewport" content="width=device-width, initial-scale=1"> |
| 14 | - <link rel="stylesheet" type="text/css" media="screen" href="main.css" /> | 16 | + <link rel="stylesheet" type="text/css" media="screen" href="main.css" /> |
| 15 | - <script src="main.js"></script> | 17 | + <script src="main.js"></script> |
| 16 | - | 18 | + |
| 17 | - <!-- 합쳐지고 최소화된 최신 CSS --> | 19 | + <!-- 합쳐지고 최소화된 최신 CSS --> |
| 18 | - <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> | 20 | + <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> |
| 19 | - | 21 | + |
| 20 | - <!-- 부가적인 테마 --> | 22 | + <!-- 부가적인 테마 --> |
| 21 | - <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css"> | 23 | + <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css"> |
| 22 | - | 24 | + |
| 23 | - <!-- 합쳐지고 최소화된 최신 자바스크립트 --> | 25 | + <!-- 합쳐지고 최소화된 최신 자바스크립트 --> |
| 24 | - <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> | 26 | + <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> |
| 25 | - | 27 | + |
| 26 | - <style type="text/css"> | 28 | + <style type="text/css"> |
| 27 | - html, | 29 | + html, |
| 28 | - { | 30 | + { |
| 29 | - margin: 0; | 31 | + margin: 0; |
| 30 | - padding: 0; | 32 | + padding: 0; |
| 31 | - } | 33 | + } |
| 32 | - | 34 | + |
| 33 | - body { | 35 | + body { |
| 34 | - margin: 0; | 36 | + margin: 0; |
| 35 | - padding: 0; | 37 | + padding: 0; |
| 36 | - | 38 | + |
| 37 | - /* background-image: url('newbackground.png'); | 39 | + /* background-image: url('newbackground.png'); |
| 38 | - background-repeat: no-repeat; | 40 | + background-repeat: no-repeat; |
| 39 | - background-size: cover; */ | 41 | + background-size: cover; */ |
| 40 | - /* background: linear-gradient( to bottom, #fbc2eb, #a6c1ee ); */ | 42 | + /* background: linear-gradient( to bottom, #fbc2eb, #a6c1ee ); */ |
| 41 | - } | 43 | + } |
| 42 | - | 44 | + |
| 43 | - h1 { | 45 | + h1 { |
| 44 | - color: white; | 46 | + color: white; |
| 45 | - font-family: 'Nanum Brush Script', cursive; | 47 | + font-family: 'Do Hyeon', sans-serif; |
| 46 | - } | 48 | + //font-family: 'Nanum Brush Script', cursive; |
| 47 | - | 49 | + } |
| 48 | - label { | 50 | + |
| 49 | - color: white; | 51 | + label { |
| 50 | - font-size: 20px; | 52 | + color: white; |
| 51 | - font-family: 'Yeon Sung', cursive; | 53 | + font-size: 20px; |
| 52 | - } | 54 | + font-family: 'Do Hyeon', sans-serif; |
| 53 | - | 55 | + } |
| 54 | - #banner { | 56 | + |
| 55 | - position: absolute; | 57 | + #banner { |
| 56 | - top: 0; | 58 | + position: absolute; |
| 57 | - width: 100%; | 59 | + top: 0; |
| 58 | - } | 60 | + width: 100%; |
| 59 | - | 61 | + } |
| 60 | - #footer { | 62 | + |
| 61 | - position: absolute; | 63 | + #footer { |
| 62 | - bottom: 0; | 64 | + position: absolute; |
| 63 | - width: 100%; | 65 | + bottom: 0; |
| 64 | - height: 50px; | 66 | + width: 100%; |
| 65 | - text-align: center; | 67 | + height: 50px; |
| 66 | - font-family: 'Yeon Sung', cursive; | 68 | + text-align: center; |
| 67 | - color: white; | 69 | + font-family: 'Do Hyeon', sans-serif; |
| 68 | - } | 70 | + color: white; |
| 69 | - </style> | 71 | + } |
| 70 | - | 72 | + </style> |
| 71 | -</head> | 73 | + |
| 72 | - | 74 | + </head> |
| 73 | -<body> | 75 | + |
| 74 | - <img src="images/background.jpg" alt="" style="z-index:-1; min-width: 100%; min-height: 100%"> | 76 | + <body> |
| 75 | - <div id="banner"> | 77 | + <img src="images/newbackground.png" alt="" style="z-index:-1; min-width: 100%; min-height: 100%"> |
| 78 | + <div id="banner"> | ||
| 76 | <div style="width:100%; text-align: center; padding-top:170px;"> | 79 | <div style="width:100%; text-align: center; padding-top:170px;"> |
| 77 | - <h1 style="font-size:90px;">당신이 지금 죽을 확률은?</h1> | 80 | + <h1 style="font-size:90px;">당신이 지금 죽을 확률은?</h1> |
| 78 | </div> | 81 | </div> |
| 79 | - <br><br><br> | 82 | + <br> |
| 80 | - <div style="width:100%; text-align: center;"> | 83 | + <br> |
| 81 | - <form action="/starting" method="post"> | 84 | + <br> |
| 82 | - <div class="form-inline"> | 85 | + <div style="width:100%; text-align: center;"> |
| 86 | + <form action="/starting" method="post"> | ||
| 87 | + <div class="form-inline"> | ||
| 83 | <label>이름</label> | 88 | <label>이름</label> |
| 84 | - <input type="text" name="name" class="form-control" placeholder="김철수" style="width:200px;"> | 89 | + <input type="text" name="name" class="form-control" placeholder="조인화" style="width:200px;"> |
| 85 | -       | 90 | +       |
| 86 | - <label>생년월일</label> | 91 | + <label>생년월일</label> |
| 87 | - <input type="text" name="birth" class="form-control" placeholder="971009" style="width:200px;"> | 92 | + <input type="text" name="birth" class="form-control" placeholder="991025" style="width:200px;"> |
| 88 | - <br><br><br> | 93 | + <br> |
| 89 | - <input type="submit" value="시작하기" class="btn btn-default" style="font-family: 'Yeon Sung', cursive; width:100px;font-weight: bold; font-size: 18px; background-color: white;"> | 94 | + <br> |
| 95 | + <br> | ||
| 96 | + <input type="submit" value="시작하기" class="btn btn-default" style="font-family: 'Do Hyeon', sans-serif; width:100px;font-weight: bold; font-size: 18px; background-color: white;"> | ||
| 90 | </div> | 97 | </div> |
| 91 | - </form> | 98 | + </form> |
| 92 | - </div> | 99 | + </div> |
| 93 | 100 | ||
| 94 | - </div> | 101 | + </div> |
| 95 | 102 | ||
| 96 | - <div id="footer">오픈소스SW개발 조민지 강환석 배희수</div> | 103 | + <div id="footer">오픈소스SW개발 김주희 김윤지 조인화</div> |
| 97 | -</body> | 104 | + </body> |
| 98 | 105 | ||
| 99 | </html> | 106 | </html> |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or login to post a comment