diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 00000000..e04d8ada Binary files /dev/null and b/.DS_Store differ diff --git a/faq.html b/faq.html new file mode 100644 index 00000000..e69de29b diff --git a/img/.DS_Store b/img/.DS_Store new file mode 100644 index 00000000..f00cb6f7 Binary files /dev/null and b/img/.DS_Store differ diff --git a/img/home_01.png b/img/home_01.png new file mode 100644 index 00000000..3c1441df Binary files /dev/null and b/img/home_01.png differ diff --git a/img/home_02.png b/img/home_02.png new file mode 100644 index 00000000..afed6b86 Binary files /dev/null and b/img/home_02.png differ diff --git a/img/home_03.png b/img/home_03.png new file mode 100644 index 00000000..d7313c7a Binary files /dev/null and b/img/home_03.png differ diff --git a/img/home_bottom.png b/img/home_bottom.png new file mode 100644 index 00000000..5eb3a1b8 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..6d8c2340 Binary files /dev/null and b/img/home_top.png differ diff --git a/items.html b/items.html new file mode 100644 index 00000000..e69de29b diff --git a/login.html b/login.html new file mode 100644 index 00000000..e69de29b diff --git a/main.html b/main.html new file mode 100644 index 00000000..f1fd9864 --- /dev/null +++ b/main.html @@ -0,0 +1,97 @@ + + + + 판다마켓 + + + + + +
+
+ + + + 로그인 +
+
+
+ +
+
+ +
+

Hot item

+

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

+

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

+
+
+
+
+
+
+

Search

+

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

+

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

+
+ +
+
+
+
+ +
+

Register

+

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

+

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

+
+
+
+ +
+ + \ No newline at end of file diff --git a/privacy.html b/privacy.html new file mode 100644 index 00000000..e69de29b diff --git a/style.css b/style.css new file mode 100644 index 00000000..8000096a --- /dev/null +++ b/style.css @@ -0,0 +1,234 @@ +* { + font-family: 'Pretendard', 'Noto Sans KR', sans-serifs; +} + +body { + margin: 0; +} + +p { + margin: 0; +} + +a { + text-decoration: none; +} + +/* 배경색 */ + +.blue-01 { + background-color: #3692ff; + color: #fff; +} + +.blue-01:hover { + background-color: #1967D6; +} + +.blue-02 { + background-color: #1967D6; + color: #fff; +} + +.blue-02:hover { + background-color: #1251AA; +} + +.blue-03 { + background-color: #1251AA; + color: #fff; +} + +.blue-03:hover { + background-color: #3692ff; +} + +.gray { + background-color: #9CA3AF; + color: #fff; +} + + +/* 버튼 */ + +.btn-l { + padding: 16px 124px; + border-radius: 40px; + font-size: 20px; + font-weight: 600; + text-align: center; +} + +.btn-m { + padding: 12px 71px; + border-radius: 40px; + font-size: 18px; + font-weight: 600; + text-align: center; +} + +.btn-s { + padding: 12px 23px; + border-radius: 8px; + font-size: 16px; + font-weight: 600; + text-align: center; +} + +.btn-s-48 { + border-radius: 8px; + font-size: 16px; + font-weight: 600; + line-height: 48px; + height: 48px; + text-align: center; +} + +/* 본문 */ + +main { + background-color: #FCFCFC; +} + +header { + width: 100%; + padding: 9px 0; +} + +header .content { + width: 1120px; + margin: 0 200px; + display: flex; + justify-content: space-between; + align-items: center; +} + +header .content img { + width: 153px; +} + +header .content .btn-s-48 { + width: 128px; +} + +main { + width: 100%; + background-color: #FCFCFC; +} + +.banner-top { + margin: 0; + background-color: #CFE5FF; + height: 540px; + display: flex; + align-items: flex-end; +} + +.banner-top .content { + width: 1110px; + margin: 0 auto; + display: flex; + justify-content: space-between; + align-items: center; +} + +.banner-top .content .text { + font-size: 40px; + line-height: 140%; + font-weight: 700; + color: #374151; + padding-bottom: 60px; +} + +.banner-top .content img { + width: 746px; +} + +.banner-top .content .text p { + margin-bottom: 32px; +} + +.main-section { + margin: 0; + padding: 138px 0; +} + +main .main-section:last-child { + margin-bottom: 138px; +} + +.main-section .content { + margin: 0 auto; + width: 988px; + display: flex; + justify-content: space-around; + align-items: center; + background-color: #FCFCFC; +} + +.main-section .content img { + width: 579px; +} + +.main-section .content .right { + text-align: right; +} + +.main-section .content .text .sub-s { + font-size: 18px; + font-weight: 700; + line-height: 26px; + color: #3692ff; + margin-bottom: 12px; +} + +.main-section .content .text .sub-l { + font-size: 40px; + font-weight: 700; + line-height: 140%; + color: #374151; + margin-bottom: 24px; +} + +.main-section .content .text .ex { + font-size: 24px; + font-weight: 500; + line-height: 32px; + color: #374151; +} + +footer { + width: 100%; + padding-top: 32px; + background-color: #111827; + height: 160px; +} + +footer .content { + width: 1120px; + margin: 0 auto; + display: flex; + justify-content: space-between; + align-items: center; + font-size: 16px; +} + +footer .content .sign { + color: #9CA3AF; +} + +footer .content .notice span a{ + color: #fff; +} + +footer .content .notice span:first-child { + margin-right: 30px; +} + +footer .content .sns { + width: 20px; + margin-left: 12px; + display: flex; + justify-content: flex-end; + column-gap: 12px; +} \ No newline at end of file diff --git a/svg/.DS_Store b/svg/.DS_Store new file mode 100644 index 00000000..692ae21c Binary files /dev/null and b/svg/.DS_Store differ diff --git a/svg/ic_facebook.svg b/svg/ic_facebook.svg new file mode 100644 index 00000000..8491c2f8 --- /dev/null +++ b/svg/ic_facebook.svg @@ -0,0 +1,3 @@ + + + diff --git a/svg/ic_instagram.svg b/svg/ic_instagram.svg new file mode 100644 index 00000000..c83306f8 --- /dev/null +++ b/svg/ic_instagram.svg @@ -0,0 +1,3 @@ + + + diff --git a/svg/ic_twitter.svg b/svg/ic_twitter.svg new file mode 100644 index 00000000..14a6069a --- /dev/null +++ b/svg/ic_twitter.svg @@ -0,0 +1,3 @@ + + + diff --git a/svg/ic_youtube.svg b/svg/ic_youtube.svg new file mode 100644 index 00000000..8270b35a --- /dev/null +++ b/svg/ic_youtube.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/svg/logo.svg b/svg/logo.svg new file mode 100644 index 00000000..3799efba --- /dev/null +++ b/svg/logo.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/svg/logo_text.svg b/svg/logo_text.svg new file mode 100644 index 00000000..55a63efc --- /dev/null +++ b/svg/logo_text.svg @@ -0,0 +1,3 @@ + + +