diff --git a/panda/faq.html b/panda/faq.html new file mode 100644 index 000000000..b7914816c --- /dev/null +++ b/panda/faq.html @@ -0,0 +1,11 @@ + + + + + + FAQ + + +

This is a FAQ.html

+ + \ No newline at end of file diff --git a/panda/images/home/img_home_01.png b/panda/images/home/img_home_01.png new file mode 100644 index 000000000..6f7ffb0ce Binary files /dev/null and b/panda/images/home/img_home_01.png differ diff --git a/panda/images/home/img_home_02.png b/panda/images/home/img_home_02.png new file mode 100644 index 000000000..837e901ca Binary files /dev/null and b/panda/images/home/img_home_02.png differ diff --git a/panda/images/home/img_home_03.png b/panda/images/home/img_home_03.png new file mode 100644 index 000000000..e35fa4b95 Binary files /dev/null and b/panda/images/home/img_home_03.png differ diff --git a/panda/images/home/img_home_bottom.png b/panda/images/home/img_home_bottom.png new file mode 100644 index 000000000..1618f9cd6 Binary files /dev/null and b/panda/images/home/img_home_bottom.png differ diff --git a/panda/images/home/img_home_top.png b/panda/images/home/img_home_top.png new file mode 100644 index 000000000..2001a27a2 Binary files /dev/null and b/panda/images/home/img_home_top.png differ diff --git a/panda/images/logo/favicon.jpg b/panda/images/logo/favicon.jpg new file mode 100644 index 000000000..94e80c6e0 Binary files /dev/null and b/panda/images/logo/favicon.jpg differ diff --git a/panda/images/logo/logo.png b/panda/images/logo/logo.png new file mode 100644 index 000000000..1fa247eda Binary files /dev/null and b/panda/images/logo/logo.png differ diff --git a/panda/images/social/ic_facebook.png b/panda/images/social/ic_facebook.png new file mode 100644 index 000000000..93506ba7d Binary files /dev/null and b/panda/images/social/ic_facebook.png differ diff --git a/panda/images/social/ic_instagram.png b/panda/images/social/ic_instagram.png new file mode 100644 index 000000000..8a15c43f4 Binary files /dev/null and b/panda/images/social/ic_instagram.png differ diff --git a/panda/images/social/ic_twitter.png b/panda/images/social/ic_twitter.png new file mode 100644 index 000000000..1d0aa6718 Binary files /dev/null and b/panda/images/social/ic_twitter.png differ diff --git a/panda/images/social/ic_youtube.png b/panda/images/social/ic_youtube.png new file mode 100644 index 000000000..53df4e6e2 Binary files /dev/null and b/panda/images/social/ic_youtube.png differ diff --git a/panda/index.html b/panda/index.html new file mode 100644 index 000000000..7575110b7 --- /dev/null +++ b/panda/index.html @@ -0,0 +1,96 @@ + + + + + + + + + 판다마켓 + + + +
+ +
+ + + +
+ +
+

Hot item

+

인기 상품을
확인해 보세요

+

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

+
+
+ +
+
+

Search

+

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

+

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

+
+ +
+ +
+ +
+

Register

+

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

+

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

+
+
+ +
+
+

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

+
+
+ + + + \ No newline at end of file diff --git a/panda/items.html b/panda/items.html new file mode 100644 index 000000000..94c153781 --- /dev/null +++ b/panda/items.html @@ -0,0 +1,11 @@ + + + + + + Items + + +

This is a Items.html

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

This is a login Page!!!

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

This is a privacy.html

+ + \ No newline at end of file diff --git a/panda/styles/style.css b/panda/styles/style.css new file mode 100644 index 000000000..dcb8b5b26 --- /dev/null +++ b/panda/styles/style.css @@ -0,0 +1,171 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + word-break: keep-all; + font-family: "Pretendard", sans-serif; +} + +a { + text-decoration: none; + color: #E5E7EB; +} + +@media(min-width: 1200px) and (max-width: 1920px){/* 데스크톱 뷰포트 설정*/ + header { + height: 70px; + width: 100%; + padding: 10px 200px 9px 200px; + gap: 0px; + border: 0px 0px 1px 0px; + opacity: 0px; + } + + .nav-container { + display: flex; + justify-content: space-between; + align-items: center; + left: 200px; + opacity: 0px; + } + + .login-button { + width: 128px; + height: 48px; + border: 1px solid #3692FF; + border-radius: 8px; + background-color: #3692FF; + padding: 12px 20px; + gap: 10px; + font-size: 16px; + font-weight: 600; + color: #FFFFFF; + line-height: 19.09px; + } + + .login-button:hover { + cursor: pointer; + } + + .headline { + background-color: #CFE5FF; + height: 540px; + display: flex; + align-items: center; + background-repeat: no-repeat; + background-position: 80% bottom; + background-size: 55%; + } + + #head { + background-image: url('../images/home/Img_home_top.png'); + } + + .headline-container { + max-width: 1200px; + margin: 0 auto; + width: 100%; + } + + .headline-heading { + font-size: 40px; + font-weight: 700; + line-height: 56px; + text-align: left; + color: #374151; + } + + .headline-button{ + background-color: #3692FF; + width: 357px; + height: 56px; + padding: 16px 124px 16px 124px; + gap: 10px; + border-radius: 40px; + border: 1px solid #3692FF; + opacity: 0px; + font-family: Pretendard; + font-size: 20px; + font-weight: 600; + line-height: 24px; + text-align: center; + color: #ffffff; + white-space: nowrap; + } + + .headline-button:hover { + cursor: pointer; + } + + .content { + max-width: 1200px; + height: 720px; + margin: 0 auto; + display: flex; + justify-content: center; + align-items: center; + gap: 5%; + } + + .content-img { + width: 588px; + height: 444px; + flex-shrink : 1; + border-radius: 12px; + } + + .strong{ + font-size: 18px; + font-weight: 700; + line-height: 25.2px; + color: #3692FF; + } + + .content h1 { + font-size: 40px; + font-weight: 700; + line-height: 56px; + letter-spacing: 0.02em; + color: #374151; + } + + .content h2 { + font-size: 24px; + font-weight: 500; + line-height: 28.8px; + color: #374151; + } + + #text-right { + text-align: right; + } + + #bottomline-picture { + background-image: url('../images/home/Img_home_bottom.png'); + } + + .footer { + background-color: #111827; + color: #9ca3af; + display: flex; + justify-content: space-between; + align-items: center; + padding: 32px 200px 108px 200px; + font-size: 16px; + } + + .footer-center { + display: flex; + gap: 30px; + color: #E5E7EB; + } + + .footer-right { + width: 20px; + display: flex; + gap: 12px; + } +}