From a561322868b34535d7b91cc9bb682b1feb663144 Mon Sep 17 00:00:00 2001 From: P-Soyoung Date: Tue, 30 Apr 2024 19:19:37 +0900 Subject: [PATCH 1/2] =?UTF-8?q?=EB=B0=95=EC=86=8C=EC=98=81=203=EC=A3=BC?= =?UTF-8?q?=EC=B0=A8=20=EC=8B=A4=EC=8A=B5=20=EA=B3=BC=EC=A0=9C=20=EC=A0=9C?= =?UTF-8?q?=EC=B6=9C=ED=95=A9=EB=8B=88=EB=8B=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- home.css | 33 +++++++++++++++++++++++++++++++++ home.html | 17 +++++++++++++++++ join_membership.css | 39 +++++++++++++++++++++++++++++++++++++++ join_membership.html | 32 ++++++++++++++++++++++++++++++++ login.css | 30 ++++++++++++++++++++++++++++++ login.html | 20 ++++++++++++++++++++ 6 files changed, 171 insertions(+) create mode 100644 home.css create mode 100644 home.html create mode 100644 join_membership.css create mode 100644 join_membership.html create mode 100644 login.css create mode 100644 login.html diff --git a/home.css b/home.css new file mode 100644 index 0000000..b92e5d9 --- /dev/null +++ b/home.css @@ -0,0 +1,33 @@ +body { + background-color: beige; + display: flex; + flex-direction: column; /* 세로 방향 */ + justify-content: center; /* 수평 가운데 정렬 */ + align-items: center; /* 수직 가운데 정렬 */ + height: 100vh; /* 화면 전체 높이에 맞춤 */ + margin: 0; /* margin 제거 */ +} + +h1 { + text-align: center; + top: 10px; + +} + +#join{ + background-color: rgb(249, 229, 229); + font-size: large; + text-align: center; + border-radius: 10px; /* 버튼 테두리 둥글게 */ + padding: 9px; /* 버튼 크기 키우기 */ + width: 300px; /* 버튼의 고정된 너비 */ +} + +#login{ + background-color: rgb(249, 229, 229); + font-size: large; + border-radius: 10px; /* 버튼 테두리 둥글게 */ + padding: 9px; /* 버튼 크기 키우기 */ + width: 300px; /* 버튼의 고정된 너비 */ + +} diff --git a/home.html b/home.html new file mode 100644 index 0000000..1dd2c0c --- /dev/null +++ b/home.html @@ -0,0 +1,17 @@ + + + + + 홈페이지 + + + +

홈페이지

+
+
+ + +
+ + + \ No newline at end of file diff --git a/join_membership.css b/join_membership.css new file mode 100644 index 0000000..8296868 --- /dev/null +++ b/join_membership.css @@ -0,0 +1,39 @@ +body { + background-color: beige; + display: flex; /* flex 박스 사용 */ + flex-direction: column; /* 세로 방향 */ + justify-content: center; /* 수평 가운데 정렬 */ + align-items: center; /* 수직 가운데 정렬 */ + height: 100vh; /* 화면 전체 높이에 맞춤 */ + margin: 0; /* margin 제거 */ +} + +#id_new, #pw_new, #pw_c { + height: 4vh; + width: 50vw; + border-radius: 10px; + +} + +#major_new { + height: 4vh; + width: 50vw; + border-radius: 10px; +} + +#signup { + background-color: rgb(249, 229, 229); + font-size: large; + border-radius: 10px; /* 버튼 테두리 둥글게 */ + padding: 3px; /* 버튼 크기 키우기 */ + width: 200px; /* 버튼의 고정된 너비 */ +} + +#cancel { + background-color: rgb(249, 229, 229); + font-size: large; + border-radius: 10px; /* 버튼 테두리 둥글게 */ + padding: 3px; /* 버튼 크기 키우기 */ + width: 200px; /* 버튼의 고정된 너비 */ + +} \ No newline at end of file diff --git a/join_membership.html b/join_membership.html new file mode 100644 index 0000000..df0ed0d --- /dev/null +++ b/join_membership.html @@ -0,0 +1,32 @@ + + + + + 회원가입 페이지 + + + +

회원가입 페이지

+
+ 아이디: +
+
+
+ 비밀번호: +
+
+
+ 비밀번호 확인: +
+
+
+ 학번: +
+
+
+ + +
+ + + \ No newline at end of file diff --git a/login.css b/login.css new file mode 100644 index 0000000..19cb92f --- /dev/null +++ b/login.css @@ -0,0 +1,30 @@ +body { + background-color: beige; + display: flex; + flex-direction: column; /* 세로 방향 */ + justify-content: center; /* 수평 가운데 정렬 */ + align-items: center; /* 수직 가운데 정렬 */ + height: 100vh; /* 화면 전체 높이에 맞춤 */ + margin: 0; /* margin 제거 */ +} + +#id_input { + height: 4vh; + width: 50vw; + border-radius: 10px; + +} + +#pw_input { + height: 4vh; + width: 50vw; + border-radius: 10px; +} + +#ok { + background-color: rgb(249, 229, 229); + font-size: large; + border-radius: 10px; /* 버튼 테두리 둥글게 */ + padding: 2px; /* 버튼 크기 키우기 */ + width: 100px; /* 버튼의 고정된 너비 */ +} \ No newline at end of file diff --git a/login.html b/login.html new file mode 100644 index 0000000..4127dc6 --- /dev/null +++ b/login.html @@ -0,0 +1,20 @@ + + + + + 로그인 페이지 + + + +

로그인

+
+ 아이디: +
+
+
+ 비밀번호: +
+
+ + + \ No newline at end of file From f55b6ee147298b31ea7f15d932aa1223f779c320 Mon Sep 17 00:00:00 2001 From: P-Soyoung Date: Tue, 30 Apr 2024 20:13:19 +0900 Subject: [PATCH 2/2] =?UTF-8?q?3=EC=A3=BC=EC=B0=A8=20=EC=8B=A4=EC=8A=B5?= =?UTF-8?q?=EA=B3=BC=EC=A0=9C=20=EC=88=98=EC=A0=95=EB=B3=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- join_membership.css | 13 ++++++++++-- join_membership.html | 50 +++++++++++++++++++++++++------------------- login.css | 12 ++++++++++- login.html | 27 +++++++++++++++--------- 4 files changed, 68 insertions(+), 34 deletions(-) diff --git a/join_membership.css b/join_membership.css index 8296868..97347ac 100644 --- a/join_membership.css +++ b/join_membership.css @@ -1,11 +1,19 @@ body { + margin: 0; /* margin 제거 */ background-color: beige; +} + +nav { + text-align: right; +} + +.center { display: flex; /* flex 박스 사용 */ flex-direction: column; /* 세로 방향 */ justify-content: center; /* 수평 가운데 정렬 */ align-items: center; /* 수직 가운데 정렬 */ height: 100vh; /* 화면 전체 높이에 맞춤 */ - margin: 0; /* margin 제거 */ + } #id_new, #pw_new, #pw_c { @@ -36,4 +44,5 @@ body { padding: 3px; /* 버튼 크기 키우기 */ width: 200px; /* 버튼의 고정된 너비 */ -} \ No newline at end of file +} + diff --git a/join_membership.html b/join_membership.html index df0ed0d..bf6af33 100644 --- a/join_membership.html +++ b/join_membership.html @@ -6,27 +6,35 @@ -

회원가입 페이지

-
- 아이디: -
-
-
- 비밀번호: -
-
-
- 비밀번호 확인: -
-
-
- 학번: -
-
-
- - -
+ +
+

회원가입 페이지

+
+ 아이디: +
+
+
+ 비밀번호: +
+
+
+ 비밀번호 확인: +
+
+
+ 학번: +
+
+
+ + +
+
+ \ No newline at end of file diff --git a/login.css b/login.css index 19cb92f..247b293 100644 --- a/login.css +++ b/login.css @@ -1,11 +1,21 @@ body { + margin: 0; background-color: beige; + +} + +nav { + text-align: right; +} + +.center_m { + display: flex; flex-direction: column; /* 세로 방향 */ justify-content: center; /* 수평 가운데 정렬 */ align-items: center; /* 수직 가운데 정렬 */ height: 100vh; /* 화면 전체 높이에 맞춤 */ - margin: 0; /* margin 제거 */ + } #id_input { diff --git a/login.html b/login.html index 4127dc6..da9b7a7 100644 --- a/login.html +++ b/login.html @@ -6,15 +6,22 @@ -

로그인

-
- 아이디: -
-
-
- 비밀번호: -
-
- + +
+

로그인

+
+ 아이디: +
+
+
+ 비밀번호: +
+
+ +
\ No newline at end of file