diff --git a/faq.html b/faq.html new file mode 100644 index 00000000..20cd8613 --- /dev/null +++ b/faq.html @@ -0,0 +1,11 @@ + + + + + + items + + +

빈 페이지

+ + diff --git a/images/icon_facebook.png b/images/icon_facebook.png new file mode 100644 index 00000000..65edf9a2 Binary files /dev/null and b/images/icon_facebook.png differ diff --git a/images/icon_instagram.png b/images/icon_instagram.png new file mode 100644 index 00000000..39eb0811 Binary files /dev/null and b/images/icon_instagram.png differ diff --git a/images/icon_twiter.png b/images/icon_twiter.png new file mode 100644 index 00000000..2b516cf4 Binary files /dev/null and b/images/icon_twiter.png differ diff --git a/images/icon_youtube.png b/images/icon_youtube.png new file mode 100644 index 00000000..845dad34 Binary files /dev/null and b/images/icon_youtube.png differ diff --git a/images/image1.png b/images/image1.png new file mode 100644 index 00000000..5eb83209 Binary files /dev/null and b/images/image1.png differ diff --git a/images/image2.png b/images/image2.png new file mode 100644 index 00000000..9e6fe6eb Binary files /dev/null and b/images/image2.png differ diff --git a/images/image3.png b/images/image3.png new file mode 100644 index 00000000..09a09337 Binary files /dev/null and b/images/image3.png differ diff --git a/images/image4.png b/images/image4.png new file mode 100644 index 00000000..78ffa0c4 Binary files /dev/null and b/images/image4.png differ diff --git a/images/image5.png b/images/image5.png new file mode 100644 index 00000000..716a6a12 Binary files /dev/null and b/images/image5.png differ diff --git a/images/logo.png b/images/logo.png new file mode 100644 index 00000000..6b4db505 Binary files /dev/null and b/images/logo.png differ diff --git a/index.html b/index.html new file mode 100644 index 00000000..1821140a --- /dev/null +++ b/index.html @@ -0,0 +1,149 @@ + + + + + + + 판다마켓 + + +
+ +
+ +
+
+
+
+
+

일상의 모든 물건을

+

거래해보세요

+
+
+ 구경하러 가기 +
+
+
+
+ 메인이미지 +
+
+
+
+
+
+
+
+ 구매를 원하시는 상품을 검색하세요 +
+
+

Hot Item

+

+ 구매를 원하는
상품을 검색하세요 확인해 보세요 +

+

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

+
+
+
+
+ 인기상품 그림 +
+
+

Search

+

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

+

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

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

Register

+

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

+

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

+
+
+
+
+
+ + + + diff --git a/items.html b/items.html new file mode 100644 index 00000000..20cd8613 --- /dev/null +++ b/items.html @@ -0,0 +1,11 @@ + + + + + + items + + +

빈 페이지

+ + diff --git a/login.html b/login.html new file mode 100644 index 00000000..61161f71 --- /dev/null +++ b/login.html @@ -0,0 +1,11 @@ + + + + + + Login + + +

빈 페이지

+ + diff --git a/privacy.html b/privacy.html new file mode 100644 index 00000000..20cd8613 --- /dev/null +++ b/privacy.html @@ -0,0 +1,11 @@ + + + + + + items + + +

빈 페이지

+ + diff --git a/style.css b/style.css new file mode 100644 index 00000000..8a7c8462 --- /dev/null +++ b/style.css @@ -0,0 +1,160 @@ +* { + margin: 0 0; + padding: 0 0; + box-sizing: border-box; +} + +a.button { + text-decoration: none; + color: #ffffff; + background-color: #3692ff; + padding: 10px 20px; + border-radius: 10px; +} + +.button { + cursor: pointer; +} + +/* 헤더부분 */ + +nav { + align-items: center; +} + +.top-header { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + max-width: 1520px; + padding: 0 200px; + margin: 0 auto; + width: 100%; +} + +.logo-img { + height: 50px; + width: auto; +} + +.section1 { + background-color: #cfe5ff; + height: 400px; + /* display: flex; */ + /* flex-direction: column; */ +} + +.section1-img { + height: 250px; + width: auto; + + position: relative; + + top: 75px; +} + +.section1-div { + display: flex; + gap: 10px; + align-items: center; + justify-content: center; + height: 400px; + width: auto; + + position: relative; +} + +.part2-img { + position: relative; + bottom: 0; +} + +.section1-div .part1 { + display: flex; + flex-direction: column; + gap: 25px; +} + +.section1-button { + width: 100%; +} + +.look-button { + border-radius: 50px; +} + +.section2-div .part1, +.section2-div .part3 { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + gap: 50px; + margin-top: 50px; +} + +.subImage { + height: 300px; + width: auto; +} + +.sub-title { + width: 250px; +} + +.subTitle1 { + font-size: 12px; + font-weight: 1000; + color: #3692ff; + margin-bottom: 20px; +} + +.subTitle2 { + font-size: 25px; + font-weight: 1000; + margin-bottom: 20px; +} + +.section2-div .part2 { + display: flex; + flex-direction: row-reverse; + align-items: center; + justify-content: center; + gap: 50px; + margin-top: 50px; +} + +.right { + text-align: right; +} + +footer .section2 { + background-color: #000000; + + display: flex; + justify-content: space-around; + height: 200px; + + padding-top: 50px; +} + +.licence { + color: #ffffff; +} + +.privacy, +.FAQ { + margin: 0; + padding: 0; + background-color: #000000; + margin-left: 20px; + color: #ffffff; + text-decoration: none; +} + +.social-icon img { + height: 20px; + width: auto; + margin-left: 10px; +}