diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 00000000..0a474d19 Binary files /dev/null and b/.DS_Store differ diff --git a/.github/index.html b/.github/index.html deleted file mode 100644 index 6e8683e6..00000000 --- a/.github/index.html +++ /dev/null @@ -1,129 +0,0 @@ - - - - - 판다마켓 - - - - -
-
-
- - -
-
-
-
-
-
-
-

- 일상의 모든 물건을
- 거래해 보세요 -

- -
- fashionist_panda -
-
-
-
-
-
- panda_look_clothes -
- - Hot item - -

- 인기 상품을
- 확인해 보세요 -

-

가장 HOT한 중고거래 물품을 판다 마켓에서 확인해 보세요

-
-
-
-
-
-
-
-
- - Search - -

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

-

구매하고 싶은 물품을 검색해서 쉽게 찾아보세요

-
- lens-pic -
-
-
-
-
-
- sellWishProduct -
- - Register - -

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

-

어떤 물건이든 판매하고 싶은 상품을 쉽게 등록하세요

-
-
-
-
-
-
-
-
-

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

-
- greeting_panda -
-
-
- - \ No newline at end of file diff --git a/.github/img/Facebook.png b/img/Facebook.png similarity index 100% rename from .github/img/Facebook.png rename to img/Facebook.png diff --git a/img/google.png b/img/google.png new file mode 100644 index 00000000..7a63bf45 Binary files /dev/null and b/img/google.png differ diff --git a/.github/img/hukuHeart.png b/img/hukuHeart.png similarity index 100% rename from .github/img/hukuHeart.png rename to img/hukuHeart.png diff --git a/.github/img/instagram.png b/img/instagram.png similarity index 100% rename from .github/img/instagram.png rename to img/instagram.png diff --git a/img/kakao.png b/img/kakao.png new file mode 100644 index 00000000..aeb5b824 Binary files /dev/null and b/img/kakao.png differ diff --git a/.github/img/rogo1.png b/img/logo.png similarity index 100% rename from .github/img/rogo1.png rename to img/logo.png diff --git a/.github/img/panda1.png b/img/panda1.png similarity index 100% rename from .github/img/panda1.png rename to img/panda1.png diff --git a/.github/img/pandaLa.png b/img/pandaLa.png similarity index 100% rename from .github/img/pandaLa.png rename to img/pandaLa.png diff --git a/.github/img/sq.png b/img/sq.png similarity index 100% rename from .github/img/sq.png rename to img/sq.png diff --git a/.github/img/twiter.png b/img/twiter.png similarity index 100% rename from .github/img/twiter.png rename to img/twiter.png diff --git a/.github/img/youtube.png b/img/youtube.png similarity index 100% rename from .github/img/youtube.png rename to img/youtube.png diff --git a/.github/img/zoom.png b/img/zoom.png similarity index 100% rename from .github/img/zoom.png rename to img/zoom.png diff --git a/index.html b/index.html new file mode 100644 index 00000000..2726c6c0 --- /dev/null +++ b/index.html @@ -0,0 +1,137 @@ + + + + + 판다마켓 + + + + +
+
+
+ + +
+
+
+
+
+
+
+

+ 일상의 모든 물건을
+ 거래해 보세요 +

+ +
+ fashionist_panda +
+
+
+
+
+
+ panda_look_clothes +
+ + Hot item + +

+ 인기 상품을
+ 확인해 보세요 +

+

가장 HOT한 중고거래 물품을 판다 마켓에서 확인해 보세요

+
+
+
+
+
+
+
+
+ + Search + +

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

+

구매하고 싶은 물품을 검색해서 쉽게 찾아보세요

+
+ lens-pic +
+
+
+
+
+
+ sellWishProduct +
+ + Register + +

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

+

어떤 물건이든 판매하고 싶은 상품을 쉽게 등록하세요

+
+
+
+
+
+
+
+
+

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

+
+ +
+
+
+ + \ No newline at end of file diff --git a/login.html b/login.html new file mode 100644 index 00000000..ec332cb0 --- /dev/null +++ b/login.html @@ -0,0 +1,47 @@ + + + + + 로그인 + + + + +
+
+ +
+
+

이메일

+ +

비밀번호

+ +
+
+ +
+
+
+

간편 로그인하기

+ +
+
+
+

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

+ 회원가입 +
+
+ \ No newline at end of file diff --git a/reset.css b/reset.css new file mode 100644 index 00000000..e29c0f5f --- /dev/null +++ b/reset.css @@ -0,0 +1,48 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} diff --git a/signup.html b/signup.html new file mode 100644 index 00000000..7f7f5904 --- /dev/null +++ b/signup.html @@ -0,0 +1,51 @@ + + + + + 회원가입 + + + + +
+
+ +
+
+

이메일

+ +

닉네임

+ +

비밀번호

+ +

비밀번호 확인

+ +
+
+ +
+
+
+

간편 로그인하기

+ +
+
+
+

이미 회원이신가요?

+ 로그인 +
+
+ \ No newline at end of file diff --git a/.github/style.css b/style.css similarity index 85% rename from .github/style.css rename to style.css index 0d4a001e..15f39882 100644 --- a/.github/style.css +++ b/style.css @@ -1,5 +1,5 @@ - +@import "reset.css"; * { box-sizing: border-box; } @@ -13,12 +13,12 @@ html { background-color: #CFE5FF; } -.all { +.container { margin: 0 200px; } -.title-head { +.header-container { display: flex; justify-content: space-between; align-items: center; @@ -32,7 +32,6 @@ html { border-radius: 8px; padding: 12px 23px; background-color: #3692FF; - font-size: 16px; font-weight: 600; } @@ -47,15 +46,15 @@ html { width: 153px; } -.Nemo { - padding: 200px 200px 0; +.hero-section { + padding: 200px 0 0; display: flex; justify-content: center; max-width: 1110px; margin: auto; -} /*padding 실수한 거 같은데, 빼면 비율이 이상해집니다. 도저히 모르겠어서 수정하지 못했습니다.*/ +} -.miniNemo { +.hero-content { margin: 0; } @@ -84,7 +83,7 @@ html { height: 340px; } -.nemonemo { +.feature-section { width: 988px; height: 444px; display: flex; @@ -93,12 +92,12 @@ html { justify-content: space-between; } -.main-pic { +.feature-image { width: 579px; height: 444px; } -.headPoint { +.section-heading { color: #3692FF; font-weight: 700; font-size: 18px; @@ -111,24 +110,24 @@ html { justify-content: center; } -.content { +.section-text { font-weight: 500; font-size: 24px; line-height: 32px; color: #374151; } -.greeting-panda-pic { +.banner-image { max-width: 746px; width: 100%; height: 397px; } -footer { +.foot-background { background-color: #111827; } -.foot { +.footer-container { padding: 32px 200px 80px; gap: 10px; display: flex; @@ -143,7 +142,7 @@ footer { text-align: center; } -.privacyPolicy-FAQ { +.footer-links { display: flex; font-weight: 400; font-size: 16px; @@ -157,12 +156,12 @@ footer { text-decoration: none; } -.sns-link { +.social-links { display: flex; gap: 12px; } -.link-logo { +.social-icon { width: 20px; height: 20px; } \ No newline at end of file diff --git a/styleLogin.css b/styleLogin.css new file mode 100644 index 00000000..fadb1cc0 --- /dev/null +++ b/styleLogin.css @@ -0,0 +1,119 @@ +* { + box-sizing: border-box; +} + +html { + font-family: Pretendard, sans-serif; + word-break: keep-all; +} + +.content { + width: 640px; + margin: 100px auto; +} + +.head-img { + text-align: center; +} + +.pandaMarketImg { + width: 396px; + height: 132px; +} + +#userName { + background-color: #f3f4f6; + width: 640px; + height: 56px; + border-radius: 12px; + border: none; + font-size: 16px; + padding: 0 20px; + font-weight: 400; +} + +#userPassword { + background-color: #f3f4f6; + width: 640px; + height: 56px; + border-radius: 12px; + border: none; + font-size: 16px; + padding: 0 20px; + font-weight: 400; +} + +.content-login { + border: none; + height: 56px; + width: 640px; + border-radius: 40px; + margin: 20px 0; + padding: 12px 0; + background-color: #3692FF; + font-size: 20px; + font-weight: 600; + line-height: 32px; + text-align: center + +} + +.login-button { + text-decoration: none; + color: #F3F4F6; +} + +.blue-section { + height: 74px; + background-color: #e6f2ff; + display: flex; + justify-content: space-between; + border-radius: 8px; + padding: 0 20px; +} + +.simpleLogin { + font-size: 16px; + font-weight: 500; + line-height: 26px; + padding-top: 10px; +} + +.social-links { + display: flex; + gap: 12px; + list-style: none; +} + +.social-icon { + width: 42px; + height: 42px; +} + +.foot-content { + display: flex; + align-items: center; + justify-content: center; +} + +.insa { + font-size: 14px; + font-weight: 500; +} + +.membership { + font-size: 14px; + font-weight: 500; + color: #3692FF; +} + +#nicname { + background-color: #f3f4f6; + width: 640px; + height: 56px; + border-radius: 12px; + border: none; + font-size: 16px; + padding: 0 20px; + font-weight: 400; +} \ No newline at end of file