From c44203fb85593d9364aa8e166c4412e82afc8914 Mon Sep 17 00:00:00 2001 From: loin99 Date: Sat, 9 Nov 2024 22:31:46 +0900 Subject: [PATCH] =?UTF-8?q?feat:=20=EC=8A=A4=ED=94=84=EB=A6=B0=ED=8A=B8=20?= =?UTF-8?q?=EB=AF=B8=EC=85=981,=202=20=EB=B6=80=EB=B6=84=EC=A0=81=20?= =?UTF-8?q?=EC=A7=84=ED=96=89=20(=EB=AF=B8=EC=99=84)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .vscode/settings.json | 3 + assets/img/base/favicon.ico | Bin 0 -> 15406 bytes assets/img/base/main_logo.svg | 15 ++ assets/img/icons/icon_facebook.svg | 3 + assets/img/icons/icon_instagram.svg | 3 + assets/img/icons/icon_twitter.svg | 3 + assets/img/icons/icon_youtube.svg | 10 + assets/img/landing/banner_hero_img.svg | 78 +++++++ assets/img/landing/banner_img_bottom.svg | 111 ++++++++++ assets/img/landing/landing_content_01.svg | 67 ++++++ assets/img/landing/landing_content_02.svg | 23 +++ assets/img/landing/landing_content_03.svg | 53 +++++ css/base.css | 115 +++++++++++ css/main.css | 239 ++++++++++++++++++++++ css/reset.css | 83 ++++++++ css/variables.css | 24 +++ html/faq.html | 25 +++ html/index.html | 180 ++++++++++++++++ html/items.html | 25 +++ html/login.html | 25 +++ html/privacy.html | 25 +++ 21 files changed, 1110 insertions(+) create mode 100644 .vscode/settings.json create mode 100644 assets/img/base/favicon.ico create mode 100644 assets/img/base/main_logo.svg create mode 100644 assets/img/icons/icon_facebook.svg create mode 100644 assets/img/icons/icon_instagram.svg create mode 100644 assets/img/icons/icon_twitter.svg create mode 100644 assets/img/icons/icon_youtube.svg create mode 100644 assets/img/landing/banner_hero_img.svg create mode 100644 assets/img/landing/banner_img_bottom.svg create mode 100644 assets/img/landing/landing_content_01.svg create mode 100644 assets/img/landing/landing_content_02.svg create mode 100644 assets/img/landing/landing_content_03.svg create mode 100644 css/base.css create mode 100644 css/main.css create mode 100644 css/reset.css create mode 100644 css/variables.css create mode 100644 html/faq.html create mode 100644 html/index.html create mode 100644 html/items.html create mode 100644 html/login.html create mode 100644 html/privacy.html diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 000000000..6f3a2913e --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/assets/img/base/favicon.ico b/assets/img/base/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..9fecc692d5ceb508b8cce794b42f4f0301c85089 GIT binary patch literal 15406 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 literal 0 HcmV?d00001 diff --git a/assets/img/base/main_logo.svg b/assets/img/base/main_logo.svg new file mode 100644 index 000000000..3799efba4 --- /dev/null +++ b/assets/img/base/main_logo.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/assets/img/icons/icon_facebook.svg b/assets/img/icons/icon_facebook.svg new file mode 100644 index 000000000..b9c9d4939 --- /dev/null +++ b/assets/img/icons/icon_facebook.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/img/icons/icon_instagram.svg b/assets/img/icons/icon_instagram.svg new file mode 100644 index 000000000..0b9337b07 --- /dev/null +++ b/assets/img/icons/icon_instagram.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/img/icons/icon_twitter.svg b/assets/img/icons/icon_twitter.svg new file mode 100644 index 000000000..14a6069a1 --- /dev/null +++ b/assets/img/icons/icon_twitter.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/img/icons/icon_youtube.svg b/assets/img/icons/icon_youtube.svg new file mode 100644 index 000000000..699b53803 --- /dev/null +++ b/assets/img/icons/icon_youtube.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/assets/img/landing/banner_hero_img.svg b/assets/img/landing/banner_hero_img.svg new file mode 100644 index 000000000..687771db6 --- /dev/null +++ b/assets/img/landing/banner_hero_img.svg @@ -0,0 +1,78 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/landing/banner_img_bottom.svg b/assets/img/landing/banner_img_bottom.svg new file mode 100644 index 000000000..8aac2a059 --- /dev/null +++ b/assets/img/landing/banner_img_bottom.svg @@ -0,0 +1,111 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/landing/landing_content_01.svg b/assets/img/landing/landing_content_01.svg new file mode 100644 index 000000000..56aa00384 --- /dev/null +++ b/assets/img/landing/landing_content_01.svg @@ -0,0 +1,67 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/landing/landing_content_02.svg b/assets/img/landing/landing_content_02.svg new file mode 100644 index 000000000..4137dc0bc --- /dev/null +++ b/assets/img/landing/landing_content_02.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/landing/landing_content_03.svg b/assets/img/landing/landing_content_03.svg new file mode 100644 index 000000000..93e003c37 --- /dev/null +++ b/assets/img/landing/landing_content_03.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/css/base.css b/css/base.css new file mode 100644 index 000000000..55497bf92 --- /dev/null +++ b/css/base.css @@ -0,0 +1,115 @@ +@charset "utf-8"; + +html { + font-size: 62.5%; +} + +body { + background: #fcfcfc; + font-family: "Pretendard", sans-serif; + font-size: 1.6rem; + line-height: 1.3; + color: var(--color-seondary-800); +} + +.root:has(.header) { + padding-top: 7rem; +} + +.inner { + max-width: calc(112rem + var(--gutter) * 2); + margin: 0 auto; + padding: 0 var(--gutter); +} + +/* layout - header */ + +.header { + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 100; + height: 7rem; + padding: 0 calc(20rem - var(--gutter)); + border-bottom: 1px solid var(--color-grey); + background: #ffffff; + + @media (max-width: 1200px) { + padding: 0; + } +} + +.header .nav { + display: flex; + align-items: center; + height: 100%; +} + +.header .logo { + display: block; + height: 5.1rem; + margin-right: 3.2rem; +} + +.header .logo a { + display: block; + height: 100%; +} + +.header .logo img { + width: auto; + height: 100%; +} + +.header .util { + flex: none; + margin-left: auto; +} + +.header .util .login-btn { + width: 12.8rem; +} + +/* footer */ + +.footer { + background: var(--color-seondary-900); + color: var(--color-seondary-400); + display: flex; + justify-content: space-between; + align-items: center; + font-size: 16px; + padding: 32px 200px 108px 200px; +} + +.footer .inner { + display: flex; + justify-content: space-between; + align-items: center; + + @media (max-width: 1200px) { + flex-direction: column; + align-items: flex-start; + gap: 3rem; + } +} + +.footer .copyright { + color: var(--color-seondary-400); +} + +.footerMenu { + display: flex; + gap: 30px; + color: var(--color-seondary-200); +} + +.sns { + display: flex; + align-items: center; + justify-content: center; + gap: 12px; + width: 100%; + height: 2rem; +} \ No newline at end of file diff --git a/css/main.css b/css/main.css new file mode 100644 index 000000000..09e3c9c9c --- /dev/null +++ b/css/main.css @@ -0,0 +1,239 @@ +@charset "utf-8"; + +/* base - button */ + +[class^="btn-"] { + display: flex; + justify-content: center; + align-items: center; + background: var(--color-primary-100); + color: var(--color-white); +} + +[class^="btn-"]:hover { + background: var(--color-primary-200); +} + +[class^="btn-"]:active { + background: var(--color-primary-300); +} + +[class^="btn-"]:disabled { + background: var(--color-seondary-400); + cursor: not-allowed; +} + +.btn-xlarge { + width: 100%; + height: 5.6rem; + border-radius: 9999px; + font-size: 2rem; + font-weight: 600; +} + +.btn-large { + width: 35.7rem; + height: 5.6rem; + border-radius: 9999px; + font-size: 2rem; + font-weight: 600; +} + +.btn-middle { + width: 24rem; + height: 4.8rem; + border-radius: 9999px; + font-size: 1.8rem; + font-weight: 600; +} + +[class^="btn-small"] { + width: 8.8rem; + height: 4.2rem; + border-radius: 8px; + font-size: 1.6rem; + font-weight: 600; +} + +#loginButton { + height: 4.8rem; +} + +/* banner */ +.banner { + position: relative; + height: 54rem; + padding: 0 calc(20rem - var(--gutter)); + background: #cfe5ff; + + @media (max-width: 1200px) { + height: auto; + padding: 0; + } +} + +.banner .inner { + position: relative; + display: flex; + flex-direction: column; + justify-content: flex-end; + height: 100%; + + @media (max-width: 1440px) { + justify-content: flex-start; + padding-top: 10rem; + } + + @media (max-width: 1200px) { + align-items: center; + text-align: center; + } +} + +.banner .banner-content { + position: relative; + z-index: 1; + margin-bottom: 10rem; +} + +.banner .banner-title { + margin-bottom: 3.2rem; + font-size: 4rem; + font-weight: 700; + line-height: 1.4; + letter-spacing: 0.08rem; + color: var(--color-seondary-700); + + @media (max-width: 1200px) { + font-size: 3.4rem; + letter-spacing: -0.06rem; + } +} + +.banner .banner-img { + position: absolute; + right: 2.4rem; + bottom: 0; + width: min(55vw, 74.6rem); + + @media (max-width: 1200px) { + position: relative; + right: auto; + bottom: auto; + width: 100%; + margin: 0; + } +} + + +/* feature */ + +.feature { + padding: 13.8rem 0; + background: #fff; + + @media (max-width: 1200px) { + padding: 4rem 0 8rem; + } +} + +.feature .inner { + max-width: calc(98.8rem + var(--gutter) * 2); +} + +.feature-card { + overflow: hidden; + display: flex; + align-items: center; + gap: 6.4rem; + height: 44.4rem; + border-radius: 12px; + background: #fcfcfc; + + @media (max-width: 1200px) { + display: block; + height: auto; + border-radius: 0; + background: none; + } +} + +.feature-card .feature-image { + @media (max-width: 1200px) { + overflow: hidden; + margin-bottom: 4rem; + border-radius: 12px; + } +} + +.feature-card .feature-image img { + width: 100%; + height: 100%; + object-fit: cover; + + @media (max-width: 1200px) { + height: auto; + object-fit: unset; + } +} + +.feature-card .feature-content { + display: flex; + flex-direction: column; + justify-content: center; + flex: 0 0 34.5rem; + padding-right: 4rem; + word-break: keep-all; +} + +.feature-card .feature-keyword { + margin-bottom: 1.2rem; + color: var(--color-primary-100); + font-size: 1.8rem; + font-weight: 700; +} + +.feature-card .feature-title { + margin-bottom: 2.4rem; + font-size: 4rem; + font-weight: 700; + line-height: 1.4; + color: var(--color-seondary-700); + + @media (max-width: 1200px) { + margin-bottom: 1.8rem; + font-size: 3rem; + } +} + +.feature-card .feature-description { + font-size: 2.4rem; + font-weight: 500; + color: var(--color-seondary-700); + + @media (max-width: 1200px) { + font-size: 2rem; + } +} + +.feature:nth-child(2) { + text-align: right; +} + +/* footer banner */ + +#footerBanner { + margin-top: 13.8rem; + + @media (max-width: 1200px) { + margin-top: 0; + } +} + +#footerBanner .banner-content { + margin-bottom: 17.2rem; +} + +#footerBanner .banner-title { + margin-bottom: 0; +} \ No newline at end of file diff --git a/css/reset.css b/css/reset.css new file mode 100644 index 000000000..3f5b312a1 --- /dev/null +++ b/css/reset.css @@ -0,0 +1,83 @@ +@charset "utf-8"; +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ +/* prettier-ignore */ +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 */ +/* prettier-ignore */ +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; +} + +/* additional reset css */ +*, +*::before, +*::after { + box-sizing: border-box; +} +a { + color: inherit; + text-decoration: none; +} +button { + margin: 0; + padding: 0; + background: transparent; + border: none; + cursor: pointer; + font: inherit; + color: inherit; +} +img { + vertical-align: top; +} +input { + padding: 0; + margin: 0; + border: none; + font: inherit; +} \ No newline at end of file diff --git a/css/variables.css b/css/variables.css new file mode 100644 index 000000000..26aae1d01 --- /dev/null +++ b/css/variables.css @@ -0,0 +1,24 @@ +@charset "utf-8"; + +:root { + --color-primary-300: #1251aa; + --color-primary-200: #1967d6; + --color-primary-100: #3692ff; + + --color-seondary-900: #111827; + --color-seondary-800: #1f2937; + --color-seondary-700: #374151; + --color-seondary-600: #4b5563; + --color-seondary-500: #6b7280; + --color-seondary-400: #9ca3af; + --color-seondary-200: #e5e7eb; + --color-seondary-100: #f3f4f6; + --color-seondary-50: #f9fafb; + + --color-error: #f74747; + --color-white: #fff; + --color-grey: #dfdfdf; + --color-black: #4b5563; + + --gutter: 2.4rem; +} \ No newline at end of file diff --git a/html/faq.html b/html/faq.html new file mode 100644 index 000000000..23a02fb23 --- /dev/null +++ b/html/faq.html @@ -0,0 +1,25 @@ + + + + + + + 판다마켓 - FAQ + + + + + + + + + + + + + + +

임시 FAQ 페이지

+ + \ No newline at end of file diff --git a/html/index.html b/html/index.html new file mode 100644 index 000000000..44cc1474b --- /dev/null +++ b/html/index.html @@ -0,0 +1,180 @@ + + + + + + + 판다마켓 + + + + + + + + + + + + + + + +
+
+ +
+ +
+ + +
+
+
+
+
+ 인기 상품을 확인해 보세요 +
+ +
+

Hot item

+

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

+

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

+
+
+
+
+ +
+
+
+
+

Search

+

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

+

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

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

Register

+

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

+

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

+
+
+
+
+
+ + +
+ + +
+ + \ No newline at end of file diff --git a/html/items.html b/html/items.html new file mode 100644 index 000000000..fadb6d4c9 --- /dev/null +++ b/html/items.html @@ -0,0 +1,25 @@ + + + + + + + 판다마켓 - 상품 + + + + + + + + + + + + + + +

임시 상품 페이지

+ + \ No newline at end of file diff --git a/html/login.html b/html/login.html new file mode 100644 index 000000000..49b74cbc1 --- /dev/null +++ b/html/login.html @@ -0,0 +1,25 @@ + + + + + + + 판다마켓 - 로그인 + + + + + + + + + + + + + + +

임시 로그인 페이지

+ + \ No newline at end of file diff --git a/html/privacy.html b/html/privacy.html new file mode 100644 index 000000000..36732fedd --- /dev/null +++ b/html/privacy.html @@ -0,0 +1,25 @@ + + + + + + + 판다마켓 - 이용약관 + + + + + + + + + + + + + + +

임시 이용약관 페이지

+ + \ No newline at end of file