diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..fa0b1eb Binary files /dev/null and b/.DS_Store differ diff --git a/1215/.DS_Store b/1215/.DS_Store new file mode 100644 index 0000000..9e0f686 Binary files /dev/null and b/1215/.DS_Store differ diff --git "a/1215/\352\263\274\354\240\2341/1.html" "b/1215/\352\263\274\354\240\2341/1.html" new file mode 100644 index 0000000..2d5f67d --- /dev/null +++ "b/1215/\352\263\274\354\240\2341/1.html" @@ -0,0 +1,46 @@ + + + + + + Document + + + + +
+ + + diff --git "a/1215/\352\263\274\354\240\2341/login.css" "b/1215/\352\263\274\354\240\2341/login.css" new file mode 100644 index 0000000..3055c35 --- /dev/null +++ "b/1215/\352\263\274\354\240\2341/login.css" @@ -0,0 +1,131 @@ +* { + padding: 0; + margin: 0; + box-sizing: border-box; +} +body { + width: 100%; +} +ul, +li { + list-style: none; +} +.logo { + font-size: 32px; + color: #1485ee; + margin-left: 10%; + font-weight: bold; +} +a, +button { + text-decoration: none; + color: black; + display: inline-block; +} +.header { + display: flex; + justify-content: space-between; +} +.bar { + display: flex; + justify-content: space-between; + width: 15%; + margin-right: 10%; +} +.bar > li > a { + font-size: 20px; +} +header { + width: 100%; + height: 80px; + position: fixed; + top: 0; + left: 0; + text-align: center; + padding: 25px; + background-color: #fff; + z-index: 100; + box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1); +} +.box { + margin-top: 3%; + position: absolute; + width: 450px; + height: 550px; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + border-radius: 10px; + border: 1px solid #c1c1c1; +} +.box .item1 p:nth-child(1) { + font-size: 24px; + text-align: center; + color: #1485ee; + font-weight: bold; + margin-top: 18%; +} +.box .item1 p:nth-child(2) { + font-size: 36px; + text-align: center; + color: #000; + font-weight: bold; +} +.box .item2 { + display: flex; + justify-content: center; +} +.box .item2 > div { + width: 350px; + margin-top: 30px; +} +.box .item2 p { + font-size: 14px; + color: #1485ee; + font-weight: bold; + line-height: 25px; + margin-top: 20px; +} +.box .item2 input::placeholder { + color: #909090; + font-size: 16px; + margin-left: 10%; +} +.box .item2 input { + width: 350px; + height: 40px; + border-radius: 10px; + border: 1px solid #c1c1c1; + background: #fff; + font-size: 16px; +} + +input { + padding-left: 10px; +} +.box .item3 { + display: flex; + justify-content: center; + margin-top: 40px; +} +.box .item3 > div { + width: 200px; + height: 70px; + text-align: center; +} +.login { + display: block; + width: 200px; + height: 50px; + border-radius: 50px; + background-color: #1485ee; + color: #fff; + font-size: 20px; + border: none; +} +.box .item3 > div > a { + color: #1485ee; + font-size: 13px; + font-weight: bold; + margin-top: 10px; +} diff --git "a/1215/\352\263\274\354\240\2341/login.html" "b/1215/\352\263\274\354\240\2341/login.html" new file mode 100644 index 0000000..b5dd195 --- /dev/null +++ "b/1215/\352\263\274\354\240\2341/login.html" @@ -0,0 +1,58 @@ + + + + + + Document + + +
+
+ + + +
+
+
+
+

Care aNd Service

+

로그인

+
+
+
+

아이디

+ +

비밀번호

+ +
+
+
+
+ + 계정이 없으신가요? +
+
+
+ + diff --git a/README.md b/README.md index 4e0f26b..15384f7 100644 --- a/README.md +++ b/README.md @@ -10,7 +10,7 @@ ![Group 3](https://github.com/2023NewCNSMember/Frontend-Assignment/assets/101560583/87ca165b-df46-4003-9912-417cbf8dba9b) 3. 클론이 되었으면 자신의 branch를 선택한뒤 vsc를 열고 자신의 학번으로 폴더를 새로 열고 개발을 하시면 됩니다.
![newcns3](https://github.com/2023NewCNSMember/Frontend-Assignment/assets/101560583/7b93c510-d7cd-4d99-aef6-51cfeb029295) -![newcns3-1](https://github.com/2023NewCNSMember/Frontend-Assignment/assets/101560583/07df326c-5afb-4538-a38f-62ad905854b8) +![newcns333](https://github.com/2023NewCNSMember/Frontend-Assignment/assets/101560583/a75b3a2f-0651-467b-9aa1-8e05ee20e4d4) 4. 만약 개발이 다 된 상태라면 create pull request를 눌러 자신의 학번이름으로 제목을 입력한뒤
내용엔 간단한 코드 설명을 적으시면 됩니다.(미리보기 사진이 있으면 더 좋습니다.)