diff --git a/images/Img_home_01.png b/images/Img_home_01.png new file mode 100644 index 000000000..60a7dad43 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 000000000..d2d27bee8 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 000000000..377d7bef5 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 000000000..d211ea213 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 000000000..dbe67bc98 Binary files /dev/null and b/images/Img_home_top.png differ diff --git a/images/btn_large/status=Default.png b/images/btn_large/status=Default.png new file mode 100644 index 000000000..5193a912d Binary files /dev/null and b/images/btn_large/status=Default.png differ diff --git a/images/btn_large/status=click.png b/images/btn_large/status=click.png new file mode 100644 index 000000000..bbe5e9bfe Binary files /dev/null and b/images/btn_large/status=click.png differ diff --git a/images/btn_large/status=hover.png b/images/btn_large/status=hover.png new file mode 100644 index 000000000..2bb409b36 Binary files /dev/null and b/images/btn_large/status=hover.png differ diff --git a/images/btn_large/status=inactive.png b/images/btn_large/status=inactive.png new file mode 100644 index 000000000..da72ee96b Binary files /dev/null and b/images/btn_large/status=inactive.png differ diff --git a/images/btn_small/status=Default.png b/images/btn_small/status=Default.png new file mode 100644 index 000000000..4c43a746c Binary files /dev/null and b/images/btn_small/status=Default.png differ diff --git a/images/btn_small/status=click.png b/images/btn_small/status=click.png new file mode 100644 index 000000000..7b8267a23 Binary files /dev/null and b/images/btn_small/status=click.png differ diff --git a/images/btn_small/status=hover.png b/images/btn_small/status=hover.png new file mode 100644 index 000000000..98a82dacb Binary files /dev/null and b/images/btn_small/status=hover.png differ diff --git a/images/btn_small/status=inactive.png b/images/btn_small/status=inactive.png new file mode 100644 index 000000000..66c1626a2 Binary files /dev/null and b/images/btn_small/status=inactive.png differ diff --git a/images/logo/Property 1=Typo.png b/images/logo/Property 1=Typo.png new file mode 100644 index 000000000..ccfd704f4 Binary files /dev/null and b/images/logo/Property 1=Typo.png differ diff --git a/images/logo/Property 1=Variant3.png b/images/logo/Property 1=Variant3.png new file mode 100644 index 000000000..85d6f64a4 Binary files /dev/null and b/images/logo/Property 1=Variant3.png differ diff --git a/images/logo/favicon.ico b/images/logo/favicon.ico new file mode 100644 index 000000000..425b48622 Binary files /dev/null and b/images/logo/favicon.ico differ diff --git "a/images/logo/\355\214\220\353\213\244 \354\226\274\352\265\264 \354\225\204\354\235\264\354\275\230.png" "b/images/logo/\355\214\220\353\213\244 \354\226\274\352\265\264 \354\225\204\354\235\264\354\275\230.png" new file mode 100644 index 000000000..026aa860c Binary files /dev/null and "b/images/logo/\355\214\220\353\213\244 \354\226\274\352\265\264 \354\225\204\354\235\264\354\275\230.png" differ diff --git a/images/social/ic_facebook.png b/images/social/ic_facebook.png new file mode 100644 index 000000000..58333d45f Binary files /dev/null and b/images/social/ic_facebook.png differ diff --git a/images/social/ic_instagram.png b/images/social/ic_instagram.png new file mode 100644 index 000000000..7a91d111a Binary files /dev/null and b/images/social/ic_instagram.png differ diff --git a/images/social/ic_twitter.png b/images/social/ic_twitter.png new file mode 100644 index 000000000..5df0852de Binary files /dev/null and b/images/social/ic_twitter.png differ diff --git a/images/social/ic_youtube.png b/images/social/ic_youtube.png new file mode 100644 index 000000000..f51731d40 Binary files /dev/null and b/images/social/ic_youtube.png differ diff --git a/s-m-1-style.css b/s-m-1-style.css new file mode 100644 index 000000000..08d39333f --- /dev/null +++ b/s-m-1-style.css @@ -0,0 +1,146 @@ +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +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; +} + +a { + text-decoration: none; + color: inherit; +} + +img { + vertical-align: bottom; +} + +.button { + background-color: #3692FF; + color: #ffffff; + display: inline-flex; + justify-content: center; + align-items: center; +} + +.button:hover { + background-color: #1967d6; +} + +#login-link-button { + font-size: 16px; + font-weight: 600; + border-radius: 8px; + padding: 11.5px 23px; +} + +.banner { + background-color: #cfe5ff; + height: 540px; + display: flex; + align-items: center; + background-repeat: no-repeat; + background-position: 80% bottom; + background-size: 55%; +} + +#top { + background-image: url(images/Img_home_top.png); +} + +.wrap { + max-width: 1200px; + margin: 0 auto; + width: 100%; +} + +h1 { + font-size: 40px; + font-weight: 700; + line-height: 56px; + letter-spacing: 0.02em; +} + +.pill-button { + font-size: 20px; + font-weight: 700; + border-radius: 999px; + margin-top: 32px; + padding: 16px 124px; +} + +#contents { + padding-bottom: 138px; +} + +.content { + padding: 138px 0; + display: flex; + align-items: center; + gap: 5%; +} + +.content:nth-child(2) { + text-align: right; +} + +.content-text { + flex: 1; +} + +.content-tag { + color: #3692ff; + font-size: 18px; + line-height: 25px; + font-weight: 700; + margin-bottom: 12px; +} + +.content-description { + font-size: 24px; + font-weight: 500; + line-height: 120%; + letter-spacing: 0.08em; + margin-top: 24px; +} + +#bottom { + background-image: url(images/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-text { + display: flex; + gap: 30px; + color: #e5e7eb; +} + +#social-media { + display: flex; + gap: 12px; +} + diff --git a/sprint-mission-1.html b/sprint-mission-1.html new file mode 100644 index 000000000..43239f4da --- /dev/null +++ b/sprint-mission-1.html @@ -0,0 +1,102 @@ + + + + + 판다마켓 + + + + + +
+ + 판다마켓 홈 + + 로그인 +
+
+ +
+
+ 인기 상품 커버 +
+

Hot item

+

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

+

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

+
+
+
+
+

Search

+

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

+

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

+
+ 검색 커버 +
+
+ 등록 커버 +
+

Register

+

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

+

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

+
+
+
+ +
+ + + \ No newline at end of file