diff --git a/sprint1/assets/css/styles.css b/sprint1/assets/css/styles.css new file mode 100644 index 00000000..46f16795 --- /dev/null +++ b/sprint1/assets/css/styles.css @@ -0,0 +1,252 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + 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; +} + +h2 { + font-size: 40px; + font-weight: 700; + line-height: 56px; +} + +h6 { + font-size: 24px; + font-weight: 500; + line-height: 32px; +} + +/* 헤더 */ +.header { + background-color: #FFFFFF; + margin: 0 auto; + width: 100%; + height: 70px; + display: flex; + justify-content: center; + /* position: sticky; + top: 0px; */ +} + +.navbar { + display: flex; + height: 100%; + align-items: center; + justify-content: space-between; + width: 100%; + max-width: 1120px; + margin: 0 200px; +} + +.logo a { + display: flex; + align-items: center; + text-decoration: none; + color: #3692FF; + font-size: 25.63px; + font-weight: 700; + gap: 8px; + white-space: nowrap +} + +.logo img { + width: 40px; +} + +.login-btn { + display: flex; + width: 128px; + height: 48px; + background-color: #3692FF; + color: #FFFFFF; + border-radius: 8px; + padding: 12px 23px; + font-size: 16px; + font-weight: 600; + text-align: center; + align-items: center; + justify-content: center; + text-decoration: none; + border: none; + white-space: nowrap; + cursor: pointer; +} + +.login-btn:hover { + background-color: #1967D6; +} + +.login-btn:active { + background-color: #1251AA; +} + +/* 메인 */ +.main { + background-color: #FCFCFC; +} + +.top-section { + width: 100%; + height: 540px; + background-color: #CFE5FF; + display: flex; + justify-content: center; + align-items: end; + gap: 7px; +} + +.banner { + display: flex; + width: 100%; + max-width: 1120px; + margin: 0 200px; + align-items: center; +} + +.banner img { + width: 746px; +} + +.banner-text { + background-color: #CFE5FF; + display: flex; + flex-direction: column; + gap: 32px; + padding-bottom: 60px; +} + +.items-btn { + display: flex; + height: 56px; + background-color: #3692FF; + color: #FFFFFF; + border-radius: 40px; + padding: 16px 124px; + font-size: 20px; + font-weight: 600; + text-align: center; + align-items: center; + justify-content: center; + text-decoration: none; + border: none; + white-space: nowrap; + cursor: pointer; +} + +.items-btn:hover { + background-color: #1967D6; +} + +.items-btn:active { + background-color: #1251AA; +} + +.center-section { + background-color: #FFFFFF; + margin: 0 auto; + width: 100%; + height: 720px; + display: flex; + justify-content: center; + padding: 138px 0; +} + +.card { + display: flex; + align-items: center; + width: 988px; + background-color: #FCFCFC; + gap: 64px; + border-radius: 12px; +} + +.card img { + width: 579px; + height: 444px; +} + +.card-text { + display: flex; + flex-direction: column; + gap: 24px; +} + +.text-left { + padding-left: 24px; + text-align: right; +} + +.card-text span { + color: #3692FF; + font-size: 18px; + line-height: 26px; + font-weight: 700; +} + +.bottom-section { + margin-top: 130px; + width: 100%; + height: 540px; + background-color: #CFE5FF; + display: flex; + justify-content: center; + align-items: end; +} + +.bottom-banner { + gap: 69px; +} + +/* 푸터 */ +.footer { + background-color: #111827; + margin: 0 auto; + width: 100%; + height: 160px; + display: flex; + justify-content: center; + padding: 32px 0; +} + +.icons { + color: #FFFFFF; +} + +.footer-content { + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + max-width: 1120px; + margin: 0 200px; + font-size: 16px; + font-weight: 400; + align-items: start; +} + +.copyright { + color: #9CA3AF; +} + +.footer-btn { + display: flex; + gap: 32px; +} + +.footer-btn a { + color: #E5E7EB; + text-decoration: none; + cursor: pointer; +} + +.icons { + display: flex; + font-size: 20px; + gap: 12px; +} + +.icons a { + color: #FFFFFF; + cursor: pointer; +} \ No newline at end of file diff --git a/sprint1/assets/images/Img_home_01.png b/sprint1/assets/images/Img_home_01.png new file mode 100644 index 00000000..28934bc4 Binary files /dev/null and b/sprint1/assets/images/Img_home_01.png differ diff --git a/sprint1/assets/images/Img_home_02.png b/sprint1/assets/images/Img_home_02.png new file mode 100644 index 00000000..493e01c0 Binary files /dev/null and b/sprint1/assets/images/Img_home_02.png differ diff --git a/sprint1/assets/images/Img_home_03.png b/sprint1/assets/images/Img_home_03.png new file mode 100644 index 00000000..4581630c Binary files /dev/null and b/sprint1/assets/images/Img_home_03.png differ diff --git a/sprint1/assets/images/Img_home_bottom.png b/sprint1/assets/images/Img_home_bottom.png new file mode 100644 index 00000000..cf33ac25 Binary files /dev/null and b/sprint1/assets/images/Img_home_bottom.png differ diff --git a/sprint1/assets/images/Img_home_top.png b/sprint1/assets/images/Img_home_top.png new file mode 100644 index 00000000..02d0a669 Binary files /dev/null and b/sprint1/assets/images/Img_home_top.png differ diff --git a/sprint1/assets/images/logo.png b/sprint1/assets/images/logo.png new file mode 100644 index 00000000..be59b340 Binary files /dev/null and b/sprint1/assets/images/logo.png differ diff --git a/sprint1/faq.html b/sprint1/faq.html new file mode 100644 index 00000000..27ead50b --- /dev/null +++ b/sprint1/faq.html @@ -0,0 +1,18 @@ + + + + + + 판다마켓 + + + + + faq + + diff --git a/sprint1/index.html b/sprint1/index.html new file mode 100644 index 00000000..32c603d8 --- /dev/null +++ b/sprint1/index.html @@ -0,0 +1,130 @@ + + + + + + 판다마켓 + + + + + + + + + +
+
+ + + +
+ + +
+
+
+ +
+ +
+ +
+ +
+
+ 인기 상품 +
+ Hot item +

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

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

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

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

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

+
어떤 물건이든 판매하고 싶은 상품을
쉽게 등록하세요
+
+
+
+
+ +
+
+ + + + diff --git a/sprint1/items.html b/sprint1/items.html new file mode 100644 index 00000000..afe991df --- /dev/null +++ b/sprint1/items.html @@ -0,0 +1,18 @@ + + + + + + 판다마켓 + + + + + items + + diff --git a/sprint1/login.html b/sprint1/login.html new file mode 100644 index 00000000..382ab946 --- /dev/null +++ b/sprint1/login.html @@ -0,0 +1,18 @@ + + + + + + 판다마켓 + + + + + login + + diff --git a/sprint1/privacy.html b/sprint1/privacy.html new file mode 100644 index 00000000..9beea1c0 --- /dev/null +++ b/sprint1/privacy.html @@ -0,0 +1,18 @@ + + + + + + 판다마켓 + + + + + privacy + +