diff --git a/Img_home_bottom.png b/Img_home_bottom.png new file mode 100644 index 00000000..31853d71 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..83a4881c Binary files /dev/null and b/Img_home_top.png differ diff --git a/Property 1=sm.png b/Property 1=sm.png new file mode 100644 index 00000000..ef87eab4 Binary files /dev/null and b/Property 1=sm.png differ diff --git a/Rectangle 2993.png b/Rectangle 2993.png new file mode 100644 index 00000000..12880cf6 Binary files /dev/null and b/Rectangle 2993.png differ diff --git a/btn_large.png b/btn_large.png new file mode 100644 index 00000000..3d238ee3 Binary files /dev/null and b/btn_large.png differ diff --git a/btn_small.png b/btn_small.png new file mode 100644 index 00000000..0e865487 Binary files /dev/null and b/btn_small.png differ diff --git a/desktop_02.png b/desktop_02.png new file mode 100644 index 00000000..c58a0cc4 Binary files /dev/null and b/desktop_02.png differ diff --git a/desktop_03.png b/desktop_03.png new file mode 100644 index 00000000..d360b6bb Binary files /dev/null and b/desktop_03.png differ diff --git a/desktop_04.png b/desktop_04.png new file mode 100644 index 00000000..651a00fa Binary files /dev/null and b/desktop_04.png differ 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/index.html b/index.html new file mode 100644 index 00000000..5c95f0f2 --- /dev/null +++ b/index.html @@ -0,0 +1,86 @@ + + + + + + 판다마켓 + + + + +
+ + + + + + +
+ +
+
+

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

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

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

+ +
+
+ + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 00000000..667495c4 --- /dev/null +++ b/style.css @@ -0,0 +1,196 @@ +.nav-bar{ + display: flex; + justify-content: space-between; + width: 100%; + max-width: 1920px; + height: 70px; + margin: 0 200px; + +} +.logo{ + width: 153px; + height: 51px; + cursor: pointer; + margin-left: 0; +} + +.login-btn{ + width: 128px; + height: 48px; + cursor: pointer; + margin: 0 200px; +} + +@media (min-width: 1920px) { + .nav-bar{ + padding: 9px 10vw; + } + +} + + +.home-top{ + background-color: #cfe5ff; + width: 100%; + min-width: 1920px; + height: 540px; + display:flex; + justify-content: center; + align-items: flex-end; +} + +.words{ + font-family: Pretendard; + font-weight: 700; + font-size: 40px; + line-height: 56px; + color: #374151; + width: 357px; + height: 112px; + margin-bottom: 200px; + +} + +.top-image{ + position: relative; + width: 746px; + height: 340px; + margin-right: 360px; +} + +.show-more-btn{ + position: absolute; + top: 470px; + left: 30px; + width: 357px; + height: 56px; + padding: 16px 240px; + cursor: pointer; +} + +.first-p{ + width: 1920px; + height: 720px; + padding: 138px 466px; + background-color: #ffffff; +} + +.second-p{ + width: 1920px; + height: 720px; + padding: 138px 466px; + background-color: #ffffff; +} + +.third-p{ + width: 1920px; + height: 720px; + padding: 138px 466px; + background-color: #ffffff; +} + + +.hot-item{ + width: 988px; + height: 444px; + display: block; + margin: 0 auto; + background-color: #fcfcfc; +} + +.search-item{ + width: 988px; + height: 444px; + display: block; + margin: 0 auto; + background-color: #fcfcfc; +} + +.resister-item{ + width: 988px; + height: 444px; + display: block; + margin: 0 auto; + background-color: #fcfcfc; +} + +.home-bottom{ + background-color: #cfe5ff; + width: 100vw; + min-width: 1920px; + height: 540px; + display:flex; + justify-content: center; + align-items: flex-end; +} + +.bottom-word{ + font-family: Pretendard; + font-weight: 700; + font-size: 40px; + line-height: 56px; + color: #374151; + width: 357px; + height: 112px; + margin-bottom: 200px; +} + +.bottom-img{ + position: relative; + width: 746px; + height: 340px; + margin-right: 360px; +} + + +.footer-style{ + background-color: #111827; + width: 100vw; + min-width: 1920px; + height: 160px; + color: #9ca3af; + padding: 32px 400px; +} + +.footer-inner{ + width: 1120px; + height: 20px; + display: flex; + justify-content: space-between; + +} + +.codeit-2024{ + font-family: pretendard; + font-weight: 400; + font-size: 16px; +} + +.footer-link{ + width: 159px; + height: 19px; +} + +.Policy{ + font-family: pretendard; + color: #e5e7eb; + font-weight: 400; + font-size: 16px; + margin-right: 30px; +} + +.FAQ{ + font-family: pretendard; + color: #e5e7eb; + font-weight: 400; + font-size: 16px; + text-align: center; +} + +.social-ic{ + display: inline; + width: 116px; + height: 20px; +} + +