diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 000000000..ff3cb64a8 Binary files /dev/null and b/.DS_Store differ diff --git a/assets/.DS_Store b/assets/.DS_Store new file mode 100644 index 000000000..d0fbf4214 Binary files /dev/null and b/assets/.DS_Store differ diff --git a/assets/imgs/.DS_Store b/assets/imgs/.DS_Store new file mode 100644 index 000000000..67dff09d6 Binary files /dev/null and b/assets/imgs/.DS_Store differ diff --git a/assets/imgs/Img_home_01.png b/assets/imgs/Img_home_01.png new file mode 100644 index 000000000..a2d4be5f4 Binary files /dev/null and b/assets/imgs/Img_home_01.png differ diff --git a/assets/imgs/Img_home_02.png b/assets/imgs/Img_home_02.png new file mode 100644 index 000000000..faccb9f78 Binary files /dev/null and b/assets/imgs/Img_home_02.png differ diff --git a/assets/imgs/Img_home_03.png b/assets/imgs/Img_home_03.png new file mode 100644 index 000000000..ef5972b34 Binary files /dev/null and b/assets/imgs/Img_home_03.png differ diff --git a/assets/imgs/Img_home_bottom.png b/assets/imgs/Img_home_bottom.png new file mode 100644 index 000000000..31853d71a Binary files /dev/null and b/assets/imgs/Img_home_bottom.png differ diff --git a/assets/imgs/Img_home_top.png b/assets/imgs/Img_home_top.png new file mode 100644 index 000000000..83a4881c6 Binary files /dev/null and b/assets/imgs/Img_home_top.png differ diff --git a/assets/imgs/ic_facebook.png b/assets/imgs/ic_facebook.png new file mode 100644 index 000000000..58333d45f Binary files /dev/null and b/assets/imgs/ic_facebook.png differ diff --git a/assets/imgs/ic_instagram.png b/assets/imgs/ic_instagram.png new file mode 100644 index 000000000..98e24ea6a Binary files /dev/null and b/assets/imgs/ic_instagram.png differ diff --git a/assets/imgs/ic_twitter.png b/assets/imgs/ic_twitter.png new file mode 100644 index 000000000..5df0852de Binary files /dev/null and b/assets/imgs/ic_twitter.png differ diff --git a/assets/imgs/ic_youtube.png b/assets/imgs/ic_youtube.png new file mode 100644 index 000000000..f51731d40 Binary files /dev/null and b/assets/imgs/ic_youtube.png differ diff --git a/assets/imgs/logoImg.png b/assets/imgs/logoImg.png new file mode 100644 index 000000000..ef87eab49 Binary files /dev/null and b/assets/imgs/logoImg.png differ diff --git a/assets/imgs/mentoring-week2.pdf b/assets/imgs/mentoring-week2.pdf new file mode 100644 index 000000000..773627dcc Binary files /dev/null and b/assets/imgs/mentoring-week2.pdf differ diff --git a/faq.html b/faq.html new file mode 100644 index 000000000..77bc0edf9 --- /dev/null +++ b/faq.html @@ -0,0 +1,12 @@ + + + + + + + FAQ + + +

Coming Soon

+ + diff --git a/index.html b/index.html new file mode 100644 index 000000000..d6e9b8d3c --- /dev/null +++ b/index.html @@ -0,0 +1,148 @@ + + + + + + + + 판다마켓 + + +
+
+
+
+ 로고 이미지 + 로그인 +
+
+
+
+
+
+

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

+ 구매하러 가기 +
+ 홈 탑 이미지 +
+
+
+
+
+ Img_home_01 +
+

Hot item

+

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

+

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

+
+
+
+
+

Search

+

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

+

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

+
+ Img_home_02 +
+
+ Img_home_03 +
+

Register

+

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

+

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

+
+
+
+ + + diff --git a/items.html b/items.html new file mode 100644 index 000000000..f15042a5e --- /dev/null +++ b/items.html @@ -0,0 +1,12 @@ + + + + + + + 구경하기 + + +

Coming Soon

+ + diff --git a/login.html b/login.html new file mode 100644 index 000000000..366002170 --- /dev/null +++ b/login.html @@ -0,0 +1,12 @@ + + + + + + + 로그인 + + +

Coming Soon

+ + diff --git a/privacy.html b/privacy.html new file mode 100644 index 000000000..17d900f2d --- /dev/null +++ b/privacy.html @@ -0,0 +1,12 @@ + + + + + + + Privacy + + +

Coming Soon

+ + diff --git a/style.css b/style.css new file mode 100644 index 000000000..606bf068d --- /dev/null +++ b/style.css @@ -0,0 +1,218 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + width: 100%; + font-family: "Pretendard"; +} + +header { + display: flex; + flex-direction: column; + align-items: center; + width: 100%; +} + +.header { + display: grid; + grid-template-columns: minmax(200px, 1fr) minmax(400px, 1120px) minmax( + 200px, + 1fr + ); + width: 100%; + height: 70px; +} + +.headerNav { + display: flex; + align-items: center; + justify-content: space-between; +} + +#logo_Img { + display: inline-block; + height: 100%; + cursor: pointer; +} + +#login { + width: 128px; + height: 48px; + padding: 12px 23px; + border: none; + border-radius: 8px; + background-color: #3692ff; + font-size: 16px; + font-weight: 600; + text-align: center; + line-height: 26px; + color: #ffffff; + transition: all 0.2s; +} + +#login:hover { + background-color: #1967d6; + cursor: pointer; +} + +.headerContainer { + display: flex; + justify-content: center; + align-items: flex-end; + width: 100%; + height: 540px; + background-color: #cfe5ff; +} + +.headerContainer_visual { + display: flex; + width: 1110px; + height: 340px; +} + +.hc2_text { + font-size: 40px; + font-weight: 700; + line-height: 56px; +} + +.buyBtn { + display: inline-block; + width: 100%; + height: 56px; + margin-top: 32px; + padding: 16px 124px; + border: none; + border-radius: 40px; + background-color: #3692ff; + font-size: 20px; + font-weight: 600; + text-align: center; + line-height: 32px; + color: #ffffff; + transition: all 0.2s; +} + +.buyBtn:hover { + background-color: #1967d6; + cursor: pointer; +} + +#home_top_Img { + width: 746px; + height: 340px; +} + +section { + display: flex; + padding: 138px 0; +} + +.section1_right { + display: flex; + flex-direction: column; + margin: 103px auto 103px 64px; +} + +.section_text1 { + margin-bottom: 12px; + font-size: 18px; + font-weight: 700; + line-height: 26px; + color: #3692ff; +} + +.section_text2 { + margin-bottom: 24px; + font-size: 40px; + font-weight: 700; + line-height: 56px; + color: #374151; +} + +.section_text3 { + font-size: 24px; + font-weight: 500; + line-height: 32px; +} + +.section2_left { + display: flex; + flex-direction: column; + margin: 103px 64px 103px auto; + text-align: right; +} + +.section3_right { + margin: 103px auto 103px 64px; +} + +footer { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + width: 100%; + background-color: #cfe5ff; +} + +.home_bottom { + display: flex; + align-items: center; + margin-top: 143px; +} + +.home_bottom p { + font-size: 40px; + font-weight: 700; + line-height: 56px; +} + +.footer { + width: 100%; + height: 160px; + background-color: #111827; + display: flex; + justify-content: center; +} + +.footer_info { + display: flex; + justify-content: space-between; + width: 1120px; + margin-top: 32px; +} + +.footer_info p:nth-child(1) { + font-size: 16px; + font-weight: 400; + color: #9ca3af; +} + +.footer_info a:nth-child(1) { + font-size: 16px; + font-weight: 400; + color: #e5e7eb; +} + +.footer_info a:nth-child(2) { + font-size: 16px; + font-weight: 400; + color: #e5e7eb; +} + +a { + text-decoration: none; +} + +.footer_info_box { + display: flex; + gap: 30px; +}