diff --git a/dongjae/index.css b/dongjae/index.css new file mode 100644 index 0000000..41ae22b --- /dev/null +++ b/dongjae/index.css @@ -0,0 +1,120 @@ +#container { + width: 418px; + margin: 0 auto; + padding: 45px 0; + border: 1px solid #d3d3d3; + border-radius: 5px; + margin-top: 180px; +} + +#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: 0 30px 0 0; +} + +.dropdown { + border: 1px solid #d3d3d3; + border-radius: 3px; + width: 418px; + margin: 0 auto; + margin-top: 3px; + padding: 5px; + display: flex; + align-items: center; + justify-content: space-between; +} + +.dropdown #about { + display: flex; + align-items: center; + justify-content: space-between; +} + +.dropdown #about a { + margin: 5px; + color: #666666; +} diff --git a/dongjae/index.html b/dongjae/index.html new file mode 100644 index 0000000..40ca954 --- /dev/null +++ b/dongjae/index.html @@ -0,0 +1,51 @@ + + + + + + Document + + + + +
+

Google Image

+

로그인

+

Google 계정 사용

+
+
+ 로그인 양식 + +
+ 계정 만들기 + +
+
+
+
+
+ +
+ 도움말 + 개인정보처리방침 + 약관 +
+
+ + \ No newline at end of file diff --git a/dongjae/reset.css b/dongjae/reset.css new file mode 100644 index 0000000..e44a5d4 --- /dev/null +++ b/dongjae/reset.css @@ -0,0 +1,42 @@ +* { + 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: 1.0rem; + font-weight: normal; + font-style:normal; + line-height:1.0; +} + +fieldset { + border:0; +} + +legend { + display: none; +} + +a { + color: #000; + text-decoration: none; +} + +button { + border: 0; + backgound: none; + cursor: pointer; +} + +input { + border: 0; +} + +select { + border: 0; +} + +ul, li { + list-style: none; +} \ No newline at end of file diff --git a/dongjae/static/KakaoTalk_Photo_2023-10-27-18-32-52.png b/dongjae/static/KakaoTalk_Photo_2023-10-27-18-32-52.png new file mode 100644 index 0000000..ed8841b Binary files /dev/null and b/dongjae/static/KakaoTalk_Photo_2023-10-27-18-32-52.png differ