From 2531053dc65a983f38b9e3a655d49c4452ba3f8e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=A0=95=EC=A7=80=EC=9A=B0?= Date: Thu, 19 Jun 2025 22:47:50 +0900 Subject: [PATCH] =?UTF-8?q?=EB=91=90=EB=B2=88=EC=A7=B8=20=EB=AF=B8?= =?UTF-8?q?=EC=85=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- common.css | 8 ++ images/Property1.png | Bin 4531 -> 0 bytes images/Property2.png | Bin 2600 -> 0 bytes images/{facebook.png => ic_facebook.png} | Bin images/ic_google.png | Bin 0 -> 1589 bytes images/{instagram.png => ic_instagram.png} | Bin images/ic_kakao.png | Bin 0 -> 1439 bytes images/{twitter.png => ic_twitter.png} | Bin images/{youtube.png => ic_youtube.png} | Bin .../item_hot.png | Bin .../item_register.png | Bin .../item_search.png | Bin images/login_header.png | Bin 0 -> 3778 bytes images/reply.png | Bin 1868 -> 0 bytes index.html | 19 +-- login/join.css | 133 +++++++++++++++++ login/join.html | 63 ++++++++ login/login.html | 54 +++++-- login/style.css | 136 ++++++++++++++---- style/reset.css | 4 + style/style.css | 9 +- 21 files changed, 369 insertions(+), 57 deletions(-) create mode 100644 common.css delete mode 100644 images/Property1.png delete mode 100644 images/Property2.png rename images/{facebook.png => ic_facebook.png} (100%) create mode 100644 images/ic_google.png rename images/{instagram.png => ic_instagram.png} (100%) create mode 100644 images/ic_kakao.png rename images/{twitter.png => ic_twitter.png} (100%) rename images/{youtube.png => ic_youtube.png} (100%) rename "images/\354\204\271\354\205\2301.png" => images/item_hot.png (100%) rename "images/\354\204\271\354\205\2303.png" => images/item_register.png (100%) rename "images/\354\204\271\354\205\2302.png" => images/item_search.png (100%) create mode 100644 images/login_header.png delete mode 100644 images/reply.png create mode 100644 login/join.css create mode 100644 login/join.html create mode 100644 style/reset.css diff --git a/common.css b/common.css new file mode 100644 index 00000000..f20adc28 --- /dev/null +++ b/common.css @@ -0,0 +1,8 @@ +body { + font-family: 'Pretendard', 'Noto Sans KR', sans-serif; +} + +a { + text-decoration: none; + color: inherit; +} \ No newline at end of file diff --git a/images/Property1.png b/images/Property1.png deleted file mode 100644 index 66c92b39f30a5a8cf1a095eba8abc5c3d4813f2e..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 4531 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 Kj04p!=*GVU*rW3R diff --git a/images/facebook.png b/images/ic_facebook.png similarity index 100% rename from images/facebook.png rename to images/ic_facebook.png diff --git a/images/ic_google.png b/images/ic_google.png new file mode 100644 index 0000000000000000000000000000000000000000..49852a6bd508728700902c9f7fa4208fad04db49 GIT binary patch literal 1589 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 t=krobUk(BqFZ}ue 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 literal 0 HcmV?d00001 diff --git a/images/reply.png b/images/reply.png deleted file mode 100644 index b74f5fd1bfe3c3170ee4eb8aba43af132842fba7..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1868 zcmV-S2ebHzP)Y@b_jW6Fw45POx|a@dO)Buy_LX1j-2(P9UB@Jb~Q6a02iI;t60AJ|y$e+dV{= zRmvjJucv4F|Fft9E2Sj)r(aLcOg|z30000000000000000000000000s1uWiPEJk+ z6n8cgrVWasKa`>kR%$@Z18ONnbgbWuV^Za3=J+tnz8wsQ!(;M{H-RxBNz$d)q|`|N zI3h5Pn0VKx@YEidA3-V0H*Fq49*RlrW!Y?}?%>oKnCbcD-w4Wrn78|@%R5w)S^}d- zmGw@i`%%~J4T6Q4xlWc{J*#81iO8|D%gYx@k{%)~_orXG^`z51oJ`I)$uXyaF(pV9 zY7ZsIiUCLbu`25hIV(xk6H{uNz&?lb8Yh7$IZvb?s(w?V4|1NI37Mv0syy^pl>YsKw!;@TeH2G-{= ziujZTYUh2JxrEYxvaG0nPSb?CXvb9_jaSr1H6WcvhO(91#xWSRBA%ulC}32LT}hQsA! zvP@(hrc}y$vSBg$#N#drkO@pa+x2NZCPWhD$PfvPDNCiIcLcRy;ysCSbp3A&sdkp? zq+j%Zfx8|Z%QJo~6&SH|Nf>2nqSTI5SPb!-@uz3!dM$u)*`@<#Wp}N&@|XmPpRLZb z=s709@|04iMaIuan0R2!@Tf|)MIcMjE6Gyyos;Wf*4BD^rnVBu(68;<+NzTkcBi{& zPR&*n%ue@YYdsy7et&hF9C5zw>SQw6Y@*%=^F?i-ZPYk=2O67MIf!+?Hjg=~vsrVkrHb&h)5B!h#xMsyRzZ&gy*~^qgi(a!wOWU;=7ZD%vbG zn37a=hzp}x=^#nFVx=jF5hlo%JgRus@At=KSr8*ki2Wx^l39ps{Rnfti$wQ?!Xwi6 zvGpTN9LFOH(;!V(the!NeP9$vBMMYrX4Y@cZ+&1wZulkf+*{rL#+YBv@?cHuyCiWP zPwN9?<3(#~-zACecxZof2k5)>9|Q&#(*C0)3mrY0+INYY(Ei3Z^A~NM9-ygxmlOiC zIMV_qvalA@#J)?7Xn*4yR^^xil|-FSWLfJ2QxwHG)NNm9vx@_=to4Dp-jQ5=puk-B z8?b-VTM&oU5vkyse(AM8k-G?j2uyV$5mPXsk?dv?%)(thsXLJ?+Rt;|a=lGk z@PYZR3BkD@QCP297yA-7soezv^OKVkHHhQsh&dVQSI3h*?&z~p`M4>%Sz#c;Y0000E# diff --git a/index.html b/index.html index 13751c9c..50fdb4e8 100644 --- a/index.html +++ b/index.html @@ -1,10 +1,13 @@ - + 판다마켓 + + + @@ -36,7 +39,7 @@

일상의 모든 물건을
경험해 보세요

- 인기상품을 확인해 보세요 + 인기상품을 확인해 보세요
Hot item

인기 상품을
확인해 보세요

@@ -47,7 +50,7 @@

가장 HOT한 중고거래 물품을
판다마켓에
- 구매를 원하는 상품을 검색하세요 + 구매를 원하는 상품을 검색하세요
Search

구매를 원하는
상품을 검색하세요

@@ -57,7 +60,7 @@

구매하고 싶은 물품은 검색해서
쉽게 찾

- 판매를 원하는 상품을 등록하세요 + 판매를 원하는 상품을 등록하세요
Register

판매를 원하는
상품을 등록하세요

@@ -87,16 +90,16 @@

믿을 수 있는
판다마켓 중고 거래

- + - 트위터 + 트위터 - 트위터 + 트위터 - 인스타 + 인스타
diff --git a/login/join.css b/login/join.css new file mode 100644 index 00000000..9981119d --- /dev/null +++ b/login/join.css @@ -0,0 +1,133 @@ +*{ + box-sizing: border-box; + border:none; + margin:0; + +} + +a{ + text-decoration: none; +} + +.join_header{ + display: flex; + justify-content: center; + padding-top: 150px; + padding-bottom:20px; + align-items: center; + gap: 30px +} + +.join_title{ +font-size:67px; +font-weight: 700; +color:#3692FF; +line-height:100%; +} + +.container { +margin:0 auto; +width: 640px; +} + + +.label{ + display:block; + margin:16px 0; + color:#1F2937; + font-size:18px; + font-weight:700; + line-height:26px; +} + +.login_box{ + background-color: #F3F4F6; + width:640px; + height:56px; + border-radius: 15px; + padding:16px 20px; +} + +.login_bt{ + width:640px; + height:56px; + border-radius:30px; + color:#F3F4F6; + background-color: #3692FF; + margin:30px 0; + font-size:20px; + font-weight: 600; + line-height:32px; +} + +.pass_box{ + position: relative; +} + +.icon{ + position: absolute; + bottom:20px; + left:600px; + cursor: pointer; +} + + +.repass_box{ + position: relative; +} + +.icon2{ + position: absolute; + bottom:20px; + left:600px; + cursor: pointer; +} + +.easy_login{ + display: flex; + align-items: center; + background-color: #E6F2FF; + height:74px; + border-radius: 8px; + justify-content: space-between; + padding:0 20px; + + +} + +#easy_login_text{ +color:#1F2937; +font-size:16px; +font-weight: 500; +line-height:26px; +} + +.sns{ + display:flex; + gap: 10px; +} + +.sns_img{ + width:42px; + height: 42px; +} + +.already_ppl{ + margin-top:30px; + margin-bottom: 100px; + display:flex; + justify-content: center; + align-items: center; + gap:10px; + font-weight: 500; + font-size:14px; +} + +#already_ppl_info{ + color:#1F2937; +} + +#already_ppl_log{ + color:#3692FF; + text-decoration: underline; +} \ No newline at end of file diff --git a/login/join.html b/login/join.html new file mode 100644 index 00000000..814be5b6 --- /dev/null +++ b/login/join.html @@ -0,0 +1,63 @@ + + + + + + + + 판다마켓 회원가입 + + + +
+ 판다얼굴 + 판다마켓 +
+ +
+
+ + + + + + +
+ + +
+ +
+
+
+ + +
+ +
+
+ + +
+

이미 회원이신가요?

로그인 +
+
+
+ + \ No newline at end of file diff --git a/login/login.html b/login/login.html index b0860a29..d08c9f5f 100644 --- a/login/login.html +++ b/login/login.html @@ -1,24 +1,54 @@ - + - 로그인 + + 판다마켓 로그인 -

로그인

-
-
- - + + + + +
+ + + + +
+ + +
+
-
- -
- - + + +
+

판다마켓이 처음이신가요?

회원가입 +
+
\ No newline at end of file diff --git a/login/style.css b/login/style.css index 94bc0f0e..40e88f67 100644 --- a/login/style.css +++ b/login/style.css @@ -1,46 +1,120 @@ *{ box-sizing: border-box; + border:none; + margin:0; + +} + +a{ + text-decoration: none; +} + +.login_header{ + display: flex; + justify-content: center; + padding-top: 150px; + padding-bottom:20px; + align-items: center; + gap: 30px +} + +.login_title{ +font-size:67px; +font-weight: 700; +color:#3692FF; +line-height:100%; +} + +.container { +margin:0 auto; +width: 640px; +} + + +.label{ + display:block; + margin:16px 0; + color:#1F2937; + font-size:18px; + font-weight:700; + line-height:26px; } -form { - margin: 16px auto; - width: 360px; +.login_box{ + background-color: #F3F4F6; + width:640px; + height:56px; + border-radius: 15px; + padding:16px 20px; } -label { - color: #000000; - display: block; - margin:16px 0 8px; +.login_bt{ + width:640px; + height:56px; + border-radius:30px; + color:#F3F4F6; + background-color: #3692FF; + margin:30px 0; + font-size:20px; + font-weight: 600; + line-height:32px; +} + +.pass_box{ + position: relative; +} + +.icon{ + position: absolute; + bottom:20px; + left:600px; +} + +.easy_login{ + display: flex; + align-items: center; + background-color: #E6F2FF; + height:74px; + border-radius: 8px; + justify-content: space-between; + padding:0 20px; + +} + +#easy_login_text{ +color:#1F2937; +font-size:16px; +font-weight: 500; +line-height:26px; } -input{ - border: 1px solid #000000; - color: #000000; - display: block; - font-size: 16px; - line-height: 24px; - margin: 8px 0; - padding: 16px 24px; - width: 100%; +.sns{ + display:flex; + gap: 10px; +} + +.sns_img{ + width:42px; + height: 42px; +} +.new_ppl{ + margin-top:30px; + margin-bottom: 100px; + display:flex; + justify-content: center; + align-items: center; + gap:10px; + font-weight: 500; + font-size:14px; } -button { - background-color: #ffffff; - border: none; - display: block; - font-size : 20px; - font-weight: 700; - margin: 24px 0; - padding: 16px; - width: 100%; +#new_ppl_info{ + color:#1F2937; } -.login-title { - color: #000000; - font-size: 35px; - font-weight: 700; - margin: 24px 0; - text-align: center; +#new_ppl_join{ + color:#3692FF; + text-decoration: underline; } \ No newline at end of file diff --git a/style/reset.css b/style/reset.css new file mode 100644 index 00000000..3cf5cc01 --- /dev/null +++ b/style/reset.css @@ -0,0 +1,4 @@ +*{ + box-sizing: border-box; + margin:0; +} diff --git a/style/style.css b/style/style.css index 5b0e779f..56219258 100644 --- a/style/style.css +++ b/style/style.css @@ -1,11 +1,10 @@ -*{ - box-sizing: border-box; - margin:0; -} /*헤더 부분*/ .main-header { + position:fixed; + top:0; + z-index: 100; display: flex; align-items: center; background-color: #ffffff; @@ -27,7 +26,6 @@ .login{ - background-size: cover; height: 45px; width: 140px; font-size: medium; @@ -36,7 +34,6 @@ background-color:#3692FF; color:#ffffff; cursor: pointer; - background-size: cover; } /*첫번째 섹션부분*/