diff --git a/junyeong/index.css b/junyeong/index.css new file mode 100644 index 0000000..94ee3e5 --- /dev/null +++ b/junyeong/index.css @@ -0,0 +1,106 @@ +#container { + width: 418px; + margin: 0 auto; + padding: 45px 0; + border: 1px solid #d3d3d3; + border-radius: 5px; + margin-top: 180px; + position: relative; +} +.footer { + width: 418px; + margin: 0 auto; + padding: 10px 0; + font-size: 12px; + color: #5f6368; + display: flex; + justify-content: space-between; + align-items: center; +} +.footer a { + color: gray; + text-decoration: none; + margin: 0 10px; +} +#container h1, +#container h2 { + text-align: center; +} +#container h1 { + margin-top: 10px; +} +#container h1:nth-child(2) { + margin-top: 20px; + font-size: 24px; + font-weight: 700; +} + +#container h1 img { + width: 100px; +} +#container h2 { + margin: 20px 0; +} +#container #login_form fieldset ul li input[name="user_id"] { + border: 1px solid #666666; + width: 366px; + height: 56px; + padding: 15px 10px; + border-radius: 5px; + margin: 10px 30px 10px 30px; +} + +#container #login_form fieldset ul { + margin-bottom: 20px; +} + +#container #login_form fieldset ul li { + line-height: 1.3; +} + +#container #login_form fieldset ul li:nth-child(2) { + margin-bottom: 50px; +} + +#container #login_form fieldset ul li:nth-child(3) { + margin: 0 30px; +} + +.sz { + font-size: 16px; +} + +.user_id_1 { + color: #1a73e8; + margin: 0 38px; +} + +.user_id_2 { + color: #1a73e8; + margin: 0; +} +#container #login_form fieldset .bottom { + display: flex; + flex-flow: row nowrap; + justify-content: space-between; + align-items: center; +} +#container #login_form fieldset .bottom { + padding: 50px 0 30px 0; +} +.make { + margin: 0 0 0 30px; + color: #1a73e8; +} +#container #login_form fieldset .bottom .join { + color: #1a73e8; +} +#container #login_form fieldset .bottom #next_btn { + color: #fff; + padding: 10px 20px; + border-radius: 5px; + margin: 0px 30px 0 0; +} +select { + outline: 0; +} diff --git a/junyeong/index.html b/junyeong/index.html new file mode 100644 index 0000000..b78833f --- /dev/null +++ b/junyeong/index.html @@ -0,0 +1,61 @@ + + + + + + + 로그인 Google 계정 + + + + + +
+

Google_image

+

로그인

+

Google 계정 사용

+
+
+ 로그인양식 + +
+ 계정 만들기 + 다음 +
+ +
+ + +
+
+
+
+ +
+
+ 도움말 + 개인정보처리방침 + 약관 +
+
+ + + \ No newline at end of file diff --git a/junyeong/reset.css b/junyeong/reset.css new file mode 100644 index 0000000..794c65c --- /dev/null +++ b/junyeong/reset.css @@ -0,0 +1,60 @@ +* { + box-sizing: border-box; +} +html, +body, +div, +h1, +h2, +p, +form, +fieldset, +legend, +ul, +li, +input, +button, +a, +img, +select, +option, +footer { + margin: 0; + padding: 0; + font-size: 1rem; + font-weight: normal; + font-style: normal; + line-height: 1; +} + +fieldset { + border: 0; +} + +legend { + display: none; +} + +a { + color: #000; + text-decoration: none; +} + +button { + border: 0; + background: none; + cursor: pointer; +} + +input { + border: 0; +} + +select { + border: 0; +} + +ul, +li { + list-style: none; +} diff --git a/junyeong/static/Google.png b/junyeong/static/Google.png new file mode 100644 index 0000000..ed8841b Binary files /dev/null and b/junyeong/static/Google.png differ