diff --git a/3week/signin/signin.css b/3week/signin/signin.css new file mode 100644 index 0000000..847829a --- /dev/null +++ b/3week/signin/signin.css @@ -0,0 +1,71 @@ +body { + background-color: rgba(121, 105, 228, 0.446); +} + +.link-container { + position: relative; + width: 95vw; + height: 5vh; +} + +.signup-link { + position: absolute; + right: 1%; + top: 5%; + font-size: small; +} + +.contents-container { + width: 98.5vw; + height: 90vh; + position: relative; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.title { + position: absolute; + top: 8%; + font-size: x-large; + font-weight: 800; + color: rgb(18, 3, 101); + border-style: dashed; + padding-left: 10%; + padding-right: 10%; + padding-top: 1%; + padding-bottom: 1%; + border-radius: 10px 10px 10px 10px; +} + +.id-line { + width: 30vw; + position: absolute; + top: 35%; + right: 35%; + display: flex; + justify-content: center; +} + +.id { + margin-left: 15px; +} + +.pw-line { + width: 30vw; + position: absolute; + top: 50%; + right: 35.5%; + display: flex; + justify-content: center; +} + +.pw { + margin-left: 15px; +} + +.login { + position: absolute; + top: 70% +} diff --git a/3week/signin/signin.html b/3week/signin/signin.html new file mode 100644 index 0000000..cf0a5ad --- /dev/null +++ b/3week/signin/signin.html @@ -0,0 +1,29 @@ + + + + + + + Sign in + + + +
+
+ +
+
+
+
+
Dahee Site
+
+ id: +
+
+ pw: +
+ +
+
+ + diff --git a/3week/signup/signup.css b/3week/signup/signup.css new file mode 100644 index 0000000..b2e0639 --- /dev/null +++ b/3week/signup/signup.css @@ -0,0 +1,125 @@ +body { + background-color: rgba(121, 105, 228, 0.446); + display: grid; + justify-items: center; + align-items: center; + font-size: small; +} + +.link-container { + position: relative; + width: 95vw; + height: 5vh; +} + +.signin-link { + position: absolute; + right: 1%; + top: 5%; + font-size: small; +} + +.contents-container { + width: 98.5vw; + height: 90vh; + display: grid; + grid-template-columns: 1fr 1.5fr; + grid-template-rows: 3fr 1.5fr 1.5fr 1.5fr 1.5fr 1.5fr 1.5fr 0.7fr 1fr; + justify-items: center; + align-items: center; + column-gap: 10px; +} + +.title { + grid-column: 1/3; + grid-row: 1/2; + font-size: x-large; + font-weight: 800; + color: rgb(18, 3, 101); + border-style: dashed; + padding-left: 10%; + padding-right: 10%; + padding-top: 1%; + padding-bottom: 1%; + border-radius: 10px 10px 10px 10px; +} + +.id-mark { + grid-column: 1/2; + grid-row: 2/3; + justify-self: end; +} + +.id { + grid-column: 2/3; + grid-row: 2/3; + justify-self: start; +} + +.pw-mark { + grid-column: 1/2; + grid-row: 3/4; + justify-self: end; +} + +.pw { + grid-column: 2/3; + grid-row: 3/4; + justify-self: start; +} + +.pw-check-mark { + grid-column: 1/2; + grid-row: 4/5; + justify-self: end; +} + +.pw-check { + grid-column: 2/3; + grid-row: 4/5; + justify-self: start; +} + +.student-number-mark { + grid-column: 1/2; + grid-row: 5/6; + justify-self: end; +} + +.student-number { + grid-column: 2/3; + grid-row: 5/6; + justify-self: start; +} + +.major-mark { + grid-column: 1/2; + grid-row: 6/7; + justify-self: end; +} + +.major { + grid-column: 2/3; + grid-row: 6/7; + justify-self: start; +} + +.phone-number-mark { + grid-column: 1/2; + grid-row: 7/8; + justify-self: end; +} + +.phone-number { + grid-column: 2/3; + grid-row: 7/8; + justify-self: start; +} + +.btn-line { + grid-column: 1/3; + grid-row: 9/10; + justify-self: center; +} + + diff --git a/3week/signup/signup.html b/3week/signup/signup.html new file mode 100644 index 0000000..56cd364 --- /dev/null +++ b/3week/signup/signup.html @@ -0,0 +1,61 @@ + + + + + + + Sign up + + + +
+
+ +
+
+
+
+
Dahee Site
+
+ id: +
+
+ +
+
+ pw: +
+
+ +
+
+ pw check: +
+
+ +
+
+ student number: +
+
+ +
+
+ major: +
+
+ +
+
+ phone number: +
+
+ +
+
+ +
+
+
+ + \ No newline at end of file