diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 00000000..2d23d822 Binary files /dev/null and b/.DS_Store differ diff --git a/faq.html b/faq.html new file mode 100644 index 00000000..9011da51 --- /dev/null +++ b/faq.html @@ -0,0 +1,11 @@ + + + + + + Document + + +

FAQ PAGE

+ + \ No newline at end of file diff --git a/images/Img_home_01.png b/images/Img_home_01.png new file mode 100644 index 00000000..629cbdf7 Binary files /dev/null and b/images/Img_home_01.png differ diff --git a/images/Img_home_02.png b/images/Img_home_02.png new file mode 100644 index 00000000..faccb9f7 Binary files /dev/null and b/images/Img_home_02.png differ diff --git a/images/Img_home_03.png b/images/Img_home_03.png new file mode 100644 index 00000000..4005ee3d Binary files /dev/null and b/images/Img_home_03.png differ diff --git a/images/Img_home_bottom.png b/images/Img_home_bottom.png new file mode 100644 index 00000000..31853d71 Binary files /dev/null and b/images/Img_home_bottom.png differ diff --git a/images/Img_home_top.png b/images/Img_home_top.png new file mode 100644 index 00000000..119fcbe9 Binary files /dev/null and b/images/Img_home_top.png differ diff --git a/images/Img_reply_empty.png b/images/Img_reply_empty.png new file mode 100644 index 00000000..fc832e5a Binary files /dev/null and b/images/Img_reply_empty.png differ diff --git a/images/Property 1-1=md.png b/images/Property 1-1=md.png new file mode 100644 index 00000000..d941b91a Binary files /dev/null and b/images/Property 1-1=md.png differ diff --git a/images/Property 1-1=sm.png b/images/Property 1-1=sm.png new file mode 100644 index 00000000..deaa7104 Binary files /dev/null and b/images/Property 1-1=sm.png differ diff --git a/images/Property 1-2=lg.png b/images/Property 1-2=lg.png new file mode 100644 index 00000000..ae95855c Binary files /dev/null and b/images/Property 1-2=lg.png differ diff --git a/images/Property 1-2=md.png b/images/Property 1-2=md.png new file mode 100644 index 00000000..22d70d50 Binary files /dev/null and b/images/Property 1-2=md.png differ diff --git a/images/Property 1-2=sm.png b/images/Property 1-2=sm.png new file mode 100644 index 00000000..ef87eab4 Binary files /dev/null and b/images/Property 1-2=sm.png differ diff --git a/images/Property 1=Typo.png b/images/Property 1=Typo.png new file mode 100644 index 00000000..0fd0992d Binary files /dev/null and b/images/Property 1=Typo.png differ diff --git a/images/Property 1=md.png b/images/Property 1=md.png new file mode 100644 index 00000000..d502169f Binary files /dev/null and b/images/Property 1=md.png differ diff --git a/images/Property 1=sm.png b/images/Property 1=sm.png new file mode 100644 index 00000000..43232bbb Binary files /dev/null and b/images/Property 1=sm.png differ diff --git a/images/ic_facebook.svg b/images/ic_facebook.svg new file mode 100644 index 00000000..b9c9d493 --- /dev/null +++ b/images/ic_facebook.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/ic_instagram.svg b/images/ic_instagram.svg new file mode 100644 index 00000000..0b9337b0 --- /dev/null +++ b/images/ic_instagram.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/ic_twitter.svg b/images/ic_twitter.svg new file mode 100644 index 00000000..14a6069a --- /dev/null +++ b/images/ic_twitter.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/ic_youtube.svg b/images/ic_youtube.svg new file mode 100644 index 00000000..699b5380 --- /dev/null +++ b/images/ic_youtube.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/index.html b/index.html new file mode 100644 index 00000000..3042c126 --- /dev/null +++ b/index.html @@ -0,0 +1,88 @@ + + + + + + + + 판다마켓 + + + + + +
+ 판다마켓 로고 + +
+
+
+

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

+ +
+
+ 판다 캐릭터 +
+
+
+
+
+ 아이템 콘텐츠 이미지 +
+
+

Hot item

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

Search

+
구매를 원하는
상품을 검색하세요
+
구매하고 싶은 물품은 검색해서
쉽게 찾아보세요
+
+
+ 아이템 콘텐츠 이미지 +
+
+
+
+
+
+ 아이템 콘텐츠 이미지 +
+
+

Register

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

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

+
+
+ 판다 캐릭터 +
+
+ + + + + \ No newline at end of file diff --git a/items.html b/items.html new file mode 100644 index 00000000..b9d16c77 --- /dev/null +++ b/items.html @@ -0,0 +1,11 @@ + + + + + + Document + + +

ITEMS PAGE

+ + \ No newline at end of file diff --git a/login.html b/login.html new file mode 100644 index 00000000..4385f504 --- /dev/null +++ b/login.html @@ -0,0 +1,11 @@ + + + + + + Document + + +

LOGIN PAGE

+ + \ No newline at end of file diff --git a/privacy.html b/privacy.html new file mode 100644 index 00000000..a98cf2b9 --- /dev/null +++ b/privacy.html @@ -0,0 +1,11 @@ + + + + + + Document + + +

PRIVACY PAGE

+ + \ No newline at end of file diff --git a/styles/reset.css b/styles/reset.css new file mode 100644 index 00000000..af944401 --- /dev/null +++ b/styles/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; +} \ No newline at end of file diff --git a/styles/style.css b/styles/style.css new file mode 100644 index 00000000..f17df31f --- /dev/null +++ b/styles/style.css @@ -0,0 +1,156 @@ +* { + box-sizing: border-box; + font-family: 'Pretendard', sans-serif; +} + +body { + margin: 0; + padding: 0; + background-color: #ffffff; + font-size: 16px; +} + +.wrap { + width: 100%; + margin: 0 auto; + padding: 32px; +} + +/* 헤더 스타일 */ +header { + display: flex; + justify-content: space-around; + align-items: center; + padding: 16px 32px; + background-color: #ffffff; +} + +/* 버튼스타일 */ +.btn-small-40 { + padding: 12px 24px; + background-color: #3692FF; + color: #ffffff; + border: none; + border-radius: 8px; + cursor: pointer; +} + +.browse-btn { + background-color: #3b82f6; + color: #F9FAFB; + border: none; + padding: 16px 124px; + border-radius: 40px; + cursor: pointer; + font-weight: 600; + font-size: 20px; + flex-shrink: 0; +} + +/* Hero 섹션 스타일 */ +.hero { + width: 100%; + background-color: #dbeafe; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; + padding: 100px 20px 0 20px; + margin: 0; +} + +.hero-title { + font-size: 2rem; + font-weight: 700; + color: #333; + line-height: 1.4; + margin-bottom: 20px; +} + +.hero-image img { + overflow: hidden; + width: auto; + max-height: 280px; + display: block; +} + +/* item section */ +.item { + display: flex; + width: 100%; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; + padding: 60px 20px; + margin: 0; +} + +.item img { + height: 444px; + width: 579px; + object-fit: cover; +} + +.item-container { + display: flex; + background-color: #FCFCFC; + position: relative; + align-items: center; +} + +.item-content { + display: flex; + width: 298px; + height: 238px; + flex-direction: column; + justify-content: center; + align-items: left; + padding-left: 50px; +} + +/* text style */ +.font-blue { + color: #3692FF; + font-size: 18px; + font-weight: 700; +} + +.font-normal { + color: #374151; + font-size: 24px; + font-weight: 500; +} + +.font-fat { + color: #374151; + font-size: 40px; + font-weight: 700; + line-height: 1.4; + padding: 15px 0; +} + +/* footer section */ + +footer { + display: flex; + justify-content: space-around; + align-items: center; + color: #E5E7EB; + background-color: #111827; + padding: 32px 40px; +} + +.footer-credit { + font-weight: 400; +} + +.footer-sns>* { + margin: 0 8px; +} + +.footer-policy>* { + color: #E5E7EB; + margin: 0 10px; + text-decoration: none; +} \ No newline at end of file