diff --git a/Faq.html b/Faq.html new file mode 100644 index 0000000..d01f779 --- /dev/null +++ b/Faq.html @@ -0,0 +1,11 @@ + + + + + + Document + + + + + \ No newline at end of file diff --git a/SMstyle.css b/SMstyle.css new file mode 100644 index 0000000..b81cf8d --- /dev/null +++ b/SMstyle.css @@ -0,0 +1,171 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + } + +body { + color: #374151; + word-break: keep-all; + font-family: "Pretendard", sans-serif; + } + +img { + vertical-align: bottom; + } + +h1 { + font-size: 40px; + font-weight: 700; + line-height: 56px; + letter-spacing: 0.02em; + } + +/* 헤더 부분 */ + 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; + } + + #logo { + width: 150px; + } + a { + text-decoration: none; + color: inherit; + cursor: pointer; + } + /* 버튼 부분 */ + .button { + background-color: #3692ff; + color: #ffffff; + display: inline-flex; + align-items: center; + justify-content: center; + cursor: pointer; + } + .button:hover { + background-color: #1967d6; + } + + .button:focus { + background-color: #1251aa; + } + + .button:disabled { + background-color: #9ca3af; + cursor: default; + pointer-events: none; + } + + #loginbutton.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%; + } + + #mainbanner { + background-image: url("pandamain.png"); + } + .goitem { + font-size: 20px; + font-weight: 700; + border-radius: 999px; + padding: 16px 124px; + } + + .banner .goitem { + margin-top: 32px; + } + /* 섹션 메인 베너 부분 */ + /* 섹션 홈로그 영역 */ + #hotitem { + padding-bottom: 138px; + } + + .bannerwrap { + max-width: 1200px; + margin: 0 auto; + width: 100%; + } + .itempack { + padding: 138px 0; + display: flex; + align-items: center; + gap: 5%; + } + + .homelogo { + width: 50%; + } + + .itemcheck { + flex: 1; + } + + .itemtag { + color: #3692ff; + font-size: 18px; + line-height: 25px; + font-weight: 700; + margin-bottom: 12px; + } + + .besthotitem { + font-size: 24px; + font-weight: 500; + line-height: 120%; + letter-spacing: 0.08em; + margin-top: 24px; + } + /* 섹션 홈로그 영역 */ + /*섹션 부분*/ + /* 바텀 배너 부분*/ + #bottomBanner { + background-image: url("lastpanda.png") + } + /* 바텀 배너 부분*/ +/* 메인 부분 */ +/*푸터 부분*/ +footer { + background-color: #111827; + color: #9ca3af; + display: flex; + justify-content: space-between; + align-items: center; + padding: 32px 200px 108px 200px; + font-size: 16px; + } + + #footeMenu { + display: flex; + gap: 30px; + color: #e5e7eb; + } + + #Media { + display: flex; + gap: 12px; + } +/*푸터 부분*/ \ No newline at end of file diff --git a/homelogo1.png b/homelogo1.png new file mode 100644 index 0000000..b6495aa Binary files /dev/null and b/homelogo1.png differ diff --git a/homelogo2.png b/homelogo2.png new file mode 100644 index 0000000..eda9ee1 Binary files /dev/null and b/homelogo2.png differ diff --git a/homelogo3.png b/homelogo3.png new file mode 100644 index 0000000..ded1b58 Binary files /dev/null and b/homelogo3.png differ diff --git a/homepage.html b/homepage.html new file mode 100644 index 0000000..d01f779 --- /dev/null +++ b/homepage.html @@ -0,0 +1,11 @@ + + + + + + Document + + + + + \ No newline at end of file diff --git a/ic_facebook.png b/ic_facebook.png new file mode 100644 index 0000000..8a99d0d 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 0000000..774ba83 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 0000000..75f8554 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 0000000..19e6e6c Binary files /dev/null and b/ic_youtube.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..1477e08 --- /dev/null +++ b/index.html @@ -0,0 +1,109 @@ + + + + + + 판다마켓 + + + +
+ + + + 로그인 +
+
+ +
+
+ +
+

+ Hot item +

+

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

+

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

+
+
+
+
+

+ Search +

+

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

+

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

+
+ +
+
+ +
+

+ Register +

+

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

+

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

+
+
+
+ +
+ + + \ No newline at end of file diff --git a/items.html b/items.html new file mode 100644 index 0000000..d01f779 --- /dev/null +++ b/items.html @@ -0,0 +1,11 @@ + + + + + + Document + + + + + \ No newline at end of file diff --git a/lastpanda.png b/lastpanda.png new file mode 100644 index 0000000..f8b16d5 Binary files /dev/null and b/lastpanda.png differ diff --git a/login.html b/login.html new file mode 100644 index 0000000..d01f779 --- /dev/null +++ b/login.html @@ -0,0 +1,11 @@ + + + + + + Document + + + + + \ No newline at end of file diff --git a/logo1.png b/logo1.png new file mode 100644 index 0000000..37f644d Binary files /dev/null and b/logo1.png differ diff --git a/logo2.png b/logo2.png new file mode 100644 index 0000000..2d8a537 Binary files /dev/null and b/logo2.png differ diff --git a/logo3.png b/logo3.png new file mode 100644 index 0000000..3993982 Binary files /dev/null and b/logo3.png differ diff --git a/pandamain.png b/pandamain.png new file mode 100644 index 0000000..dcb2304 Binary files /dev/null and b/pandamain.png differ