diff --git a/image/social_google.png b/image/social_google.png new file mode 100644 index 00000000..571f1e7c Binary files /dev/null and b/image/social_google.png differ diff --git a/image/social_kakao.png b/image/social_kakao.png new file mode 100644 index 00000000..97d45425 Binary files /dev/null and b/image/social_kakao.png differ diff --git a/login.html b/login.html index fb1af072..321604d9 100644 --- a/login.html +++ b/login.html @@ -6,9 +6,25 @@ - -
-
-
+
+ +
+ 이메일
+
+ 비밀번호
+
+ +
+
+
간편 로그인하기
+
+ + +
+
+
판다마켓이 처음이신가요? 회원가입
+
\ No newline at end of file diff --git a/signup.html b/signup.html index 774eb10d..6d812ca4 100644 --- a/signup.html +++ b/signup.html @@ -6,9 +6,29 @@ - -
-
-
+
+ +
+ 이메일
+
+ 닉네임
+
+ 비밀번호
+
+ 비밀번호 확인
+
+ +
+
+
간편 로그인하기
+
+ + +
+
+
이미 회원이신가요? 로그인
+
\ No newline at end of file diff --git a/style_login.css b/style_login.css index 7fc28f96..6481d752 100644 --- a/style_login.css +++ b/style_login.css @@ -1,3 +1,52 @@ body { - + color:#1f2937; + font-size:18px; + margin:10px; + padding:0px; + line-height: 26px; +} +main { + margin:231px auto; + width:640px; +} +.logo { + width:640px; + display: flex; + justify-content: center; +} +input { + border-radius: 12px; + background-color: #f3f4f6; + border:0; + width:640px; + height: 56px; + margin:15px 0px;; + padding:16px 24px; + box-sizing: border-box; +} +input#login { + border-radius: 40px; + background-color: #9ca3af; + color:#f3f4f6; + font-size: 20px; + line-height: 32px; +} +.social { + width:640px; + height:74px; + background-color: #e6f2ff; + box-sizing: border-box; + padding:16px 23px; + display:flex; + justify-content: space-between; + align-items: center; +} +.socialinfo { + font-size:16px; +} +.signup { + text-align: center; + padding-top:30px; + font-size:14px; + line-height: 24px; } \ No newline at end of file diff --git a/style_signup.css b/style_signup.css index 7fc28f96..d24f63d8 100644 --- a/style_signup.css +++ b/style_signup.css @@ -1,3 +1,52 @@ body { - + color:#1f2937; + font-size:18px; + margin:10px; + padding:0px; + line-height: 26px; +} +main { + margin:231px auto; + width:640px; +} +.logo { + width:640px; + display: flex; + justify-content: center; +} +input { + border-radius: 12px; + background-color: #f3f4f6; + border:0; + width:640px; + height: 56px; + margin:15px 0px;; + padding:16px 24px; + box-sizing: border-box; +} +input#signup { + border-radius: 40px; + background-color: #9ca3af; + color:#f3f4f6; + font-size: 20px; + line-height: 32px; +} +.social { + width:640px; + height:74px; + background-color: #e6f2ff; + box-sizing: border-box; + padding:16px 23px; + display:flex; + justify-content: space-between; + align-items: center; +} +.socialinfo { + font-size:16px; +} +.login { + text-align: center; + padding-top:30px; + font-size:14px; + line-height: 24px; } \ No newline at end of file