diff --git a/faq/index.html b/faq/index.html new file mode 100644 index 0000000..0a6c2d7 --- /dev/null +++ b/faq/index.html @@ -0,0 +1,11 @@ + + + + + + Document + + + faq + + diff --git a/images/Img_home_01.png b/images/Img_home_01.png new file mode 100644 index 0000000..6965b1f 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 0000000..d3101fd 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 0000000..ef5972b 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 0000000..cfda618 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 0000000..c9634c1 Binary files /dev/null and b/images/Img_home_top.png differ diff --git a/images/Property 1=sm.png b/images/Property 1=sm.png new file mode 100644 index 0000000..4af049c Binary files /dev/null and b/images/Property 1=sm.png differ diff --git a/images/ic_facebook.png b/images/ic_facebook.png new file mode 100644 index 0000000..58333d4 Binary files /dev/null and b/images/ic_facebook.png differ diff --git a/images/ic_instagram.png b/images/ic_instagram.png new file mode 100644 index 0000000..98e24ea Binary files /dev/null and b/images/ic_instagram.png differ diff --git a/images/ic_twitter.png b/images/ic_twitter.png new file mode 100644 index 0000000..5df0852 Binary files /dev/null and b/images/ic_twitter.png differ diff --git a/images/ic_youtube.png b/images/ic_youtube.png new file mode 100644 index 0000000..f51731d Binary files /dev/null and b/images/ic_youtube.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..8370730 --- /dev/null +++ b/index.html @@ -0,0 +1,113 @@ + + + + + + + 판다마켓 + + +
+
+ + +
+
+
+
+
+
+

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

+ 구경하러 가기 +
+ +
+
+
+
+ +
+

Hot item

+

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

+

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

+
+
+
+
+
+
+

Search

+

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

+

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

+
+ +
+
+
+
+ +
+

Register

+

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

+

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

+
+
+
+
+
+
+

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

+
+ +
+
+ +
+ + diff --git a/items/index.html b/items/index.html new file mode 100644 index 0000000..2508064 --- /dev/null +++ b/items/index.html @@ -0,0 +1,11 @@ + + + + + + Document + + + items + + diff --git a/login/index.html b/login/index.html new file mode 100644 index 0000000..11fcf6b --- /dev/null +++ b/login/index.html @@ -0,0 +1,11 @@ + + + + + + Document + + + login + + diff --git a/privacy/index.html b/privacy/index.html new file mode 100644 index 0000000..daa4dde --- /dev/null +++ b/privacy/index.html @@ -0,0 +1,11 @@ + + + + + + Document + + + Privacy + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..a500bff --- /dev/null +++ b/style.css @@ -0,0 +1,226 @@ +* { + box-sizing: border-box; +} + +body { + font-family: Pretendard; + margin: 0; +} + +header { + position: fixed; + top: 0; + left: 0; + width: 100%; + z-index: 100; + display: flex; + algin-items: center; + background: #ffffff; +} + +.header-container { + display: flex; + justify-content: space-between; + align-items: center; + margin: 0 auto; + width: 100%; + padding: 10px 400px; + height: 70px; +} + +.header-container > img { + flex-shrink: 0; +} + +.login-button { + flex-shrink: 0; + padding: 12px 23px; + border-radius: 8px; + background: #3692ff; + color: #f3f4f6; + cursor: pointer; + border: none; +} + +body { + background: #ffffff; + color: #374151; +} + +.section1 { + background: #cfe5ff; + margin-top: 70px; +} + +.section1-container { + display: flex; + justify-content: center; + flex-shrink: 0; + padding-top: 200px; + margin: 0 auto; + max-width: 1200px; +} + +.section1-container > img { + width: 746px; + height: 340px; +} + +.section1-content { + padding: 30px 0; +} + +h2 { + font-weight: 700; + font-size: 40px; + line-height: 140%; + color: #374151; +} + +.section1-content > a { + display: flex; + background: #3692ff; + padding: 16px 124px; + border: none; + border-radius: 40px; + font-weight: 600; + font-size: 20px; + line-height: 32px; + color: #f9fafb; + cursor: pointer; +} + +.section2 { + margin: 0 auto; + padding: 140px 0; +} + +.section2-container { + background: #fcfcfc; + display: flex; + justify-content: center; + max-width: 1000px; + margin: 0 auto; + position: relative; + gap: 50px; +} + +.section2-content { + margin: 60px 10px 60px 0; +} + +h3 { + font-weight: 800; + font-family: Abhaya Libre ExtraBold; + font-size: 18px; + line-height: 26px; + color: #3692ff; +} + +p { + font-weight: 500; + font-size: 24px; + line-height: 32px; +} + +.section3 { + margin: 0 auto; + padding: 140px 0; +} + +.section3-container { + background: #fcfcfc; + display: flex; + justify-content: center; + max-width: 1000px; + margin: 0 auto; + position: relative; + gap: 50px; +} + +.section3-content { + margin: 60px 10px 60px 0; + text-align: right; +} +.section4 { + margin: 0 auto; + padding: 140px 0; +} + +.section4-container { + background: #fcfcfc; + display: flex; + justify-content: center; + max-width: 1000px; + margin: 0 auto; + position: relative; + gap: 50px; +} +.section4-content { + margin: 60px 0; +} + +.section5 { + background: #cfe5ff; + margin-top: 70px; +} + +.section5-container { + display: flex; + justify-content: center; + flex-shrink: 0; + padding-top: 200px; + margin: 0 auto; + max-width: 1200px; +} + +.section5-container > img { + width: 746px; + height: 340px; +} + +.section5-content { + padding: 30px 0; +} + +footer { + background: #111827; + height: 160px; + padding-top: 20px; +} + +.footer-container { + display: flex; + justify-content: space-between; + algin-items: center; + max-width: 1000px; + margin: 0 auto; +} + +.footer-container > span { + font-weight: 400; + font-size: 16px; + line-height: 100%; + color: #9ca3af; +} + +.footer-container-center { + display: flex; + justify-content: space-between; + gap: 20px; + color: #e5e7eb; + font-size: 16px; + line-height: 100%; + font-weight: 400; +} + +a { + text-decoration: none; + color: inherit; +} + +.footer-container-end { + display: flex; + justify-content: space-between; + gap: 10px; +}