diff --git a/faq.html b/faq.html new file mode 100644 index 00000000..0fd0523d --- /dev/null +++ b/faq.html @@ -0,0 +1,9 @@ + + + + + + faq + + + diff --git a/index.html b/index.html new file mode 100644 index 00000000..b5858b7e --- /dev/null +++ b/index.html @@ -0,0 +1,132 @@ + + + + + + + + + 판다마켓 + + +
+ + +
+
+ +
+
+
+ hotitem +
+
Hot item
+

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

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

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

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

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

+
+ 어떤 물건이든 판매하고 싶은 상품을
쉽게 등록하세요 +
+
+
+
+
+ +
+ + + + diff --git a/items.html b/items.html new file mode 100644 index 00000000..24ad574e --- /dev/null +++ b/items.html @@ -0,0 +1,9 @@ + + + + + + Document + + + diff --git a/login.html b/login.html new file mode 100644 index 00000000..aeec7bbc --- /dev/null +++ b/login.html @@ -0,0 +1,25 @@ + + + + + 로그인 + + + + + + +

로그인

+ +
+ + + +
+ + diff --git a/pictures/facebook.png b/pictures/facebook.png new file mode 100644 index 00000000..879bb9f1 Binary files /dev/null and b/pictures/facebook.png differ diff --git a/pictures/hotitem.png b/pictures/hotitem.png new file mode 100644 index 00000000..9257b5c0 Binary files /dev/null and b/pictures/hotitem.png differ diff --git a/pictures/instargram.png b/pictures/instargram.png new file mode 100644 index 00000000..8b63592d Binary files /dev/null and b/pictures/instargram.png differ diff --git a/pictures/register.png b/pictures/register.png new file mode 100644 index 00000000..f9a3271e Binary files /dev/null and b/pictures/register.png differ diff --git a/pictures/search.png b/pictures/search.png new file mode 100644 index 00000000..f828d4df Binary files /dev/null and b/pictures/search.png differ diff --git a/pictures/twitter.png b/pictures/twitter.png new file mode 100644 index 00000000..2d9b2a92 Binary files /dev/null and b/pictures/twitter.png differ diff --git a/pictures/youtube.png b/pictures/youtube.png new file mode 100644 index 00000000..13bdfd53 Binary files /dev/null and b/pictures/youtube.png differ diff --git "a/pictures/\355\214\220\353\213\244 \354\226\274\352\265\264.png" "b/pictures/\355\214\220\353\213\244 \354\226\274\352\265\264.png" new file mode 100644 index 00000000..0a1a4f20 Binary files /dev/null and "b/pictures/\355\214\220\353\213\244 \354\226\274\352\265\264.png" differ diff --git "a/pictures/\355\214\220\353\213\2441.png" "b/pictures/\355\214\220\353\213\2441.png" new file mode 100644 index 00000000..7cf217f2 Binary files /dev/null and "b/pictures/\355\214\220\353\213\2441.png" differ diff --git "a/pictures/\355\214\220\353\213\2442.png" "b/pictures/\355\214\220\353\213\2442.png" new file mode 100644 index 00000000..175fd317 Binary files /dev/null and "b/pictures/\355\214\220\353\213\2442.png" differ diff --git a/privacy.html b/privacy.html new file mode 100644 index 00000000..e9a3ee12 --- /dev/null +++ b/privacy.html @@ -0,0 +1,9 @@ + + + + + + Privacy + + + diff --git a/style.css b/style.css new file mode 100644 index 00000000..64c2487e --- /dev/null +++ b/style.css @@ -0,0 +1,202 @@ +* { + box-sizing: border-box; +} + +body { + margin: 0; +} + +header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 80px; +} + +.logo { + display: flex; + align-items: center; + gap: 10px; +} + +.panda { + width: 40px; + height: 40.14px; +} + +.logo a { + color: #3692ff; + font-weight: 700; + font-size: 25.63px; + line-height: 34.6px; + text-decoration-line: none; + cursor: pointer; +} + +.go-buy:hover { + background-color: #1250aa; +} + +.login-button { + background-color: #3692ff; + color: #ffffff; + width: 128px; + height: 48px; + border-radius: 8px; + border: none; + cursor: pointer; +} + +.login-button:hover { + background-color: #1250aa; +} + +.top-banner, +.bottom-banner { + background-color: #cfe5ff; + width: 100%; + height: 540px; +} + +.top-banner { + background-image: url('pictures/판다1.png'); + background-position: 80% 100%; + background-repeat: no-repeat; + background-size: 996px 447px; + display: flex; + justify-content: center; +} + +.go-buy { + background-color: #3692ff; + border-radius: 40px; + text-align: center; + color: #ffffff; + font-size: 20px; + font-weight: 600; + line-height: 24px; + padding: 16px 124px; + border: none; + cursor: pointer; +} + +.bottom-banner { + background-image: url('pictures/판다2.png'); + background-position: 80% 100%; + background-repeat: no-repeat; + background-size: 996px 447px; + display: flex; + justify-content: center; +} + +.banner-container { + display: flex; + width: 1200px; + align-items: center; +} + +.h1 { + white-space: nowrap; + font-weight: 700; + font-size: 40px; + line-height: 56px; + + color: #374151; +} + +.card-exp { + font-weight: 500; + font-size: 24px; + line-height: 28.8px; + color: #374151; +} + +.card-textgroup { + display: flex; + flex-direction: column; + justify-content: center; +} + +.card-2 .card-textgroup2 .category, +.card-2 .card-textgroup2 h1, +.card-2 .card-textgroup2 .card-exp { + text-align: right; +} +.container { + margin-top: 100px; + margin-bottom: 100px; + display: flex; + flex-direction: column; + align-items: center; + gap: 200px; +} + +.card-1, +.card-2, +.card-3 { + display: flex; + gap: 40px; +} + +.pictures, +.card-textgroup { + width: 580px; +} + +.card-textgroup .category { + font-size: 18px; + font-weight: 700; + line-height: 25.2px; + color: #3692ff; +} + +footer { + width: 100%; +} +.footer-container { + background-color: #111827; + display: flex; + height: 160px; + justify-content: space-around; +} + +.company { + color: #9ca3af; + font-size: 16px; + font-weight: 400; + line-height: 19.09px; +} + +.policy { + color: #e5e7eb; + font-weight: 400; + font-size: 16px; + line-height: 19.09px; +} +.policy a { + text-decoration-line: none; + color: #e5e7eb; +} + +.company, +.policy, +.sns { + margin-top: 40px; +} + +@media (min-width: 1921px) { + .banner-container .container, + header { + width: 1920px; + margin: 0 auto; + } +} + +@media (max-width: 1919px) { + .logo { + margin-left: 200px; + } + .login-button { + margin-right: 200px; + } +}