diff --git a/body1.PNG b/body1.PNG new file mode 100644 index 00000000..59891d54 Binary files /dev/null and b/body1.PNG differ diff --git a/body2.PNG b/body2.PNG new file mode 100644 index 00000000..5f8fd1da Binary files /dev/null and b/body2.PNG differ diff --git a/body3.PNG b/body3.PNG new file mode 100644 index 00000000..f06e71ce Binary files /dev/null and b/body3.PNG differ diff --git a/bottom.png b/bottom.png new file mode 100644 index 00000000..69d78cf0 Binary files /dev/null and b/bottom.png differ diff --git a/facebook-logo.PNG b/facebook-logo.PNG new file mode 100644 index 00000000..51d5c0c0 Binary files /dev/null and b/facebook-logo.PNG differ diff --git a/faq.html b/faq.html new file mode 100644 index 00000000..e69de29b diff --git a/index.html b/index.html new file mode 100644 index 00000000..9ad1ab4c --- /dev/null +++ b/index.html @@ -0,0 +1,126 @@ + + + + + + 판다마켓 + + + + + + +
+ + 판다마켓 홈 + + 로그인 +
+
+ + +
+
+ + 인기 상품 +
+

Hot item

+

인기 상품을
확인해 보세요

+

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

+
+
+
+
+

Search

+

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

+

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

+
+ 검색 기능 +
+
+ 판매 상품 등록 +
+

Register

+

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

+

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

+
+
+
+ + +
+ + + + diff --git a/instagram-logo.PNG b/instagram-logo.PNG new file mode 100644 index 00000000..e94ebca6 Binary files /dev/null and b/instagram-logo.PNG differ diff --git a/items.html b/items.html new file mode 100644 index 00000000..e69de29b diff --git a/login.html b/login.html new file mode 100644 index 00000000..e69de29b diff --git a/mission1.css b/mission1.css new file mode 100644 index 00000000..4383931e --- /dev/null +++ b/mission1.css @@ -0,0 +1,159 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +a { + text-decoration: none; + color: inherit; +} + +button { + background: none; + border: none; + outline: none; + box-shadow: none; + cursor: pointer; +} + +img { + vertical-align: bottom; +} + + +body { + color: #374151; + word-break: keep-all; + font-family: "Pretendard", sans-serif; +} + +header { + width: 100%; + height: 70px; + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 200px; + background-color: #ffffff; + border-bottom: 1px solid #dfdfdf; +} + +footer { + background-color: #111827; + color: #9ca3af; + display: flex; + justify-content: space-between; + align-items: center; + padding: 32px 200px 108px 200px; + font-size: 16px; +} + +#footerMenu { + display: flex; + gap: 30px; + color: #e5e7eb; +} + +#socialMedia { + display: flex; + gap: 12px; +} + +.wrapper { + max-width: 1200px; + margin: 0 auto; + width: 100%; +} + +h1 { + font-size: 40px; + font-weight: 700; + line-height: 56px; + letter-spacing: 0.02em; +} + +.button { + background-color: #3692ff; + color: #ffffff; + display: inline-flex; + align-items: center; + justify-content: center; +} + +.button:hover { + background-color: #1967d6; +} + +.button:focus { + background-color: #1251aa; +} + +.button:disabled { + background-color: #9ca3af; + cursor: default; + pointer-events: none; +} + +.pill-button { + font-size: 20px; + font-weight: 700; + border-radius: 999px; + padding: 16px 124px; +} +.banner { + background-color: #cfe5ff; + height: 540px; + display: flex; + align-items: center; + background-repeat: no-repeat; + background-position: 80% bottom; + background-size: 55%; +} + +#hero { + background-image: url("top.png"); +} + +#body { + padding-bottom: 138px; +} + +#bottomBanner { + background-image: url("bottom.png"); +} + +#loginLinkButton { + font-size: 16px; + font-weight: 600; + border-radius: 8px; + padding: 11.5px 23px; +} + +.banner .pill-button { + margin-top: 32px; +} + +.body { + padding: 138px 0; + display: flex; + align-items: center; + gap: 5%; +} + + +.body-tag { + color: #3692ff; + font-size: 18px; + line-height: 25px; + font-weight: 700; + margin-bottom: 12px; +} + +.body-description { + font-size: 24px; + font-weight: 500; + line-height: 120%; + letter-spacing: 0.08em; + margin-top: 24px; +} diff --git a/privacy.html b/privacy.html new file mode 100644 index 00000000..e69de29b diff --git a/top-logo.PNG b/top-logo.PNG new file mode 100644 index 00000000..481a8f32 Binary files /dev/null and b/top-logo.PNG differ diff --git a/top.png b/top.png new file mode 100644 index 00000000..b2012006 Binary files /dev/null and b/top.png differ diff --git a/twitter-logo.PNG b/twitter-logo.PNG new file mode 100644 index 00000000..af08bb62 Binary files /dev/null and b/twitter-logo.PNG differ diff --git a/youtube-logo.PNG b/youtube-logo.PNG new file mode 100644 index 00000000..72663bf2 Binary files /dev/null and b/youtube-logo.PNG differ