diff --git a/Img_home_01.png b/Img_home_01.png new file mode 100644 index 00000000..7609ab19 Binary files /dev/null and b/Img_home_01.png differ diff --git a/Img_home_02.png b/Img_home_02.png new file mode 100644 index 00000000..71e4db7b Binary files /dev/null and b/Img_home_02.png differ diff --git a/Img_home_03.png b/Img_home_03.png new file mode 100644 index 00000000..ef5972b3 Binary files /dev/null and b/Img_home_03.png differ diff --git a/Img_home_bottom.png b/Img_home_bottom.png new file mode 100644 index 00000000..9b855d2d Binary files /dev/null and b/Img_home_bottom.png differ diff --git a/Img_home_top.png b/Img_home_top.png new file mode 100644 index 00000000..0c34c912 Binary files /dev/null and b/Img_home_top.png differ diff --git a/home.css b/home.css new file mode 100644 index 00000000..01411ab3 --- /dev/null +++ b/home.css @@ -0,0 +1,151 @@ +* { + box-sizing: border-box; +} + +html { + font-size: 16px; + font-family: 'Pretendard', sans-serif; +} + +body { + margin: 0 auto; + width: 100%; +} + +header { + max-width: 1520px; + min-width: 1120px; + width: 100%; + padding: 9px 200px; + margin: 0 auto; + display: flex; + justify-content: space-between; + align-items: center; +} + +.login_button { + width: 128px; + height: 48px; + padding: 12px 23px; + border-radius: 8px; + background-color: #3692FF; + font-weight: 600; + text-align: center; + text-decoration: none; + color: #F3F4F6; + line-height: 26px; +} + +.top, .bottom { + height: 540px; + background-color: #CFE5FF; +} + +.top { + padding-top: 200px; +} + +.container { + display: flex; + justify-content: space-between; + max-width: 1120px; + margin: 0 auto; +} + +main section { + padding: 138px 0; +} + +main .container { + display: flex; + justify-content: center; + gap: 48px; + width: 988px; + height: 444px; + margin: 0 auto; + border-radius: 12px; + background-color: #FCFCFC; +} + +.content { + display: flex; + flex-direction: column; + justify-content: center; + gap: 32px; +} + +.content.right { + text-align: right; +} + +.badge { + font-size: 18px; + font-weight: 700; + color: #3692FF; + line-height: 26px; +} + +.content-title { + margin: 0; + font-size: 40px; + font-weight: 700; + color: #374151; + line-height: 56px; +} + +.shopping-button { + width: 360px; + height: 56px; + padding: 16px 124px; + border-radius: 40px; + background-color: #3692FF; + font-size: 20px; + font-weight: 600; + text-decoration: none; + color: #F9FAFB; +} + +.description { + font-size: 24px; + font-weight: 500; + color: #374151; + line-height: 32px; +} + +.bottom { + padding-top: 143px; +} + +footer { + height: 160px; + padding: 32px 0; + background-color: #111827; +} + +footer .container{ + max-width: 1520px; + min-width: 1120px; + width: 100%; + padding: 0 200px; + display: flex; + justify-content: space-between; +} + +footer .codeit { + color: #9CA3AF; +} + +footer .link { + display: flex; + gap: 30px; +} + +footer .link a { + text-decoration: none; + color: #E5E7EB; +} + +footer .sns { + display: flex; + gap: 12px; +} \ No newline at end of file diff --git a/home.html b/home.html new file mode 100644 index 00000000..967ca062 --- /dev/null +++ b/home.html @@ -0,0 +1,90 @@ + + + + + + 판다마켓 + + + + +
+ + 로그인 +
+ +
+
+
+

+ 일상의 모든 물건을
+ 거래해 보세요 +

+ 구경하러 가기 +
+ +
+
+ +
+
+
+ +
+

Hot item

+

인기 상품을
확인해보세요

+

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

+
+
+
+
+
+
+

Search

+

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

+

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

+
+ +
+
+
+
+ +
+

Register

+

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

+

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

+
+
+
+
+ +
+
+
+

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

+
+ +
+
+ + + + \ No newline at end of file diff --git a/ic_facebook.png b/ic_facebook.png new file mode 100644 index 00000000..58333d45 Binary files /dev/null and b/ic_facebook.png differ diff --git a/ic_instagram.png b/ic_instagram.png new file mode 100644 index 00000000..98e24ea6 Binary files /dev/null and b/ic_instagram.png differ diff --git a/ic_twitter.png b/ic_twitter.png new file mode 100644 index 00000000..5df0852d Binary files /dev/null and b/ic_twitter.png differ diff --git a/ic_youtube.png b/ic_youtube.png new file mode 100644 index 00000000..f51731d4 Binary files /dev/null and b/ic_youtube.png differ diff --git a/logo.png b/logo.png new file mode 100644 index 00000000..ef87eab4 Binary files /dev/null and b/logo.png differ