diff --git a/faceb.svg b/faceb.svg new file mode 100644 index 00000000..8491c2f8 --- /dev/null +++ b/faceb.svg @@ -0,0 +1,3 @@ + + + diff --git a/files.svg b/files.svg new file mode 100644 index 00000000..93e003c3 --- /dev/null +++ b/files.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/hipanda.svg b/hipanda.svg new file mode 100644 index 00000000..61733d71 --- /dev/null +++ b/hipanda.svg @@ -0,0 +1,79 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/index.html b/index.html new file mode 100644 index 00000000..8fe83a9b --- /dev/null +++ b/index.html @@ -0,0 +1,154 @@ + + + + + + + + + 판다마켓 + + + + + +
+
+ + 판다마켓로고 + +
+ +
+
+
+ +
+
+
+
+
+ 일상의 모든 물건을
+ 거래해 보세요 +
+ 구경하러 가기 +
+
+ +
+
+
+ +
+
+
+ 웃을 구경하는 판다 +
+
+
+ Hot item +
+
+
+ 인기 상품을
+ 확인해 보세요 +
+
+ 가장 HOT한 중고거래 물품을
+ 판다 마켓에서 확인해 보세요 +
+
+
+
+
+ +
+
+
+
+ Search +
+
+
+ 구매를 원하는
+ 상품을 검색하세요 +
+
+ 구매하고 싶은 물품은 검색해서
+ 쉽게 찾아보세요 +
+
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+ Register +
+
+
+ 판매를 원하는
+ 상품을 등록하세요 +
+
+ 어떤 물건이든 판매하고 싶은 상품을
+ 쉽게 등록하세요 +
+
+
+
+
+ +
+
+
+ 믿을 수 있는
+ 판다마켓 중고 거래 +
+
+
+ +
+
+
+ + + + \ No newline at end of file diff --git a/insta.svg b/insta.svg new file mode 100644 index 00000000..c83306f8 --- /dev/null +++ b/insta.svg @@ -0,0 +1,3 @@ + + + diff --git a/like-shirts.svg b/like-shirts.svg new file mode 100644 index 00000000..63346d38 --- /dev/null +++ b/like-shirts.svg @@ -0,0 +1,67 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/loginpage.html b/loginpage.html new file mode 100644 index 00000000..8e9cfc42 --- /dev/null +++ b/loginpage.html @@ -0,0 +1,18 @@ + + + + + + 로그인 + + +
+ + + + + + + \ No newline at end of file diff --git a/logopanda.svg b/logopanda.svg new file mode 100644 index 00000000..f27f318a --- /dev/null +++ b/logopanda.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/pandaicon.svg b/pandaicon.svg new file mode 100644 index 00000000..3cfc13de --- /dev/null +++ b/pandaicon.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/serching.svg b/serching.svg new file mode 100644 index 00000000..4137dc0b --- /dev/null +++ b/serching.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/sprint1.2.css b/sprint1.2.css new file mode 100644 index 00000000..8d90ee0a --- /dev/null +++ b/sprint1.2.css @@ -0,0 +1,481 @@ +*{box-sizing: border-box; +flex-wrap: wrap;} +html +body +{ + font-family: 'Noto Sans KR', sans-serif; + background-color: #CFE5FF; + margin: 0; + width: 100%; + height: 100%; +} +header +{ + background-color: #ffffff; + width: 100%; + height: 4.375rem; + gap: 0.625rem; + padding: 0.5625rem 200px; + border-bottom-width: 0.0625rem; + display: flex; + justify-content: space-between; + align-items: center; +} +main{ + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + align-content: center; +} +.headerbox +{ + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; + height: 3.1875rem; +} +.pandamarket +{ + display: flex; + cursor: pointer; + width: 9.5625rem; + height: 3.1875rem; +} +.login +{ + cursor: pointer; + width: 8rem; + height: 3rem; + align-items: center; + display: flex; + justify-content: center; + text-decoration: none; + border: none; + color: #f3f4f6; + font-weight: 600; + font-size: 1rem; + line-height: 1.625rem; + gap: 0.625rem; + border-radius: 0.5rem; + background-color: #3692FF; +} +.benner-base +{ + width: 100%; + height: 33.75rem; + align-items: flex-end; + display: flex; + justify-content: center; +} +.benner-basic +{ + display: flex; + align-items: center; + justify-content: center; + width: 69.375rem; + height: 21.25rem; +} +.benner-left +{ + width: 22.3125rem; + height: 16.25rem; + gap: 2rem; + display: flex; + flex-direction: column; + +} +.benner-ment { + font-weight: 700; + font-size: 2.5rem; + line-height: 3.5rem; + width: 100%; + height: 7rem; + color: #374151; +} +.surfinggo { + width: 22.3125rem; + height: 3.5rem; + gap: 0.625rem; + font-weight: 600; + font-size: 1.25rem; + line-height: 2rem; + text-decoration: none; + display: flex; + align-items: center; + border-radius: 2.5rem; + justify-content: center; + text-align: center; + background-color: #3692FF; + color: #F9FAFB; +} +.panda-hi { + width: 46.625rem; + height: 21.25rem; +} +.panda-img { + width: 46.625rem; + height: 21.25rem; +} + +/* 1메인 */ +.s1t-main +{ + width: 120rem; + height: 45rem; + gap: 0.625rem; + display: flex; + align-items: center; + justify-content: center; + background-color: #FFFFFF; +} +.s1-space +{ + width: 61.75rem; + height: 27.75rem; + gap: 4rem; + border-radius: 0.75rem; + display: flex; + justify-content: center; + align-items: center; +} +.s1-img +{ + width: 36.1875rem; + height: 27.75rem; +} +.s1-ment +{ + width: 18.625rem; + height: 14.875rem; + gap: 0.75rem; + padding-right: 1.5rem; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: space-evenly; +} +.s1-hotitem +{ + width: 100%; + height: 1.625rem; + font-weight: 700; + font-size: 1.125rem; + line-height: 1.625rem; + color: #3692ff; +} +.s1-best +{ + width: 17.125rem; + height: 12.5rem; + gap: 1.5rem; + display: flex; + flex-direction: column; +} +.s1-bestitem +{ + width: 13.875rem; + height: 7rem; + font-weight: 700; + font-size: 2.3rem; + line-height: 3.5rem; + color: #374151; +} +.s1-bestcheck +{ + width: 17.125rem; + height: 4rem; + font-weight: 500; + font-size: 1.4rem; + line-height: 2rem; + color: #374151; +} +/* 2메인 */ +.s2t-main +{ + width: 120rem; + height: 45rem; + gap: 0.625rem; + display: flex; + align-items: center; + justify-content: center; + background-color: #FFFFFF; +} +.s2-space +{ + width: 61.75rem; + height: 27.75rem; + gap: 4rem; + border-radius: 0.75rem; + display: flex; + justify-content: center; + align-items: center; +} +.s2-img +{ + width: 36.1875rem; + height: 27.75rem; +} +.s2-ment +{ + width: 18.625rem; + height: 14.875rem; + gap: 0.75rem; + padding-left: 1.5rem; + display: flex; + flex-direction: column; + align-items: flex-end; + justify-content: space-evenly; + text-align: right; +} +.s2-hotitem +{ + width: 100%; + height: 1.625rem; + font-weight: 700; + font-size: 1.125rem; + line-height: 1.625rem; + color: #3692ff; + display: contents; +} +.s2-best +{ + width: 18.3125rem; + height: 12.5rem; + gap: 1.5rem; + display: flex; + flex-direction: column; + +} +.s2-bestitem +{ + width: 18.3125rem; + height: 7rem; + font-weight: 700; + font-size: 2.2rem; + line-height: 3.5rem; + color: #374151; + word-break:break-all; + +} +.s2-bestcheck +{ + width: 18rem; + height: 4rem; + font-weight: 500; + font-size: 1.3rem; + line-height: 2rem; + color: #374151; + word-break:break-all; +} +/* 3메인 */ +.s3t-main +{ + width: 120rem; + height: 45rem; + gap: 0.625rem; + display: flex; + align-items: center; + justify-content: center; + background-color: #FFFFFF; +} +.s3-space +{ + width: 61.75rem; + height: 27.75rem; + gap: 4rem; + border-radius: 0.75rem; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: nowrap; +} +.s3-img +{ + width: 36.1875rem; + height: 27.75rem; + overflow: hidden; +} +.s3-ment +{ + width: 22.4375rem; + height: 14.875rem; + gap: 0.75rem; + padding-right: 1.5rem; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: space-evenly; +} +.s3-hotitem +{ + width: 100%; + height: 1.625rem; + font-weight: 700; + font-size: 1.125rem; + line-height: 1.625rem; + color: #3692ff; +} +.s3-best +{ + width: 20.9375rem; + height: 12.5rem; + gap: 1.5rem; + display: flex; + flex-direction: column; +} +.s3-bestitem +{ + width: 18.3125rem; + height: 7rem; + font-weight: 700; + font-size: 2.38rem; + line-height: 3.5rem; + color: #374151; + +} +.s3-bestcheck +{ + width: 20.9375rem; + height: 4rem; + font-weight: 500; + font-size: 1.4rem; + line-height: 2rem; + color: #374151; +} +/* 아래 배너 */ +.final-shot +{ + width: 120rem; + height: 33.75rem; + display: flex; + align-items: flex-end; + justify-content: center; + gap: 4.3125rem; +} +.fi-mentbox +{ + width: 18.4375rem; + height: 24.8125rem; + gap: 0.625rem; + display: flex; + align-items: center; + flex-direction: row; +} +.fi-ment +{ + width: 18.4375rem; + height: 10.75rem; + font-weight: 700; + font-size: 2.3rem; + line-height: 3.5rem; + color: #374151; +} +.fi-hipanda +{ + width: 46.625rem; + height: 24.8125rem; + +} +/* 맨 아래 */ +footer +{ + width: 100%; + height: 11.25rem; + margin: 0 auto; + padding-top: 2rem; + display: flex; + align-items: center; + justify-content: center; + align-content: flex-start; + gap: 0.625rem; + background-color: #111827; +} +.foot-line +{ + gap: 336.5px; + width: 100rem; + height: 1.25rem; + display: flex; + flex-wrap: nowrap; + justify-content: space-between; +} +.foot-box +{ + width: 7rem; + height: 1.1875rem; +} +.foot-ment +{ + color: #9CA3AF; + font-weight: 400; + font-size: 1rem; + line-height: 1.193125rem; + text-align: left; +} +.foot-box2 +{ + display: flex; + justify-content: space-between; + align-items: center; + width: 9.9375rem; + height: 1.1875rem; + gap: 1.875rem; +} +.foot-pri +{ + width: 6.25rem; + height: 1.1875rem; + font-weight: 400; + font-size: 0.9rem; + line-height: 1.193125rem; + text-align: left; + text-decoration: none; + color: #e5e7eb; +} +.foot-faq +{ + width: 1.8125rem; + height: 1.1875rem; + font-weight: 400; + font-size: 1rem; + line-height: 1.193125rem; + text-align: right; + text-decoration: none; + color: #E5E7EB; +} +.foot-pri.foot-faq { + text-decoration: none; +} +.foot-box3 +{ + display: flex; + justify-content: space-between; + width: 7.25rem; + height: 1.25rem; + gap: 0.75rem; +} +.foot-face +{ + width: 1.25rem; + height: 1.25rem; +} +.foot-twi +{ + width: 1.25rem; + height: 1.25rem; +} +.foot-ytub +{ + width: 1.25rem; + height: 1.25rem; +} +.foot-insta +{ + width: 1.25rem; + height: 1.25rem; +} + + + diff --git a/talking.svg b/talking.svg new file mode 100644 index 00000000..b4aea3ac --- /dev/null +++ b/talking.svg @@ -0,0 +1,111 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/twi.svg b/twi.svg new file mode 100644 index 00000000..14a6069a --- /dev/null +++ b/twi.svg @@ -0,0 +1,3 @@ + + + diff --git a/ytub.svg b/ytub.svg new file mode 100644 index 00000000..862e8122 --- /dev/null +++ b/ytub.svg @@ -0,0 +1,10 @@ + + + + + + + + + +