diff --git a/15-Sprint-Mission/images/home/bottom-banner-image.png b/15-Sprint-Mission/images/home/bottom-banner-image.png new file mode 100644 index 00000000..4a5f85b2 Binary files /dev/null and b/15-Sprint-Mission/images/home/bottom-banner-image.png differ diff --git a/15-Sprint-Mission/images/home/feature1-image.png b/15-Sprint-Mission/images/home/feature1-image.png new file mode 100644 index 00000000..4684b9a7 Binary files /dev/null and b/15-Sprint-Mission/images/home/feature1-image.png differ diff --git a/15-Sprint-Mission/images/home/feature2-image.png b/15-Sprint-Mission/images/home/feature2-image.png new file mode 100644 index 00000000..31e20b97 Binary files /dev/null and b/15-Sprint-Mission/images/home/feature2-image.png differ diff --git a/15-Sprint-Mission/images/home/feature3-image.png b/15-Sprint-Mission/images/home/feature3-image.png new file mode 100644 index 00000000..5b8084a7 Binary files /dev/null and b/15-Sprint-Mission/images/home/feature3-image.png differ diff --git a/15-Sprint-Mission/images/home/hero-image.png b/15-Sprint-Mission/images/home/hero-image.png new file mode 100644 index 00000000..d28fb652 Binary files /dev/null and b/15-Sprint-Mission/images/home/hero-image.png differ diff --git a/15-Sprint-Mission/images/logo/favicon.ico b/15-Sprint-Mission/images/logo/favicon.ico new file mode 100644 index 00000000..9fecc692 Binary files /dev/null and b/15-Sprint-Mission/images/logo/favicon.ico differ diff --git a/15-Sprint-Mission/images/logo/panda-market-logo.png b/15-Sprint-Mission/images/logo/panda-market-logo.png new file mode 100644 index 00000000..a1dc1c6a Binary files /dev/null and b/15-Sprint-Mission/images/logo/panda-market-logo.png differ diff --git a/15-Sprint-Mission/images/social/facebook-logo.svg b/15-Sprint-Mission/images/social/facebook-logo.svg new file mode 100644 index 00000000..8491c2f8 --- /dev/null +++ b/15-Sprint-Mission/images/social/facebook-logo.svg @@ -0,0 +1,3 @@ + + + diff --git a/15-Sprint-Mission/images/social/instagram-logo.svg b/15-Sprint-Mission/images/social/instagram-logo.svg new file mode 100644 index 00000000..c83306f8 --- /dev/null +++ b/15-Sprint-Mission/images/social/instagram-logo.svg @@ -0,0 +1,3 @@ + + + diff --git a/15-Sprint-Mission/images/social/twitter-logo.svg b/15-Sprint-Mission/images/social/twitter-logo.svg new file mode 100644 index 00000000..14a6069a --- /dev/null +++ b/15-Sprint-Mission/images/social/twitter-logo.svg @@ -0,0 +1,3 @@ + + + diff --git a/15-Sprint-Mission/images/social/youtube-logo.svg b/15-Sprint-Mission/images/social/youtube-logo.svg new file mode 100644 index 00000000..5fcc0ff3 --- /dev/null +++ b/15-Sprint-Mission/images/social/youtube-logo.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/15-Sprint-Mission/index.html b/15-Sprint-Mission/index.html new file mode 100644 index 00000000..77199a41 --- /dev/null +++ b/15-Sprint-Mission/index.html @@ -0,0 +1,114 @@ + + + + + + 판다마켓 + + + + + + + +
+ + + 판다마켓홈 + + 로그인 +
+
+ +
+
+ + 인기 상품 +
+

Hot item

+

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

+

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

+
+
+
+
+

Search

+

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

+

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

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

Register

+

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

+

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

+
+
+
+ +
+ + + \ No newline at end of file diff --git a/15-Sprint-Mission/style.css b/15-Sprint-Mission/style.css new file mode 100644 index 00000000..e4899e84 --- /dev/null +++ b/15-Sprint-Mission/style.css @@ -0,0 +1,162 @@ +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; +} + +#loginLinkButton { + font-size: 16px; + font-weight: 600; + border-radius: 8px; + padding: 11.5px 23px; +} + +.button:hover { + background-color: #1967d6; +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + + +#hero { + background-image: url(../images/home/hero-image.png); +} + +.banner { + background-color: #cfe5ff; + height: 540px; + display: flex; + align-items: center; + background-repeat: no-repeat; + background-position: 80% bottom; + background-size: 55%; +} + +.wrapper { + max-width: 1200px; + margin: 0 auto; + width: 100%; +} + +div { + display: block; +} + +h1 { + font-size: 40px; + font-weight: 700; + line-height: 56px; + letter-spacing: 0.02em; +} + +.banner .pill-button { + margin-top: 32px; +} + +.pill-button { + font-size: 20px; + font-weight: 700; + border-radius: 999px; + padding: 16px 124px; +} + +.button { + background-color: #3692ff; + color: #ffffff; + display: inline-flex; + align-items: center; + justify-content: center; +} + +a. { + text-decoration: none; +} + +#features { + padding-bottom: 138px; +} + +.feature { + padding: 138px 0; + display: flex; + align-items: center; + gap: 5%; +} + +.feature-content { + flex: 1; +} + +.feature-tag { + color: #3692ff; + font-size: 18px; + line-height: 25px; + font-weight: 700; + margin-bottom: 12px; +} + +h1 { + font-size: 40px; + font-weight: 700; + line-height: 56px; + letter-spacing: 0.02em; +} + +.feature-description { + font-size: 24px; + font-weight: 500; + line-height: 120%; + letter-spacing: 0.08em; + margin-top: 24px; +} + +.feature:nth-child(2) { + text-align: right; +} + +#bottomBanner { + background-image: url( + https://fe-sprint-mission-1.vercel.app/images/home/bottom-banner-image.png + ); +} + +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; +} + +a { + text-decoration: none; + color: inherit; +} + +#socialMedia { + display: flex; + gap: 12px; +} + +body { + color: #374151; + word-break: keep-all; + font-family: "Pretendard", sans-serif; +} \ No newline at end of file diff --git a/15-Sprint-Mission/test.txt b/15-Sprint-Mission/test.txt new file mode 100644 index 00000000..a82e3819 --- /dev/null +++ b/15-Sprint-Mission/test.txt @@ -0,0 +1 @@ +미션 수행중 입니다. \ No newline at end of file