diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 00000000..e0285103 Binary files /dev/null and b/.DS_Store differ diff --git a/assets/.DS_Store b/assets/.DS_Store new file mode 100644 index 00000000..189b49b3 Binary files /dev/null and b/assets/.DS_Store differ diff --git a/assets/css/font.css b/assets/css/font.css new file mode 100644 index 00000000..14eb8e66 --- /dev/null +++ b/assets/css/font.css @@ -0,0 +1,17 @@ +@charset "utf-8"; + +@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css'); + +@font-face { + font-family: 'ROKAFSansMedium'; + font-style: normal; + font-weight: 500; + src: url('../font/ROKAFSans/ROKAFSansMedium.otf') format('off'); +} + +@font-face { + font-family: 'ROKAFSansBold'; + font-style: normal; + font-weight: 700; + src: url('../font/ROKAF-Sans/ROKAFSansBold.otf') format('off'); +} diff --git a/assets/css/reset.css b/assets/css/reset.css new file mode 100644 index 00000000..7ce1d7e1 --- /dev/null +++ b/assets/css/reset.css @@ -0,0 +1,365 @@ +@charset "utf-8"; + +/* + @ RESET CSS | v1.0 + ================ + reset + normalize + Chrome, Safari, FireFox, Opera, IE + Unify browser style + ================ + normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css +*/ + +*, +*:before, +*:after { + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; +} + +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; + outline: 0; + font-size: 100%; + vertical-align: baseline; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section, +main { + display: block; +} + +summary { + display: list-item; +} + +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +html { + line-height: 1; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} + +body { + position: relative; + font-style: normal; + font-weight: normal; +} + +div { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} + +nav, +ul, +ol, +li { + list-style: none; +} + +input, +select, +button, +textarea, +optgroup { + font-family: inherit; + font-size: 100%; + line-height: 1.15; + vertical-align: middle; + text-transform: none; + overflow: visible; +} + +textarea { + overflow: auto; +} + +button, +[type='button'], +[type='reset'], +[type='submit'] { + appearance: button; + -webkit-appearance: button; + cursor: pointer; +} + +button::-moz-focus-inner, +[type='button']::-moz-focus-inner, +[type='reset']::-moz-focus-inner, +[type='submit']::-moz-focus-inner { + border-style: none; + padding: 0; +} + +button:-moz-focusring, +[type='button']:-moz-focusring, +[type='reset']:-moz-focusring, +[type='submit']:-moz-focusring { + outline: 1px dotted ButtonText; +} + +[type='checkbox'], +[type='radio'] { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +[type='number']::-webkit-inner-spin-button, +[type='number']::-webkit-outer-spin-button { + height: auto; +} + +[type='search'] { + -webkit-appearance: textfield; + outline-offset: 0; +} + +[type='search']::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; +} + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +legend { + box-sizing: border-box; + color: inherit; + display: table; + max-width: 100%; + padding: 0; + white-space: normal; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +th, +td { + padding: 0; + vertical-align: middle; +} + +caption { + position: absolute; + top: auto; + left: -9999px; + width: 0; + height: 0; + font-size: 0; + line-height: 0; + overflow: hidden; + text-indent: -9999px; +} + +img { + border: 0; + font-size: 0; + line-height: 0; +} + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +hr { + height: 0; + overflow: visible; +} + +blockquote, +q { + quotes: none; +} + +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ''; + content: none; +} + +p, +textarea { + line-height: 1.6; +} + +a { + background-color: transparent; + color: inherit; + text-decoration: none; +} + +a:hover, +a:focus, +a:active { + outline: 0; +} + +b, +strong { + font-weight: bolder; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; +} + +sup { + top: -0.5em; +} + +sup { + bottom: -0.25em; +} + +del { + text-decoration: line-through; +} + +em, +address { + font-style: normal; +} + +code, +kbd, +samp, +pre { + font-family: monospace, monospace; + font-size: 1em; +} + +abbr[title] { + border-bottom: none; + text-decoration: underline; + text-decoration: underline dotted; +} + +[hidden], +template { + display: none; +} diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 00000000..543cbc5d --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,253 @@ +:root { + --white: #ffffff; + + --cool-grey-50: #f7f7f8; + --cool-grey-100: #e8ebed; + --cool-grey-200: #e5e7eb; + --cool-grey-400: #9ea4a8; + --cool-grey-500: #72787f; + --cool-grey-600: #454c53; + --cool-grey-700: #374151; + --cool-grey-800: #26282b; + --cool-grey-900: #111827; + + --red: #f74747; + + --color-primary: #3692ff; + + --border-color-grey: #dfdfdf; + + --background-solid: var(--white); + --background-visual: #cfe5ff; + + --color-hover: #1967d6; + --color-active: #1251aa; + --color-disabled: #9ca3af; + + --text-primary: var(--cool-grey-700); + --text-button: var(--white); +} + +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +html { + min-width: 320px; + min-height: 100vh; + font-size: 16px; +} + +body { + background-color: var(--background-solid); + color: var(--text-primary); + font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif; + font-size: 1rem; +} + +.inner { + margin: 0 auto; +} + +*[class^='btn'] { + appearance: none; + -webkit-appearance: none; + display: inline-flex; + flex-flow: row wrap; + justify-content: center; + align-items: center; + border: 0; + border-radius: 8px; + padding: 12px 20px; + background-color: var(--color-primary); + color: var(--text-button); + font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif; + font-size: 16px; + font-weight: 600; + line-height: 1.2; + text-decoration: none; + cursor: pointer; + transition: all 0.16s; +} + +*[class^='btn']:hover { + background-color: var(--color-hover); +} +*[class^='btn']:active { + background-color: var(--color-active); +} +*[class^='btn'][disabled] { + background-color: var(--color-disabled); +} + +*.btn_small { + min-width: 128px; + min-height: 48px; + font-size: 16px; +} + +*.btn_large { + border-radius: 9999px; + min-width: 355px; + min-height: 56px; + font-size: 20px; +} + +#header { + position: sticky; + z-index: 999; + top: 0; + border-bottom: 1px solid var(--border-color-grey); + background-color: var(--background-solid); + width: 100vw; + height: 70px; + & .inner { + display: flex; + flex-flow: row wrap; + justify-content: space-between; + align-items: center; + width: 100%; + height: 100%; + max-width: 1920px; + padding: 0 200px; + } + & .header__logo { + & a { + display: flex; + flex-flow: row wrap; + justify-content: center; + align-items: center; + & img { + display: block; + } + } + } + & .header__buttons { + & a { + position: relative; + } + } +} + +#container { + & .inner { + max-width: 1200px; + } + & .visual { + height: 540px; + background-color: var(--background-visual); + & .inner { + position: relative; + z-index: 1; + display: flex; + flex-flow: column wrap; + justify-content: center; + align-items: flex-start; + gap: 32px; + height: 100%; + } + & p { + position: relative; + z-index: 1; + font-size: 40px; + font-weight: 700; + line-height: 1.4; + } + & img { + position: absolute; + z-index: -1; + right: 0; + bottom: 0; + margin-right: -120px; + } + } + + & .introduce { + & article { + height: 720px; + display: flex; + flex-flow: row wrap; + justify-content: flex-start; + align-items: center; + gap: 64px; + & div { + display: flex; + flex-flow: column wrap; + justify-content: center; + align-items: flex-start; + gap: 12px; + text-align: left; + & b { + font-size: 18px; + font-weight: 700; + line-height: 1.4; + color: var(--color-primary); + } + & h5 { + font-size: 40px; + font-weight: 700; + line-height: 1.4; + } + & p { + font-size: 24px; + font-weight: 500; + line-height: 1.2; + } + } + } + & article:nth-child(2n) { + flex-direction: row-reverse; + & div { + align-items: flex-end; + text-align: right; + } + } + } +} + +#footer { + background-color: var(--cool-grey-900); + width: 100vw; + height: 160px; + & .inner { + display: flex; + flex-flow: row wrap; + justify-content: space-between; + align-items: flex-start; + width: 100%; + height: 100%; + max-width: 1920px; + padding: 32px 200px; + } + & .copyright { + font-size: 16px; + font-weight: 400; + line-height: 1.2; + text-align: center; + color: var(--cool-grey-400); + } + & .guide { + display: flex; + flex-flow: row wrap; + justify-content: center; + align-items: center; + gap: 30px; + & a { + font-size: 16px; + font-weight: 400; + line-height: 1.2; + text-align: center; + color: var(--cool-grey-200); + cursor: pointer; + } + } + & .sns_link { + display: flex; + flex-flow: row wrap; + justify-content: center; + align-items: center; + gap: 12px; + } +} diff --git a/assets/font/.DS_Store b/assets/font/.DS_Store new file mode 100644 index 00000000..b88757d9 Binary files /dev/null and b/assets/font/.DS_Store differ diff --git a/assets/font/ROKAFSans/ROKAFSansBold.otf b/assets/font/ROKAFSans/ROKAFSansBold.otf new file mode 100644 index 00000000..508ca52c Binary files /dev/null and b/assets/font/ROKAFSans/ROKAFSansBold.otf differ diff --git a/assets/font/ROKAFSans/ROKAFSansMedium.otf b/assets/font/ROKAFSans/ROKAFSansMedium.otf new file mode 100644 index 00000000..9acc9768 Binary files /dev/null and b/assets/font/ROKAFSans/ROKAFSansMedium.otf differ diff --git a/assets/images/.DS_Store b/assets/images/.DS_Store new file mode 100644 index 00000000..ec12f2ea Binary files /dev/null and b/assets/images/.DS_Store differ diff --git a/assets/images/home/Frame 2608833-1.png b/assets/images/home/Frame 2608833-1.png new file mode 100644 index 00000000..2824a386 Binary files /dev/null and b/assets/images/home/Frame 2608833-1.png differ diff --git a/assets/images/home/Frame 2608833.png b/assets/images/home/Frame 2608833.png new file mode 100644 index 00000000..dd32bf49 Binary files /dev/null and b/assets/images/home/Frame 2608833.png differ diff --git a/assets/images/home/Frame 2608833@2x.png b/assets/images/home/Frame 2608833@2x.png new file mode 100644 index 00000000..b9dae656 Binary files /dev/null and b/assets/images/home/Frame 2608833@2x.png differ diff --git a/assets/images/home/Group 33682.png b/assets/images/home/Group 33682.png new file mode 100644 index 00000000..39aa4d39 Binary files /dev/null and b/assets/images/home/Group 33682.png differ diff --git a/assets/images/home/Img_home_01.png b/assets/images/home/Img_home_01.png new file mode 100644 index 00000000..2824a386 Binary files /dev/null and b/assets/images/home/Img_home_01.png differ diff --git a/assets/images/home/Img_home_01@2x.png b/assets/images/home/Img_home_01@2x.png new file mode 100644 index 00000000..b9dae656 Binary files /dev/null and b/assets/images/home/Img_home_01@2x.png differ diff --git a/assets/images/home/Img_home_01@3x.png b/assets/images/home/Img_home_01@3x.png new file mode 100644 index 00000000..dd32bf49 Binary files /dev/null and b/assets/images/home/Img_home_01@3x.png differ diff --git a/assets/images/home/Img_home_02.png b/assets/images/home/Img_home_02.png new file mode 100644 index 00000000..5e48fc1a Binary files /dev/null and b/assets/images/home/Img_home_02.png differ diff --git a/assets/images/home/Img_home_02@2x.png b/assets/images/home/Img_home_02@2x.png new file mode 100644 index 00000000..83dd3f75 Binary files /dev/null and b/assets/images/home/Img_home_02@2x.png differ diff --git a/assets/images/home/Img_home_02@3x.png b/assets/images/home/Img_home_02@3x.png new file mode 100644 index 00000000..63b6a48b Binary files /dev/null and b/assets/images/home/Img_home_02@3x.png differ diff --git a/assets/images/home/Img_home_03.png b/assets/images/home/Img_home_03.png new file mode 100644 index 00000000..e35fa4b9 Binary files /dev/null and b/assets/images/home/Img_home_03.png differ diff --git a/assets/images/home/Img_home_03@2x.png b/assets/images/home/Img_home_03@2x.png new file mode 100644 index 00000000..27978a6e Binary files /dev/null and b/assets/images/home/Img_home_03@2x.png differ diff --git a/assets/images/home/Img_home_03@3x.png b/assets/images/home/Img_home_03@3x.png new file mode 100644 index 00000000..39aa4d39 Binary files /dev/null and b/assets/images/home/Img_home_03@3x.png differ diff --git a/assets/images/home/Img_home_bottom.png b/assets/images/home/Img_home_bottom.png new file mode 100644 index 00000000..b24f8229 Binary files /dev/null and b/assets/images/home/Img_home_bottom.png differ diff --git a/assets/images/home/Img_home_bottom@2x.png b/assets/images/home/Img_home_bottom@2x.png new file mode 100644 index 00000000..5cb6b7dc Binary files /dev/null and b/assets/images/home/Img_home_bottom@2x.png differ diff --git a/assets/images/home/Img_home_bottom@3x.png b/assets/images/home/Img_home_bottom@3x.png new file mode 100644 index 00000000..5d8d398b Binary files /dev/null and b/assets/images/home/Img_home_bottom@3x.png differ diff --git a/assets/images/home/Img_home_top.png b/assets/images/home/Img_home_top.png new file mode 100644 index 00000000..9e5d22c6 Binary files /dev/null and b/assets/images/home/Img_home_top.png differ diff --git a/assets/images/home/Img_home_top@2x.png b/assets/images/home/Img_home_top@2x.png new file mode 100644 index 00000000..67d544d7 Binary files /dev/null and b/assets/images/home/Img_home_top@2x.png differ diff --git a/assets/images/home/Img_home_top@3x.png b/assets/images/home/Img_home_top@3x.png new file mode 100644 index 00000000..fe05e747 Binary files /dev/null and b/assets/images/home/Img_home_top@3x.png differ diff --git a/assets/images/icon/.DS_Store b/assets/images/icon/.DS_Store new file mode 100644 index 00000000..d6db5a2c Binary files /dev/null and b/assets/images/icon/.DS_Store differ diff --git a/assets/images/icon/btn_visibility_off_24px-1.svg b/assets/images/icon/btn_visibility_off_24px-1.svg new file mode 100644 index 00000000..90e67f10 --- /dev/null +++ b/assets/images/icon/btn_visibility_off_24px-1.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/images/icon/btn_visibility_off_24px-2.svg b/assets/images/icon/btn_visibility_off_24px-2.svg new file mode 100644 index 00000000..90e67f10 --- /dev/null +++ b/assets/images/icon/btn_visibility_off_24px-2.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/images/icon/btn_visibility_off_24px-3.svg b/assets/images/icon/btn_visibility_off_24px-3.svg new file mode 100644 index 00000000..90e67f10 --- /dev/null +++ b/assets/images/icon/btn_visibility_off_24px-3.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/images/icon/btn_visibility_off_24px-4.svg b/assets/images/icon/btn_visibility_off_24px-4.svg new file mode 100644 index 00000000..4bfe0e80 --- /dev/null +++ b/assets/images/icon/btn_visibility_off_24px-4.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/images/icon/btn_visibility_off_24px.svg b/assets/images/icon/btn_visibility_off_24px.svg new file mode 100644 index 00000000..f6aa1e27 --- /dev/null +++ b/assets/images/icon/btn_visibility_off_24px.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/images/icon/btn_visibility_on_24px-1.svg b/assets/images/icon/btn_visibility_on_24px-1.svg new file mode 100644 index 00000000..a48ce308 --- /dev/null +++ b/assets/images/icon/btn_visibility_on_24px-1.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/assets/images/icon/btn_visibility_on_24px-2.svg b/assets/images/icon/btn_visibility_on_24px-2.svg new file mode 100644 index 00000000..c1072e06 --- /dev/null +++ b/assets/images/icon/btn_visibility_on_24px-2.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/assets/images/icon/btn_visibility_on_24px.svg b/assets/images/icon/btn_visibility_on_24px.svg new file mode 100644 index 00000000..43a5af17 --- /dev/null +++ b/assets/images/icon/btn_visibility_on_24px.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/images/icon/ic_X.png b/assets/images/icon/ic_X.png new file mode 100644 index 00000000..0d9e559e Binary files /dev/null and b/assets/images/icon/ic_X.png differ diff --git a/assets/images/icon/ic_X.svg b/assets/images/icon/ic_X.svg new file mode 100644 index 00000000..f6674f7f --- /dev/null +++ b/assets/images/icon/ic_X.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/images/icon/ic_X@2x.png b/assets/images/icon/ic_X@2x.png new file mode 100644 index 00000000..2932ba13 Binary files /dev/null and b/assets/images/icon/ic_X@2x.png differ diff --git a/assets/images/icon/ic_X@3x.png b/assets/images/icon/ic_X@3x.png new file mode 100644 index 00000000..38f03354 Binary files /dev/null and b/assets/images/icon/ic_X@3x.png differ diff --git a/assets/images/icon/ic_plus.png b/assets/images/icon/ic_plus.png new file mode 100644 index 00000000..df2fb448 Binary files /dev/null and b/assets/images/icon/ic_plus.png differ diff --git a/assets/images/icon/ic_plus.svg b/assets/images/icon/ic_plus.svg new file mode 100644 index 00000000..5bb9abf5 --- /dev/null +++ b/assets/images/icon/ic_plus.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/images/icon/ic_plus@2x.png b/assets/images/icon/ic_plus@2x.png new file mode 100644 index 00000000..3e48a43c Binary files /dev/null and b/assets/images/icon/ic_plus@2x.png differ diff --git a/assets/images/icon/ic_plus@3x.png b/assets/images/icon/ic_plus@3x.png new file mode 100644 index 00000000..0c58d8f1 Binary files /dev/null and b/assets/images/icon/ic_plus@3x.png differ diff --git a/assets/images/icon/ic_profile.png b/assets/images/icon/ic_profile.png new file mode 100644 index 00000000..3e28565b Binary files /dev/null and b/assets/images/icon/ic_profile.png differ diff --git a/assets/images/icon/ic_profile.svg b/assets/images/icon/ic_profile.svg new file mode 100644 index 00000000..09b69f67 --- /dev/null +++ b/assets/images/icon/ic_profile.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/icon/ic_profile@2x.png b/assets/images/icon/ic_profile@2x.png new file mode 100644 index 00000000..46f61260 Binary files /dev/null and b/assets/images/icon/ic_profile@2x.png differ diff --git a/assets/images/icon/ic_profile@3x.png b/assets/images/icon/ic_profile@3x.png new file mode 100644 index 00000000..3ff44642 Binary files /dev/null and b/assets/images/icon/ic_profile@3x.png differ diff --git a/assets/images/icon/ic_search.png b/assets/images/icon/ic_search.png new file mode 100644 index 00000000..58746321 Binary files /dev/null and b/assets/images/icon/ic_search.png differ diff --git a/assets/images/icon/ic_search.svg b/assets/images/icon/ic_search.svg new file mode 100644 index 00000000..52241e6d --- /dev/null +++ b/assets/images/icon/ic_search.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/images/icon/ic_search@2x.png b/assets/images/icon/ic_search@2x.png new file mode 100644 index 00000000..4a0ebddf Binary files /dev/null and b/assets/images/icon/ic_search@2x.png differ diff --git a/assets/images/icon/ic_search@3x.png b/assets/images/icon/ic_search@3x.png new file mode 100644 index 00000000..f5c1e861 Binary files /dev/null and b/assets/images/icon/ic_search@3x.png differ diff --git a/assets/images/icon/ic_search_darker.png b/assets/images/icon/ic_search_darker.png new file mode 100644 index 00000000..bcd858f3 Binary files /dev/null and b/assets/images/icon/ic_search_darker.png differ diff --git a/assets/images/icon/ic_search_darker.svg b/assets/images/icon/ic_search_darker.svg new file mode 100644 index 00000000..6750ee04 --- /dev/null +++ b/assets/images/icon/ic_search_darker.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/images/icon/ic_search_darker@2x.png b/assets/images/icon/ic_search_darker@2x.png new file mode 100644 index 00000000..f61b48d7 Binary files /dev/null and b/assets/images/icon/ic_search_darker@2x.png differ diff --git a/assets/images/icon/ic_search_darker@3x.png b/assets/images/icon/ic_search_darker@3x.png new file mode 100644 index 00000000..1b181be7 Binary files /dev/null and b/assets/images/icon/ic_search_darker@3x.png differ diff --git a/assets/images/icon/ic_sort.png b/assets/images/icon/ic_sort.png new file mode 100644 index 00000000..9c697f31 Binary files /dev/null and b/assets/images/icon/ic_sort.png differ diff --git a/assets/images/icon/ic_sort.svg b/assets/images/icon/ic_sort.svg new file mode 100644 index 00000000..657b44f9 --- /dev/null +++ b/assets/images/icon/ic_sort.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/assets/images/icon/ic_sort@2x.png b/assets/images/icon/ic_sort@2x.png new file mode 100644 index 00000000..53569763 Binary files /dev/null and b/assets/images/icon/ic_sort@2x.png differ diff --git a/assets/images/icon/ic_sort@3x.png b/assets/images/icon/ic_sort@3x.png new file mode 100644 index 00000000..2fc09a72 Binary files /dev/null and b/assets/images/icon/ic_sort@3x.png differ diff --git a/assets/images/icon/status=active-1.png b/assets/images/icon/status=active-1.png new file mode 100644 index 00000000..62bef86a Binary files /dev/null and b/assets/images/icon/status=active-1.png differ diff --git a/assets/images/icon/status=active-1.svg b/assets/images/icon/status=active-1.svg new file mode 100644 index 00000000..0a6167d2 --- /dev/null +++ b/assets/images/icon/status=active-1.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/assets/images/icon/status=active-2.png b/assets/images/icon/status=active-2.png new file mode 100644 index 00000000..e7873a20 Binary files /dev/null and b/assets/images/icon/status=active-2.png differ diff --git a/assets/images/icon/status=active-2.svg b/assets/images/icon/status=active-2.svg new file mode 100644 index 00000000..2a9de23a --- /dev/null +++ b/assets/images/icon/status=active-2.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/images/icon/status=active-3.png b/assets/images/icon/status=active-3.png new file mode 100644 index 00000000..be65ee14 Binary files /dev/null and b/assets/images/icon/status=active-3.png differ diff --git a/assets/images/icon/status=active-3.svg b/assets/images/icon/status=active-3.svg new file mode 100644 index 00000000..daa483c3 --- /dev/null +++ b/assets/images/icon/status=active-3.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/images/icon/status=active-4.png b/assets/images/icon/status=active-4.png new file mode 100644 index 00000000..898abc86 Binary files /dev/null and b/assets/images/icon/status=active-4.png differ diff --git a/assets/images/icon/status=active.png b/assets/images/icon/status=active.png new file mode 100644 index 00000000..d34ef01d Binary files /dev/null and b/assets/images/icon/status=active.png differ diff --git a/assets/images/icon/status=active.svg b/assets/images/icon/status=active.svg new file mode 100644 index 00000000..15f82114 --- /dev/null +++ b/assets/images/icon/status=active.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/assets/images/icon/status=active@2x-1.png b/assets/images/icon/status=active@2x-1.png new file mode 100644 index 00000000..855c0a87 Binary files /dev/null and b/assets/images/icon/status=active@2x-1.png differ diff --git a/assets/images/icon/status=active@2x-2.png b/assets/images/icon/status=active@2x-2.png new file mode 100644 index 00000000..1af7ea16 Binary files /dev/null and b/assets/images/icon/status=active@2x-2.png differ diff --git a/assets/images/icon/status=active@2x-3.png b/assets/images/icon/status=active@2x-3.png new file mode 100644 index 00000000..ea094420 Binary files /dev/null and b/assets/images/icon/status=active@2x-3.png differ diff --git a/assets/images/icon/status=active@2x.png b/assets/images/icon/status=active@2x.png new file mode 100644 index 00000000..8a170b38 Binary files /dev/null and b/assets/images/icon/status=active@2x.png differ diff --git a/assets/images/icon/status=active@3x-1.png b/assets/images/icon/status=active@3x-1.png new file mode 100644 index 00000000..b9a44e0f Binary files /dev/null and b/assets/images/icon/status=active@3x-1.png differ diff --git a/assets/images/icon/status=active@3x-2.png b/assets/images/icon/status=active@3x-2.png new file mode 100644 index 00000000..1a271842 Binary files /dev/null and b/assets/images/icon/status=active@3x-2.png differ diff --git a/assets/images/icon/status=active@3x.png b/assets/images/icon/status=active@3x.png new file mode 100644 index 00000000..b7b91e17 Binary files /dev/null and b/assets/images/icon/status=active@3x.png differ diff --git a/assets/images/icon/status=inactive-1.png b/assets/images/icon/status=inactive-1.png new file mode 100644 index 00000000..b3c9102f Binary files /dev/null and b/assets/images/icon/status=inactive-1.png differ diff --git a/assets/images/icon/status=inactive-1.svg b/assets/images/icon/status=inactive-1.svg new file mode 100644 index 00000000..8f94fbc8 --- /dev/null +++ b/assets/images/icon/status=inactive-1.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/assets/images/icon/status=inactive-2.png b/assets/images/icon/status=inactive-2.png new file mode 100644 index 00000000..c00dc1ed Binary files /dev/null and b/assets/images/icon/status=inactive-2.png differ diff --git a/assets/images/icon/status=inactive-2.svg b/assets/images/icon/status=inactive-2.svg new file mode 100644 index 00000000..52fbbabc --- /dev/null +++ b/assets/images/icon/status=inactive-2.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/images/icon/status=inactive-3.png b/assets/images/icon/status=inactive-3.png new file mode 100644 index 00000000..5de1096a Binary files /dev/null and b/assets/images/icon/status=inactive-3.png differ diff --git a/assets/images/icon/status=inactive-3.svg b/assets/images/icon/status=inactive-3.svg new file mode 100644 index 00000000..ecb98e8b --- /dev/null +++ b/assets/images/icon/status=inactive-3.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/images/icon/status=inactive-4.png b/assets/images/icon/status=inactive-4.png new file mode 100644 index 00000000..8b1335a2 Binary files /dev/null and b/assets/images/icon/status=inactive-4.png differ diff --git a/assets/images/icon/status=inactive.png b/assets/images/icon/status=inactive.png new file mode 100644 index 00000000..45fa7cc4 Binary files /dev/null and b/assets/images/icon/status=inactive.png differ diff --git a/assets/images/icon/status=inactive.svg b/assets/images/icon/status=inactive.svg new file mode 100644 index 00000000..be7376b5 --- /dev/null +++ b/assets/images/icon/status=inactive.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/assets/images/icon/status=inactive@2x-1.png b/assets/images/icon/status=inactive@2x-1.png new file mode 100644 index 00000000..076d4723 Binary files /dev/null and b/assets/images/icon/status=inactive@2x-1.png differ diff --git a/assets/images/icon/status=inactive@2x-2.png b/assets/images/icon/status=inactive@2x-2.png new file mode 100644 index 00000000..86a59a08 Binary files /dev/null and b/assets/images/icon/status=inactive@2x-2.png differ diff --git a/assets/images/icon/status=inactive@2x-3.png b/assets/images/icon/status=inactive@2x-3.png new file mode 100644 index 00000000..03d22146 Binary files /dev/null and b/assets/images/icon/status=inactive@2x-3.png differ diff --git a/assets/images/icon/status=inactive@2x.png b/assets/images/icon/status=inactive@2x.png new file mode 100644 index 00000000..eef124a6 Binary files /dev/null and b/assets/images/icon/status=inactive@2x.png differ diff --git a/assets/images/icon/status=inactive@3x-1.png b/assets/images/icon/status=inactive@3x-1.png new file mode 100644 index 00000000..88563def Binary files /dev/null and b/assets/images/icon/status=inactive@3x-1.png differ diff --git a/assets/images/icon/status=inactive@3x-2.png b/assets/images/icon/status=inactive@3x-2.png new file mode 100644 index 00000000..841ccfc1 Binary files /dev/null and b/assets/images/icon/status=inactive@3x-2.png differ diff --git a/assets/images/icon/status=inactive@3x.png b/assets/images/icon/status=inactive@3x.png new file mode 100644 index 00000000..dddc9cd0 Binary files /dev/null and b/assets/images/icon/status=inactive@3x.png differ diff --git a/assets/images/logo/Group 19-1.png b/assets/images/logo/Group 19-1.png new file mode 100644 index 00000000..1fa247ed Binary files /dev/null and b/assets/images/logo/Group 19-1.png differ diff --git a/assets/images/logo/Group 19.png b/assets/images/logo/Group 19.png new file mode 100644 index 00000000..1fa247ed Binary files /dev/null and b/assets/images/logo/Group 19.png differ diff --git a/assets/images/logo/Group 19@2x-1.png b/assets/images/logo/Group 19@2x-1.png new file mode 100644 index 00000000..91066380 Binary files /dev/null and b/assets/images/logo/Group 19@2x-1.png differ diff --git a/assets/images/logo/Group 19@2x.png b/assets/images/logo/Group 19@2x.png new file mode 100644 index 00000000..91066380 Binary files /dev/null and b/assets/images/logo/Group 19@2x.png differ diff --git a/assets/images/logo/Group 19@3x-1.png b/assets/images/logo/Group 19@3x-1.png new file mode 100644 index 00000000..9df6b510 Binary files /dev/null and b/assets/images/logo/Group 19@3x-1.png differ diff --git a/assets/images/logo/Group 19@3x.png b/assets/images/logo/Group 19@3x.png new file mode 100644 index 00000000..922aa579 Binary files /dev/null and b/assets/images/logo/Group 19@3x.png differ diff --git a/assets/images/logo/Property 1=Typo.png b/assets/images/logo/Property 1=Typo.png new file mode 100644 index 00000000..0fd0992d Binary files /dev/null and b/assets/images/logo/Property 1=Typo.png differ diff --git a/assets/images/logo/Property 1=Typo@2x.png b/assets/images/logo/Property 1=Typo@2x.png new file mode 100644 index 00000000..2c73c9dc Binary files /dev/null and b/assets/images/logo/Property 1=Typo@2x.png differ diff --git a/assets/images/logo/Property 1=Typo@3x.png b/assets/images/logo/Property 1=Typo@3x.png new file mode 100644 index 00000000..2e89dc16 Binary files /dev/null and b/assets/images/logo/Property 1=Typo@3x.png differ diff --git a/assets/images/logo/Property 1=Variant3.png b/assets/images/logo/Property 1=Variant3.png new file mode 100644 index 00000000..1fa247ed Binary files /dev/null and b/assets/images/logo/Property 1=Variant3.png differ diff --git a/assets/images/logo/Property 1=Variant3@2x.png b/assets/images/logo/Property 1=Variant3@2x.png new file mode 100644 index 00000000..91066380 Binary files /dev/null and b/assets/images/logo/Property 1=Variant3@2x.png differ diff --git a/assets/images/logo/Property 1=Variant3@3x.png b/assets/images/logo/Property 1=Variant3@3x.png new file mode 100644 index 00000000..9df6b510 Binary files /dev/null and b/assets/images/logo/Property 1=Variant3@3x.png differ diff --git a/assets/images/logo/logo.png b/assets/images/logo/logo.png new file mode 100644 index 00000000..0fd0992d Binary files /dev/null and b/assets/images/logo/logo.png differ diff --git a/assets/images/logo/logo@2x.png b/assets/images/logo/logo@2x.png new file mode 100644 index 00000000..2c73c9dc Binary files /dev/null and b/assets/images/logo/logo@2x.png differ diff --git a/assets/images/logo/logo@3x.png b/assets/images/logo/logo@3x.png new file mode 100644 index 00000000..2e89dc16 Binary files /dev/null and b/assets/images/logo/logo@3x.png differ diff --git "a/assets/images/logo/\355\214\220\353\213\244 \354\226\274\352\265\264.png" "b/assets/images/logo/\355\214\220\353\213\244 \354\226\274\352\265\264.png" new file mode 100644 index 00000000..6b2a63e9 Binary files /dev/null and "b/assets/images/logo/\355\214\220\353\213\244 \354\226\274\352\265\264.png" differ diff --git "a/assets/images/logo/\355\214\220\353\213\244 \354\226\274\352\265\264@2x.png" "b/assets/images/logo/\355\214\220\353\213\244 \354\226\274\352\265\264@2x.png" new file mode 100644 index 00000000..84929f4f Binary files /dev/null and "b/assets/images/logo/\355\214\220\353\213\244 \354\226\274\352\265\264@2x.png" differ diff --git "a/assets/images/logo/\355\214\220\353\213\244 \354\226\274\352\265\264@3x.png" "b/assets/images/logo/\355\214\220\353\213\244 \354\226\274\352\265\264@3x.png" new file mode 100644 index 00000000..574bf062 Binary files /dev/null and "b/assets/images/logo/\355\214\220\353\213\244 \354\226\274\352\265\264@3x.png" differ diff --git "a/assets/images/logo/\355\214\220\353\213\244 \354\240\204\354\213\240.png" "b/assets/images/logo/\355\214\220\353\213\244 \354\240\204\354\213\240.png" new file mode 100644 index 00000000..02bd18e9 Binary files /dev/null and "b/assets/images/logo/\355\214\220\353\213\244 \354\240\204\354\213\240.png" differ diff --git "a/assets/images/logo/\355\214\220\353\213\244 \354\240\204\354\213\240@2x.png" "b/assets/images/logo/\355\214\220\353\213\244 \354\240\204\354\213\240@2x.png" new file mode 100644 index 00000000..0403b8da Binary files /dev/null and "b/assets/images/logo/\355\214\220\353\213\244 \354\240\204\354\213\240@2x.png" differ diff --git "a/assets/images/logo/\355\214\220\353\213\244 \354\240\204\354\213\240@3x.png" "b/assets/images/logo/\355\214\220\353\213\244 \354\240\204\354\213\240@3x.png" new file mode 100644 index 00000000..d3d21ab9 Binary files /dev/null and "b/assets/images/logo/\355\214\220\353\213\244 \354\240\204\354\213\240@3x.png" differ diff --git a/assets/images/sns/ic_facebook.png b/assets/images/sns/ic_facebook.png new file mode 100644 index 00000000..58333d45 Binary files /dev/null and b/assets/images/sns/ic_facebook.png differ diff --git a/assets/images/sns/ic_facebook.svg b/assets/images/sns/ic_facebook.svg new file mode 100644 index 00000000..8491c2f8 --- /dev/null +++ b/assets/images/sns/ic_facebook.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/images/sns/ic_facebook@2x.png b/assets/images/sns/ic_facebook@2x.png new file mode 100644 index 00000000..f32e7ef8 Binary files /dev/null and b/assets/images/sns/ic_facebook@2x.png differ diff --git a/assets/images/sns/ic_facebook@3x.png b/assets/images/sns/ic_facebook@3x.png new file mode 100644 index 00000000..fec1d9da Binary files /dev/null and b/assets/images/sns/ic_facebook@3x.png differ diff --git a/assets/images/sns/ic_instagram.png b/assets/images/sns/ic_instagram.png new file mode 100644 index 00000000..98e24ea6 Binary files /dev/null and b/assets/images/sns/ic_instagram.png differ diff --git a/assets/images/sns/ic_instagram.svg b/assets/images/sns/ic_instagram.svg new file mode 100644 index 00000000..c83306f8 --- /dev/null +++ b/assets/images/sns/ic_instagram.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/images/sns/ic_instagram@2x.png b/assets/images/sns/ic_instagram@2x.png new file mode 100644 index 00000000..8c1837df Binary files /dev/null and b/assets/images/sns/ic_instagram@2x.png differ diff --git a/assets/images/sns/ic_instagram@3x.png b/assets/images/sns/ic_instagram@3x.png new file mode 100644 index 00000000..7e834b20 Binary files /dev/null and b/assets/images/sns/ic_instagram@3x.png differ diff --git a/assets/images/sns/ic_twitter.png b/assets/images/sns/ic_twitter.png new file mode 100644 index 00000000..5df0852d Binary files /dev/null and b/assets/images/sns/ic_twitter.png differ diff --git a/assets/images/sns/ic_twitter.svg b/assets/images/sns/ic_twitter.svg new file mode 100644 index 00000000..14a6069a --- /dev/null +++ b/assets/images/sns/ic_twitter.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/images/sns/ic_twitter@2x.png b/assets/images/sns/ic_twitter@2x.png new file mode 100644 index 00000000..216c58d2 Binary files /dev/null and b/assets/images/sns/ic_twitter@2x.png differ diff --git a/assets/images/sns/ic_twitter@3x.png b/assets/images/sns/ic_twitter@3x.png new file mode 100644 index 00000000..3a07baa6 Binary files /dev/null and b/assets/images/sns/ic_twitter@3x.png differ diff --git a/assets/images/sns/ic_youtube.png b/assets/images/sns/ic_youtube.png new file mode 100644 index 00000000..f51731d4 Binary files /dev/null and b/assets/images/sns/ic_youtube.png differ diff --git a/assets/images/sns/ic_youtube.svg b/assets/images/sns/ic_youtube.svg new file mode 100644 index 00000000..a3a16c51 --- /dev/null +++ b/assets/images/sns/ic_youtube.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/assets/images/sns/ic_youtube@2x.png b/assets/images/sns/ic_youtube@2x.png new file mode 100644 index 00000000..27d12233 Binary files /dev/null and b/assets/images/sns/ic_youtube@2x.png differ diff --git a/assets/images/sns/ic_youtube@3x.png b/assets/images/sns/ic_youtube@3x.png new file mode 100644 index 00000000..39106238 Binary files /dev/null and b/assets/images/sns/ic_youtube@3x.png differ diff --git a/index.html b/index.html new file mode 100644 index 00000000..0a0663e0 --- /dev/null +++ b/index.html @@ -0,0 +1,118 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 판다마켓 + + + + +
+
+
+

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

+ 구경하러 가기 + 판다마켓 메인비주얼 +
+
+
+
+
+ Hot item 이미지 +
+ Hot item +
인기 상품을
확인해 보세요
+

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

+
+
+
+ Search 이미지 +
+ Search +
구매를 원하는
상품을 검색하세요
+

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

+
+
+
+ Register 이미지 +
+ Register +
판매를 원하는
상품을 등록하세요
+

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

+
+
+
+
+
+
+

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

+ 판다마켓 서브비주얼 +
+
+
+ + + + diff --git a/pages/.DS_Store b/pages/.DS_Store new file mode 100644 index 00000000..20c27d34 Binary files /dev/null and b/pages/.DS_Store differ diff --git a/pages/faq/index.html b/pages/faq/index.html new file mode 100644 index 00000000..91fc2949 --- /dev/null +++ b/pages/faq/index.html @@ -0,0 +1,76 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 판다마켓 + + + + +
faq page
+ + + + diff --git a/pages/items/index.html b/pages/items/index.html new file mode 100644 index 00000000..60251fec --- /dev/null +++ b/pages/items/index.html @@ -0,0 +1,76 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 판다마켓 + + + + +
items page
+ + + + diff --git a/pages/login/index.html b/pages/login/index.html new file mode 100644 index 00000000..fd67e1f1 --- /dev/null +++ b/pages/login/index.html @@ -0,0 +1,76 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 판다마켓 + + + + +
login page
+ + + + diff --git a/pages/privacy/index.html b/pages/privacy/index.html new file mode 100644 index 00000000..b23127cb --- /dev/null +++ b/pages/privacy/index.html @@ -0,0 +1,76 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 판다마켓 + + + + +
privacy page
+ + + + diff --git a/reade.md b/reade.md new file mode 100644 index 00000000..15008689 --- /dev/null +++ b/reade.md @@ -0,0 +1 @@ +# 스프린트 미션