diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 00000000..867197a7 Binary files /dev/null and b/.DS_Store differ diff --git a/Mission01/.DS_Store b/Mission01/.DS_Store new file mode 100644 index 00000000..57318160 Binary files /dev/null and b/Mission01/.DS_Store differ diff --git a/Mission01/Icon/.DS_Store b/Mission01/Icon/.DS_Store new file mode 100644 index 00000000..cdc2e4b8 Binary files /dev/null and b/Mission01/Icon/.DS_Store differ diff --git a/Mission01/Icon/Panda-logo-md.png b/Mission01/Icon/Panda-logo-md.png new file mode 100644 index 00000000..88b73210 Binary files /dev/null and b/Mission01/Icon/Panda-logo-md.png differ diff --git a/Mission01/Icon/Panda-logo-sm.png b/Mission01/Icon/Panda-logo-sm.png new file mode 100644 index 00000000..4af049c6 Binary files /dev/null and b/Mission01/Icon/Panda-logo-sm.png differ diff --git a/Mission01/Icon/Pandan-logo-lg.png b/Mission01/Icon/Pandan-logo-lg.png new file mode 100644 index 00000000..c8a67ab1 Binary files /dev/null and b/Mission01/Icon/Pandan-logo-lg.png differ diff --git a/Mission01/Icon/ic_facebook.png b/Mission01/Icon/ic_facebook.png new file mode 100644 index 00000000..58333d45 Binary files /dev/null and b/Mission01/Icon/ic_facebook.png differ diff --git a/Mission01/Icon/ic_instagram.png b/Mission01/Icon/ic_instagram.png new file mode 100644 index 00000000..98e24ea6 Binary files /dev/null and b/Mission01/Icon/ic_instagram.png differ diff --git a/Mission01/Icon/ic_twitter.png b/Mission01/Icon/ic_twitter.png new file mode 100644 index 00000000..5df0852d Binary files /dev/null and b/Mission01/Icon/ic_twitter.png differ diff --git a/Mission01/Icon/ic_youtube.png b/Mission01/Icon/ic_youtube.png new file mode 100644 index 00000000..f51731d4 Binary files /dev/null and b/Mission01/Icon/ic_youtube.png differ diff --git a/Mission01/Image/Img_home_01.png b/Mission01/Image/Img_home_01.png new file mode 100644 index 00000000..f1a91dfe Binary files /dev/null and b/Mission01/Image/Img_home_01.png differ diff --git a/Mission01/Image/Img_home_02.png b/Mission01/Image/Img_home_02.png new file mode 100644 index 00000000..a3520522 Binary files /dev/null and b/Mission01/Image/Img_home_02.png differ diff --git a/Mission01/Image/Img_home_03.png b/Mission01/Image/Img_home_03.png new file mode 100644 index 00000000..4005ee3d Binary files /dev/null and b/Mission01/Image/Img_home_03.png differ diff --git a/Mission01/Image/Img_home_bottom.png b/Mission01/Image/Img_home_bottom.png new file mode 100644 index 00000000..3c3e8d5a Binary files /dev/null and b/Mission01/Image/Img_home_bottom.png differ diff --git a/Mission01/Image/Img_home_top.png b/Mission01/Image/Img_home_top.png new file mode 100644 index 00000000..cf4083a0 Binary files /dev/null and b/Mission01/Image/Img_home_top.png differ diff --git a/Mission01/faq.html b/Mission01/faq.html new file mode 100644 index 00000000..e69de29b diff --git a/Mission01/index.html b/Mission01/index.html new file mode 100644 index 00000000..8dd496c1 --- /dev/null +++ b/Mission01/index.html @@ -0,0 +1,95 @@ + + + + + + + 판다마켓 + + + + +
+
+ + +
+
+
+ Hot item +
+

Hot item

+

인기 상품을
확인해 보세요

+

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

+
+
+
+
+

Search

+

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

+

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

+
+ search +
+
+ register +
+

Register

+

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

+

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

+
+
+
+ +
+ + + \ No newline at end of file diff --git a/Mission01/items.html b/Mission01/items.html new file mode 100644 index 00000000..e69de29b diff --git a/Mission01/login.html b/Mission01/login.html new file mode 100644 index 00000000..e69de29b diff --git a/Mission01/privacy.html b/Mission01/privacy.html new file mode 100644 index 00000000..e69de29b diff --git a/Mission01/style.css b/Mission01/style.css new file mode 100644 index 00000000..48da021d --- /dev/null +++ b/Mission01/style.css @@ -0,0 +1,197 @@ +body { + font-family: 'Pretendard', sans-serif; + margin: 10px 0 0; +} + + + +/* Layout */ +.container { + margin: 0 auto; +} + +.gnb { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + max-width: 1120px; + padding: 0 200px; + margin: 0 auto; +} + +.banner { + display: flex; + flex-direction: row; + padding: clamp(66px, 13vw, 200px) 0 0; + width: 100%; + background-color: #cfe5ff; +} + +.banner-wrapper { + display: flex; + flex-direction: row; + margin: 0 auto; +} + +.intro-text { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.contents { + width: clamp(370px, 77vw, 1120px); + margin: 0 auto; +} + +.content { + display: flex; + flex-direction: row; + justify-content: space-around; + width: clamp(320px, 68vw, 988px); + height: clamp(148px, 30vw, 444px); + margin: clamp(46px, 9.5vw, 138px) auto; + border-radius: 12px; + background-color: #fcfcfc; +} + +.content-right { + text-align: right; +} + +.content-text { + display: flex; + flex-direction: column; + justify-content: center; + padding-right: clamp(3px, 0.6vw, 10px); + padding-left: clamp(6px, 1.3vw, 20px); +} + +.bottom-line { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.footer-bottom { + background-color: #111827; + +} + +.footer-bottom-contents { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + max-width: 1120px; + margin: 0 auto; + padding: clamp(3px, 0.6vw, 10px) clamp(6px, 1.3vw, 20px) clamp(10px, 2.2vw, 32px); +} + +.footer-list { + display: flex; + flex-direction: row; + list-style: none; + gap: 12px; + +} + + + + +/* Typo */ + +h2 { + font-weight: 700; + font-size: clamp(13px, 2.7vw, 40px); + line-height: 140%; + color: #374151; +} + +h3 { + font-weight: 500; + font-size: clamp(8px, 1.6vw, 24px); + line-height: clamp(10px, 2.2vw, 32px); + color: #374151; +} + +h4 { + font-weight: 700; + font-size: clamp(6px, 1.2vw, 18px); + line-height: clamp(8px, 1.8vw, 26px); + color: #3692ff; +} + +.footer-list a { + color: #e5e7eb; + text-decoration: none; + font-weight: 400; + font-size: clamp(5px, 1.1vw, 16px); + line-height: 100%; +} + +.copyright { + font-weight: 400; + font-size: clamp(5px, 1.1vw, 16px); + line-height: 100%; + color: #9ca3af; +} + + + + +/* Component */ + +.panda-logo-md { + width: clamp(51px, 10vw, 153px); + height: auto; +} + +.button-deco { + background-color: #3692ff; + color: #f3f4f6; + text-decoration: none; + font-size: clamp(5px, 1.1vw, 16px); + font-weight: 600; +} + +.login-button { + + padding: clamp(4px, 0.8vw, 12px) clamp(7px, 1.5vw, 23px); + border-radius: 8px; +} + +.search { + padding: clamp(5px, 1.2vw, 16px) clamp(41px, 8.6vw, 124px); + border-radius: 40px; + font-size: clamp(6px, 1.3vw, 20px); + font-weight: 600; + line-height: clamp(11px, 2.2vw, 32px); +} + +.banner-image-top { + width: clamp(248px, 51vw, 746px); + height: auto; +} + +.banner-image-bottom { + width: clamp(248px, 51vw, 746px); + height: auto; +} + +.content-img { + width: clamp(193px, 40vw, 579px); + height: 100%; +} + +.social-logo { + width: clamp(6px, 1.3vw, 20px); + height: auto; +} + +.is-clickable { + cursor: pointer; +} \ No newline at end of file