diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 00000000..f12da511 Binary files /dev/null and b/.DS_Store differ diff --git a/features/faq.html b/features/faq.html new file mode 100644 index 00000000..e69de29b diff --git a/features/items.html b/features/items.html new file mode 100644 index 00000000..e69de29b diff --git a/features/login.html b/features/login.html new file mode 100644 index 00000000..e69de29b diff --git a/features/privacy.html b/features/privacy.html new file mode 100644 index 00000000..e69de29b diff --git a/image/ic_facebook.svg b/image/ic_facebook.svg new file mode 100644 index 00000000..8491c2f8 --- /dev/null +++ b/image/ic_facebook.svg @@ -0,0 +1,3 @@ + + + diff --git a/image/ic_instagram.svg b/image/ic_instagram.svg new file mode 100644 index 00000000..c83306f8 --- /dev/null +++ b/image/ic_instagram.svg @@ -0,0 +1,3 @@ + + + diff --git a/image/ic_twitter.svg b/image/ic_twitter.svg new file mode 100644 index 00000000..14a6069a --- /dev/null +++ b/image/ic_twitter.svg @@ -0,0 +1,3 @@ + + + diff --git a/image/ic_youtube.svg b/image/ic_youtube.svg new file mode 100644 index 00000000..8270b35a --- /dev/null +++ b/image/ic_youtube.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/image/img_home_01.svg b/image/img_home_01.svg new file mode 100644 index 00000000..19a8bfed --- /dev/null +++ b/image/img_home_01.svg @@ -0,0 +1,67 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/image/img_home_02.svg b/image/img_home_02.svg new file mode 100644 index 00000000..b60f1b48 --- /dev/null +++ b/image/img_home_02.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/image/img_home_03.svg b/image/img_home_03.svg new file mode 100644 index 00000000..7cc85ec5 --- /dev/null +++ b/image/img_home_03.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/image/img_home_bottom.svg b/image/img_home_bottom.svg new file mode 100644 index 00000000..45e60e1b --- /dev/null +++ b/image/img_home_bottom.svg @@ -0,0 +1,111 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/image/img_home_top.svg b/image/img_home_top.svg new file mode 100644 index 00000000..ca73f8e9 --- /dev/null +++ b/image/img_home_top.svg @@ -0,0 +1,78 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/image/property 1=lg.svg b/image/property 1=lg.svg new file mode 100644 index 00000000..9b20d2d7 --- /dev/null +++ b/image/property 1=lg.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/image/property 1=md.svg b/image/property 1=md.svg new file mode 100644 index 00000000..010acd45 --- /dev/null +++ b/image/property 1=md.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/image/property 1=sm.svg b/image/property 1=sm.svg new file mode 100644 index 00000000..3cfc13de --- /dev/null +++ b/image/property 1=sm.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/image/property 1=typo.svg b/image/property 1=typo.svg new file mode 100644 index 00000000..55a63efc --- /dev/null +++ b/image/property 1=typo.svg @@ -0,0 +1,3 @@ + + + diff --git a/index.html b/index.html new file mode 100644 index 00000000..93a443a8 --- /dev/null +++ b/index.html @@ -0,0 +1,111 @@ + + + + + + + 판다마켓 + + + + +
+ + +
+
+
+ 인기 상품 +
+

Hot item

+

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

+

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

+
+
+
+
+

Search

+

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

+

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

+
+ 상품 검색 +
+
+ 상품 등록 +
+

Register

+

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

+

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

+
+
+
+ + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 00000000..ac83bdd6 --- /dev/null +++ b/style.css @@ -0,0 +1,176 @@ +@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css"); + +body { + 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; + margin: 0 auto; +} + +* { + box-sizing: border-box; +} + + h1 { + font-size: 40px; + font-weight: 600; + letter-spacing: 2%; + color: #374151; +} + +p { + font-size: 24px; + line-height: 32px; +} + +nav { + display: flex; + justify-content: space-between; + align-items: center; + max-width: 1920px; + padding: 9.5px 200px; + margin: 0 auto; +} + +.logo { + cursor: pointer; +} + +.login { + padding: 12px 23px; + text-align: center; + text-decoration: none; + background-color: #3692FF; + width: auto; + border-radius: 8px; + cursor: pointer; + font-size: 16px; + line-height: 26px; + font-weight: 500; + color: #F3F4F6; +} + +.banner-container { + background-color: #CFE5FF; + width: 100%; +} + +.banner-image { + display: flex; + justify-content: center; + align-items: flex-end; + flex-wrap: wrap; + padding-top: 100px; +} + +.banner-image > img { + max-width:100%; + height:auto; +} + +.banner-text { + display: flex; + flex-direction: column; + margin: 100px 5px; + align-items: flex-start; + justify-content: center; +} + +.banner-btn { + text-align: center; + text-decoration: none; + background-color: #3692FF; + border-radius: 40px; + padding: 12px 124px; + font-weight: 500; + line-height: 32px; + font-size: 20px; + color: #F9FAFB; + cursor: pointer; +} + +section > img { + max-width:100%; + height:auto; +} + +.section { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + margin: 138px auto; + background-color: #FCFCFC; + border-radius: 12px; + width: fit-content; +} + +.description { + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + padding: 0 40px 0 40px; +} + +.description > h2 { + font-size: 18px; + font-weight: 600; + color:#3692FF; +} + +.section.search .description { + text-align: right; + align-items: flex-end; +} + +.footer-banner { + display: flex; + justify-content: center; + align-items: flex-end; + flex-wrap: wrap; + background-color: #CFE5FF; + height: auto; + padding-top: 100px; +} + +.footer-banner > img { + max-width:100%; + height:auto; +} + +.footer-text { + margin: 100px 50px; +} + +.footer-info { + background-color: #111827; + height: auto; +} + +.info-container { + display: flex; + justify-content: space-around; + place-items: center; + color:#F3F4F6; + padding: 32px 0 108px; +} + +.footer-menu { + display: flex; + justify-content: space-between; + align-items: center; + gap: 0 30px; +} + +.privacy, +.faq { + text-decoration: none; + cursor: pointer; + color: #E5E7EB; +} + +.social-media { + display: flex; + justify-content: center; + align-items: center; + gap: 10px; +} \ No newline at end of file