diff --git a/FAQ.html b/FAQ.html new file mode 100644 index 00000000..b0c29c26 --- /dev/null +++ b/FAQ.html @@ -0,0 +1,11 @@ + + + + + + FAQ + + +

FAQ 페이지 입니다

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

Privacy 페이지 입니다

+ + \ No newline at end of file diff --git a/images/Img_home_01.svg b/images/Img_home_01.svg new file mode 100644 index 00000000..56aa0038 --- /dev/null +++ b/images/Img_home_01.svg @@ -0,0 +1,67 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/Img_home_02.svg b/images/Img_home_02.svg new file mode 100644 index 00000000..4137dc0b --- /dev/null +++ b/images/Img_home_02.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/Img_home_03.svg b/images/Img_home_03.svg new file mode 100644 index 00000000..93e003c3 --- /dev/null +++ b/images/Img_home_03.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/Img_home_bottom.svg b/images/Img_home_bottom.svg new file mode 100644 index 00000000..8aac2a05 --- /dev/null +++ b/images/Img_home_bottom.svg @@ -0,0 +1,111 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/Img_home_top.svg b/images/Img_home_top.svg new file mode 100644 index 00000000..687771db --- /dev/null +++ b/images/Img_home_top.svg @@ -0,0 +1,78 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/Property 1=lg.svg b/images/Property 1=lg.svg new file mode 100644 index 00000000..9b20d2d7 --- /dev/null +++ b/images/Property 1=lg.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/images/Property 1=md.svg b/images/Property 1=md.svg new file mode 100644 index 00000000..010acd45 --- /dev/null +++ b/images/Property 1=md.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/images/Property 1=sm.svg b/images/Property 1=sm.svg new file mode 100644 index 00000000..3cfc13de --- /dev/null +++ b/images/Property 1=sm.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/images/ic_facebook.svg b/images/ic_facebook.svg new file mode 100644 index 00000000..8491c2f8 --- /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..c83306f8 --- /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..ef1c716c --- /dev/null +++ b/images/ic_youtube.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/meta_logo.svg b/images/meta_logo.svg new file mode 100644 index 00000000..2b46c220 --- /dev/null +++ b/images/meta_logo.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/index.html b/index.html new file mode 100644 index 00000000..896bf5ee --- /dev/null +++ b/index.html @@ -0,0 +1,97 @@ + + + + + + 판다마켓 + + + + + +
+ + +
+
+
+

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

+ 구경하러 가기 +
+ main_top_img +
+
+ +
+
+
+ hot item +
+

Hot item

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

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

+
+
+
+
+ +
+
+
+
+

Search

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

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

+
+ hot item +
+
+
+ +
+
+
+ hot item +
+

Register

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

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

+
+
+
+
+ +
+
+
+

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

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

itmes 페이지 입니다.

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

Login 페이지입니다.

+ + \ No newline at end of file diff --git a/reset.css b/reset.css new file mode 100644 index 00000000..7643a20b --- /dev/null +++ b/reset.css @@ -0,0 +1,49 @@ +/* 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; + text-decoration: none; +} +/* 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/style.css b/style.css new file mode 100644 index 00000000..1bf601ff --- /dev/null +++ b/style.css @@ -0,0 +1,187 @@ +@charset "UTF-8"; +@font-face { + font-family: 'Pretendard-Regular'; + src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +body{ + font-family: 'Pretendard-Regular'; + font-size: 16px; +} + +/* ---------------------- header --------------------- */ +#header{ + position: fixed; + top: 0; + left: 0; + z-index: 1; + width: 100%; + background-color: #ffffff; + border-bottom: 1px solid #dfdfdf; +} + +#header .container{ + display: flex; + justify-content: space-between; + align-items: center; + width: 1120px; + margin: 0 auto; + padding: 8px 0; +} +#header .login{ + background-color: #3692ff; + color: #ffffff; + font-size: 16px; + font-weight: 600; + padding: 16px 42px; + border-radius: 8px; +} +#header .login:hover { + background-color: #1967d6; +} +#header .login:active { + background-color: #1251aa; +} +/* ---------------------- main_top --------------------- */ +#main { + width: 100%; + background-color: #cfe5ff; +} +#main .container { + width: 1120px; + margin: 0 auto; + display: flex; + justify-content: space-between; + align-items: center; + padding-top: 260px; +} +#main .main_left { + margin-top: -100px; +} +#main .main_left .title { + font-size: 40px; + font-weight: 700; + line-height: 55px; +} +#main .main_left a { + display: block; + background-color: #3692ff; + color: #ffffff; + font-size: 20px; + margin-top: 30px; + padding: 18px 120px; + border-radius: 50px; + text-align: center; +} +#main .main_left a:hover { + background-color: #1967d6; +} +#main .main_left a:active { + background-color: #1251aa; +} +/* ---------------------- section 1/2/3 --------------------- */ +section { + width: 100%; +} +section .container { + width: 1120px; + margin: 0 auto; + padding: 100px 0; +} +.section_box { + display: flex; + justify-content: center; + align-items: center; + gap: 60px; + width: 988px; + height: 444px; + background-color: #fcfcfc; + color: #000000; + border-radius: 5px; +} +.section_box h2 { + color: #3692ff; + font-size: 18px; + font-weight: 700; +} +.section_box strong { + display: block; + font-size: 40px; + font-weight: 700; + line-height: 50px; + margin: 20px 0 20px 0; +} +.section_box p { + font-size: 24px; + font-weight: 500; + line-height: 30px; +} +.section_left { + text-align: right; +} + +/* ---------------------- main_bottome --------------------- */ +#main_bottome { + width: 100%; + background-color: #cfe5ff; +} +#main_bottome .container { + width: 1120px; + margin: 0 auto; + display: flex; + justify-content: space-between; + align-items: center; + padding-top: 140px; +} +#main_bottome .main_left { + margin-top: -100px; +} +#main_bottome .main_left .title { + font-size: 40px; + font-weight: 700; + line-height: 55px; +} +#main_bottome .main_left a { + display: block; + background-color: #3692ff; + color: #ffffff; + font-size: 20px; + margin-top: 30px; + padding: 18px 120px; + border-radius: 50px; + text-align: center; +} + +/* ---------------------- footer --------------------- */ +footer { + width: 100%; + background-color: #111827; + color: #9ca3af; +} +footer .container { + width: 1120px; + margin: 0 auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0 110px 0; +} +footer .copy { + font-size: 16px; + font-weight: 400; +} +footer .service ul { + display: flex; + gap: 30px; +} +footer .service ul li a { + color: #e5e7eb; + font-size: 16px; + font-weight: 400; +} +footer .icon a{ + display: inline-block; + padding-left: 12px; +} \ No newline at end of file