diff --git a/.github/index.html b/.github/index.html deleted file mode 100644 index 15940fbd..00000000 --- a/.github/index.html +++ /dev/null @@ -1,118 +0,0 @@ - - - - - - 판다마켓 - - - - -
- -
- -
-
-
-
- - 일상의 모든 물건을
거래해 보세요 - -
- - 상품목록 - -
-
- 메인 판다 이미지 -
-
- -
-
- 인기 상품보기 -
-

- Hot item -

-

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

-

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

-
-
- -
-
-

- Search -

-

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

-

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

-
- 상품 검색하기 -
- -
- 상품 등록하기 -
-

- Register -

-

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

-

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

-
-
-
- -
-
-

- 믿을 수 있는
판다마켓 중고 거래 -

- 믿을 수 있는 중고 거래 -
-
- -
- - - \ No newline at end of file diff --git a/.github/items.html b/.github/items.html deleted file mode 100644 index f97860ec..00000000 --- a/.github/items.html +++ /dev/null @@ -1,15 +0,0 @@ - - - - - items - - - - - -

- items -

- - \ No newline at end of file diff --git a/.github/login.html b/.github/login.html deleted file mode 100644 index b008f7f9..00000000 --- a/.github/login.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - PandaMarket_login - - - - -

- LoginPage -

- - \ No newline at end of file diff --git a/.github/.vscode/launch.json b/.vscode/launch.json similarity index 100% rename from .github/.vscode/launch.json rename to .vscode/launch.json diff --git a/.github/FAQ.html b/FAQ.html similarity index 73% rename from .github/FAQ.html rename to FAQ.html index 604b04c4..57ec3e32 100644 --- a/.github/FAQ.html +++ b/FAQ.html @@ -1,11 +1,11 @@ - + FAQ - +

diff --git a/.github/style.css b/common.css similarity index 79% rename from .github/style.css rename to common.css index 145feb85..a819a186 100644 --- a/.github/style.css +++ b/common.css @@ -3,42 +3,43 @@ } body { - /* display: flex; */ - /* justify-content: center; */ + margin: 0; + padding: 1rem; + font-family: sans-serif; } -@media (min-width: 1920px) { - .top { + @media (max-width: 1920px) { + .navigationBar { display: flex; - justify-content: space-between; + justify-content: space-around; align-items: center; - width: 60%; - margin: auto; + position:fixed; /*미션2 추가 사항 */ + width: 100%; + z-index: 2; + background-color: #FFFFFF; + top: 0; + left: 0; + padding: 0 clamp(1rem, 20vw, 3rem); } - .describe_home_top_container { - display: flex; - justify-content: center; - align-items: center; - width: 70%; - height: 70%; - top: 200px; - left: 405px; - gap: 7px; - margin-top: 180px; - background-color: #CFE5FF; - } - + } -@media (max-width: 1920px) { - .top { - display: flex; - justify-content: space-between; - align-items: center; - - margin-left: 200px; - margin-right: 200px; - } + +.describe_home_top_container { + display: flex; + justify-content: center; + align-items: center; + width: 70%; + height: 70%; + top: 200px; + left: 405px; + gap: 7px; + margin-top: 180px; + background-color: #CFE5FF; } + + + + .home_top { display: flex; diff --git a/index.html b/index.html new file mode 100644 index 00000000..b37093ed --- /dev/null +++ b/index.html @@ -0,0 +1,123 @@ + + + + + 판다마켓 + + + + +
+ +
+ +
+
+
+
+ + 일상의 모든 물건을
+ 거래해 보세요 + +
+ + 상품목록 + +
+
+ 메인 판다 이미지 +
+
+ +
+
+ 인기 상품보기 +
+

Hot item

+

인기 상품을
확인해 보세요

+

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

+
+
+ +
+
+

Search

+

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

+

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

+
+ 상품 검색하기 +
+ +
+ 상품 등록하기 +
+

Register

+

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

+

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

+
+
+
+ +
+
+

믿을 수 있는
판다마켓 중고 거래

+ 믿을 수 있는 중고 거래 +
+
+ +
+ + + diff --git a/items.html b/items.html new file mode 100644 index 00000000..45bef861 --- /dev/null +++ b/items.html @@ -0,0 +1,11 @@ + + + + items + + + + +

items

+ + diff --git a/login.html b/login.html new file mode 100644 index 00000000..c148b963 --- /dev/null +++ b/login.html @@ -0,0 +1,68 @@ + + + + 판다마켓 로그인 + + + + + + +
+ + + + +
+ + 비밀번호 숨기기 아이콘 +
+ +
+ +
+
+ 판다마켓은 처음이신가요? + 회원가입 +
+
+ + diff --git a/login_signup.css b/login_signup.css new file mode 100644 index 00000000..b5d3de81 --- /dev/null +++ b/login_signup.css @@ -0,0 +1,95 @@ +.login_logo { + display: flex; + justify-content: center; + margin-top: 150px; + margin-bottom: 10px; +} + +.signup_logo { + display: flex; + justify-content: center; + margin-top: 50px; + margin-bottom: 10px; +} + +.login_signup_container { + width: 100%; + max-width: 400px; + margin: 0 auto; + font-family: sans-serif; + } + +label { + display: block; + margin: 16px 0 6px; + font-weight: bold; + } + +input[type = "email"], +input[type = "password"], +input[type = "text"] { + width: 100%; + padding: 12px; + border: none; + background-color: #f5f6f8; + border-radius: 6px; +} + +.password_box { + position: relative; + width: 100%; + background-color: #f5f6f8; + border: none; + border-radius: 8px; + box-sizing: border-box; +} + +.eye_icon { + position: absolute; + right: 12px; + top: 50%; + transform: translateY(-50%); + width: 20px; + height: 20px; +} + +.login_signup_button { + width: 100%; + margin-top: 15px; + margin-bottom: 15px; + padding: 12px; + background-color: #3692ff; + border: none; + border-radius: 30px; + color: white; + font-weight: bold; +} + +.easy_login_container { + background-color: #E6F2FF; + padding: 16px 23px 16px 23px; + border-radius: 8px; + gap: 10px; + +} + +.easy_login_form { + display: flex; + justify-content: space-between; + font-size: 16px; +} + +.easy_login_link_icon { + box-sizing: border-box; + text-decoration: none; +} + +.direction_text_box { + display: flex; + justify-content: center; + align-items: center; + margin-top: 10px; + gap: 5px; + font-size: 13px; + font-weight: bold; +} \ No newline at end of file diff --git a/pandamarket_images/Component 2.png b/pandamarket_images/Component 2.png new file mode 100644 index 00000000..431a9567 Binary files /dev/null and b/pandamarket_images/Component 2.png differ diff --git a/pandamarket_images/Component 2@2x.png b/pandamarket_images/Component 2@2x.png new file mode 100644 index 00000000..46ce43f8 Binary files /dev/null and b/pandamarket_images/Component 2@2x.png differ diff --git a/pandamarket_images/Component 2@3x.png b/pandamarket_images/Component 2@3x.png new file mode 100644 index 00000000..72d9016d Binary files /dev/null and b/pandamarket_images/Component 2@3x.png differ diff --git a/pandamarket_images/Component 3.png b/pandamarket_images/Component 3.png new file mode 100644 index 00000000..b98e89ab Binary files /dev/null and b/pandamarket_images/Component 3.png differ diff --git a/pandamarket_images/Component 3@2x.png b/pandamarket_images/Component 3@2x.png new file mode 100644 index 00000000..c511b8c3 Binary files /dev/null and b/pandamarket_images/Component 3@2x.png differ diff --git a/pandamarket_images/Component 3@3x.png b/pandamarket_images/Component 3@3x.png new file mode 100644 index 00000000..036d8be9 Binary files /dev/null and b/pandamarket_images/Component 3@3x.png differ diff --git a/.github/pandamarket_images/Img_home_01.png b/pandamarket_images/Img_home_01.png similarity index 100% rename from .github/pandamarket_images/Img_home_01.png rename to pandamarket_images/Img_home_01.png diff --git a/.github/pandamarket_images/Img_home_02.png b/pandamarket_images/Img_home_02.png similarity index 100% rename from .github/pandamarket_images/Img_home_02.png rename to pandamarket_images/Img_home_02.png diff --git a/.github/pandamarket_images/Img_home_03.png b/pandamarket_images/Img_home_03.png similarity index 100% rename from .github/pandamarket_images/Img_home_03.png rename to pandamarket_images/Img_home_03.png diff --git a/.github/pandamarket_images/Img_home_bottom.png b/pandamarket_images/Img_home_bottom.png similarity index 100% rename from .github/pandamarket_images/Img_home_bottom.png rename to pandamarket_images/Img_home_bottom.png diff --git a/.github/pandamarket_images/Img_home_top.png b/pandamarket_images/Img_home_top.png similarity index 100% rename from .github/pandamarket_images/Img_home_top.png rename to pandamarket_images/Img_home_top.png diff --git a/.github/pandamarket_images/Img_reply_empty.png b/pandamarket_images/Img_reply_empty.png similarity index 100% rename from .github/pandamarket_images/Img_reply_empty.png rename to pandamarket_images/Img_reply_empty.png diff --git a/.github/pandamarket_images/Property 1=sm.png b/pandamarket_images/Property 1=sm.png similarity index 100% rename from .github/pandamarket_images/Property 1=sm.png rename to pandamarket_images/Property 1=sm.png diff --git a/.github/pandamarket_images/Property 1=sm@2x.png b/pandamarket_images/Property 1=sm@2x.png similarity index 100% rename from .github/pandamarket_images/Property 1=sm@2x.png rename to pandamarket_images/Property 1=sm@2x.png diff --git a/.github/pandamarket_images/Property 1=sm@3x.png b/pandamarket_images/Property 1=sm@3x.png similarity index 100% rename from .github/pandamarket_images/Property 1=sm@3x.png rename to pandamarket_images/Property 1=sm@3x.png diff --git a/.github/pandamarket_images/btn_small.png b/pandamarket_images/btn_small.png similarity index 100% rename from .github/pandamarket_images/btn_small.png rename to pandamarket_images/btn_small.png diff --git a/pandamarket_images/closed_eye.png b/pandamarket_images/closed_eye.png new file mode 100644 index 00000000..55fd2834 Binary files /dev/null and b/pandamarket_images/closed_eye.png differ diff --git a/.github/pandamarket_images/desktop_01.png b/pandamarket_images/desktop_01.png similarity index 100% rename from .github/pandamarket_images/desktop_01.png rename to pandamarket_images/desktop_01.png diff --git a/.github/pandamarket_images/desktop_02.png b/pandamarket_images/desktop_02.png similarity index 100% rename from .github/pandamarket_images/desktop_02.png rename to pandamarket_images/desktop_02.png diff --git a/.github/pandamarket_images/desktop_03.png b/pandamarket_images/desktop_03.png similarity index 100% rename from .github/pandamarket_images/desktop_03.png rename to pandamarket_images/desktop_03.png diff --git a/.github/pandamarket_images/desktop_04.png b/pandamarket_images/desktop_04.png similarity index 100% rename from .github/pandamarket_images/desktop_04.png rename to pandamarket_images/desktop_04.png diff --git a/.github/pandamarket_images/desktop_05.png b/pandamarket_images/desktop_05.png similarity index 100% rename from .github/pandamarket_images/desktop_05.png rename to pandamarket_images/desktop_05.png diff --git a/.github/pandamarket_images/ic_facebook.png b/pandamarket_images/ic_facebook.png similarity index 100% rename from .github/pandamarket_images/ic_facebook.png rename to pandamarket_images/ic_facebook.png diff --git a/.github/pandamarket_images/ic_instagram.png b/pandamarket_images/ic_instagram.png similarity index 100% rename from .github/pandamarket_images/ic_instagram.png rename to pandamarket_images/ic_instagram.png diff --git a/.github/pandamarket_images/ic_twitter.png b/pandamarket_images/ic_twitter.png similarity index 100% rename from .github/pandamarket_images/ic_twitter.png rename to pandamarket_images/ic_twitter.png diff --git a/.github/pandamarket_images/ic_youtube.png b/pandamarket_images/ic_youtube.png similarity index 100% rename from .github/pandamarket_images/ic_youtube.png rename to pandamarket_images/ic_youtube.png diff --git a/.github/pandamarket_images/mobile_01.png b/pandamarket_images/mobile_01.png similarity index 100% rename from .github/pandamarket_images/mobile_01.png rename to pandamarket_images/mobile_01.png diff --git a/.github/pandamarket_images/mobile_02.png b/pandamarket_images/mobile_02.png similarity index 100% rename from .github/pandamarket_images/mobile_02.png rename to pandamarket_images/mobile_02.png diff --git a/.github/pandamarket_images/mobile_03.png b/pandamarket_images/mobile_03.png similarity index 100% rename from .github/pandamarket_images/mobile_03.png rename to pandamarket_images/mobile_03.png diff --git a/.github/pandamarket_images/mobile_04.png b/pandamarket_images/mobile_04.png similarity index 100% rename from .github/pandamarket_images/mobile_04.png rename to pandamarket_images/mobile_04.png diff --git a/.github/pandamarket_images/mobile_05.png b/pandamarket_images/mobile_05.png similarity index 100% rename from .github/pandamarket_images/mobile_05.png rename to pandamarket_images/mobile_05.png diff --git a/pandamarket_images/opened_eye.png b/pandamarket_images/opened_eye.png new file mode 100644 index 00000000..072bac45 Binary files /dev/null and b/pandamarket_images/opened_eye.png differ diff --git a/.github/pandamarket_images/state=active.png b/pandamarket_images/state=active.png similarity index 100% rename from .github/pandamarket_images/state=active.png rename to pandamarket_images/state=active.png diff --git a/.github/pandamarket_images/tablet_01.png b/pandamarket_images/tablet_01.png similarity index 100% rename from .github/pandamarket_images/tablet_01.png rename to pandamarket_images/tablet_01.png diff --git a/.github/pandamarket_images/tablet_02.png b/pandamarket_images/tablet_02.png similarity index 100% rename from .github/pandamarket_images/tablet_02.png rename to pandamarket_images/tablet_02.png diff --git a/.github/pandamarket_images/tablet_03.png b/pandamarket_images/tablet_03.png similarity index 100% rename from .github/pandamarket_images/tablet_03.png rename to pandamarket_images/tablet_03.png diff --git a/.github/pandamarket_images/tablet_04.png b/pandamarket_images/tablet_04.png similarity index 100% rename from .github/pandamarket_images/tablet_04.png rename to pandamarket_images/tablet_04.png diff --git a/.github/pandamarket_images/tablet_05.png b/pandamarket_images/tablet_05.png similarity index 100% rename from .github/pandamarket_images/tablet_05.png rename to pandamarket_images/tablet_05.png diff --git a/.github/privacy.html b/privacy.html similarity index 81% rename from .github/privacy.html rename to privacy.html index 8b7e5264..59182488 100644 --- a/.github/privacy.html +++ b/privacy.html @@ -5,7 +5,7 @@ Privacy_Policy - +

diff --git a/signup.html b/signup.html new file mode 100644 index 00000000..ac12bd5f --- /dev/null +++ b/signup.html @@ -0,0 +1,90 @@ + + + + 판다마켓 회원가입 + + + + + + +
+ + + + + +
+ + 비밀번호 숨기기 아이콘 +
+ +
+ + 비밀번호 보이기 아이콘 +
+ + +
+ 이미 회원이신가요? + 로그인 +
+
+ +