diff --git a/images/Img_home_01.png b/images/Img_home_01.png new file mode 100644 index 0000000..f496ba4 Binary files /dev/null and b/images/Img_home_01.png differ diff --git a/images/Img_home_02.png b/images/Img_home_02.png new file mode 100644 index 0000000..14ab62b Binary files /dev/null and b/images/Img_home_02.png differ diff --git a/images/Img_home_03.png b/images/Img_home_03.png new file mode 100644 index 0000000..eb0d6cd Binary files /dev/null and b/images/Img_home_03.png differ diff --git a/images/Img_home_bottom.png b/images/Img_home_bottom.png new file mode 100644 index 0000000..fcdd211 Binary files /dev/null and b/images/Img_home_bottom.png differ diff --git a/images/Img_home_top.png b/images/Img_home_top.png new file mode 100644 index 0000000..c1e4c92 Binary files /dev/null and b/images/Img_home_top.png differ diff --git a/images/Property 1=sm.png b/images/Property 1=sm.png new file mode 100644 index 0000000..a0ab53c Binary files /dev/null and b/images/Property 1=sm.png differ diff --git a/images/Property 1=sm@2x.png b/images/Property 1=sm@2x.png new file mode 100644 index 0000000..60e0910 Binary files /dev/null and b/images/Property 1=sm@2x.png differ diff --git a/images/Property 1=sm@3x.png b/images/Property 1=sm@3x.png new file mode 100644 index 0000000..535b32a Binary files /dev/null and b/images/Property 1=sm@3x.png differ diff --git a/images/panda_face.png b/images/panda_face.png new file mode 100644 index 0000000..929c1e9 Binary files /dev/null and b/images/panda_face.png differ diff --git a/images/size=desktop, sort=Default.png b/images/size=desktop, sort=Default.png new file mode 100644 index 0000000..d3c937c Binary files /dev/null and b/images/size=desktop, sort=Default.png differ diff --git a/images/standard=pc.png b/images/standard=pc.png new file mode 100644 index 0000000..b4966c7 Binary files /dev/null and b/images/standard=pc.png differ diff --git a/images/state=active.png b/images/state=active.png new file mode 100644 index 0000000..b9d55ac Binary files /dev/null and b/images/state=active.png differ diff --git a/images/type=solid, status=default.png b/images/type=solid, status=default.png new file mode 100644 index 0000000..8cf1c4e Binary files /dev/null and b/images/type=solid, status=default.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..ee316fc --- /dev/null +++ b/index.html @@ -0,0 +1,96 @@ + + + + + + 판다마켓 + + + + +
+
+ + + +
+ 로그인 +
+ +
+ + +
+ +
+
+ +
+
Hot item
+

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

+

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

+
+
+
+ +
+
+
+
Search
+

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

+

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

+
+ +
+
+ +
+
+ +
+
Register
+

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

+

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

+
+
+
+ +
+
+

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

+ +
+
+ + + + \ No newline at end of file diff --git a/login.css b/login.css new file mode 100644 index 0000000..1c10160 --- /dev/null +++ b/login.css @@ -0,0 +1,88 @@ +* { + box-sizing: border-box; + margin: 0; + padding: 0; + font-family: 'Pretendard', sans-serif; +} + +a { + text-decoration: underline; +} + +body { + width: 100%; + overflow-x: hidden; + background-color: #fcfcfc; +} + +form { + margin: 100px auto; + width: 640px; + height: 520px; + background-color: #fcfcfc; +} + +#title { + color: #3692ff; + font-size: 66.34px; + font-weight: 700; + font-family: 'ROKAF Sans'; + margin: auto 20px ; +} + +#title_box { + display: flex; + justify-content: center; + align-items: center; +} + +label { + color: #1f2937; + display: block; + font-size: 18px; + font-weight: 700; + margin: 16px 0 8px; +} + +input { + border: #f3f4f6; + color: #0f0f0f; + display: block; + font-size: 16px; + line-height: 24px; + margin: 10px 0; + padding: 16px 24px; + width: 100%; + height: 56px; + background-color: #f3f4f6; + border-radius: 10px; +} + +input::placeholder { + color: #1f2937; + font-size: 16px; + font-weight: 400; +} + +button { + cursor: pointer; + display: block; + justify-content: center; + align-items: center; + background-color: #3692ff; + color: #FFFFFF; + border: none; + padding: 16px 124px; + border-radius: 999px; + font-size: 20px; + font-weight: 600; + width: 100%; + height: 56px; +} + +.register { + font-size: 14px; + font-weight: 500; + text-align: center; + padding: 16px; +} diff --git a/login.html b/login.html new file mode 100644 index 0000000..de810e3 --- /dev/null +++ b/login.html @@ -0,0 +1,39 @@ + + + + + + 판다마켓/로그인 + + + +
+
+
+
+ + + +
+
+ 판다마켓 +
+
+
+ + +
+
+ + +
+
+ +
+
+ 판다마켓이 처음이신가요? 회원가입 +
+
+
+ + \ No newline at end of file diff --git a/register.css b/register.css new file mode 100644 index 0000000..8b4b953 --- /dev/null +++ b/register.css @@ -0,0 +1,88 @@ +* { + box-sizing: border-box; + margin: 0; + padding: 0; + font-family: 'Pretendard', sans-serif; +} + +a { + text-decoration: underline; +} + +body { + width: 100%; + overflow-x: hidden; + background-color: #fcfcfc; +} + +form { + margin: 100px auto; + width: 640px; + height: 520px; + background-color: #fcfcfc; +} + +#title { + color: #3692ff; + font-size: 66.34px; + font-weight: 700; + font-family: 'ROKAF Sans'; + margin: auto 20px ; +} + +#title_box { + display: flex; + justify-content: center; + align-items: center; +} + +label { + color: #1f2937; + display: block; + font-size: 18px; + font-weight: 700; + margin: 16px 0 8px; +} + +input { + border: #f3f4f6; + color: #0f0f0f; + display: block; + font-size: 16px; + line-height: 24px; + margin: 10px 0; + padding: 16px 24px; + width: 100%; + height: 56px; + background-color: #f3f4f6; + border-radius: 10px; +} + +input::placeholder { + color: #1f2937; + font-size: 16px; + font-weight: 400; +} + +button { + cursor: pointer; + display: block; + justify-content: center; + align-items: center; + background-color: #3692ff; + color: #FFFFFF; + border: none; + padding: 16px 124px; + border-radius: 999px; + font-size: 20px; + font-weight: 600; + width: 100%; + height: 56px; +} + +.login { + font-size: 14px; + font-weight: 500; + text-align: center; + padding: 16px; +} diff --git a/register.html b/register.html new file mode 100644 index 0000000..962d0cf --- /dev/null +++ b/register.html @@ -0,0 +1,47 @@ + + + + + + 판다마켓/회원가입 + + + +
+
+
+
+ + + +
+
+ 판다마켓 +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+ +
+
+ + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..0aa39ac --- /dev/null +++ b/style.css @@ -0,0 +1,149 @@ +* { + box-sizing: border-box; + margin: 0; + padding: 0; + font-family: 'Pretendard', sans-serif; +} + +a { + text-decoration: none; +} + +body { + width: 100%; + overflow-x: hidden; + background-color: #FFFFFF; +} + +img { + max-width: 100%; + height: auto; + display: block; +} + +/* 헤더 */ +.header { + background-color: #ffffff; + width: 100%; + height: 70px; + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 200px; + position: fixed; + top: 0; + left: 0; +} + +.login_button { + cursor: pointer; + background-color: #007aff; + color: #ffffff; + border: none; + padding: 12px 23px; + border-radius: 8px; + font-size: 16px; + font-weight: 600px; +} + +.login_button:hover { + background-color: #1967D6; +} + +/* 메인 */ +.main_banner { + background-color: #cfe5ff; + display: flex; + justify-content: space-between; + align-items: center; + padding: 120px 10%; + margin-top: 64px; + flex-wrap: wrap; +} + +.banner_content h1 { + font-size: 40px; + font-weight: 700; +} + +.browse_button { + cursor: pointer; + display: inline-flex; + justify-content: center; + align-items: center; + background-color: #007aff; + color: #FFFFFF; + border: none; + padding: 16px 124px; + border-radius: 999px; + font-size: 20px; + font-weight: 600; +} + +.browse_button:hover { + background-color: #1967D6; +} + +/* 섹션 123 */ +.section { + background-color: #FFFFFF; + padding: 100px 10%; + max-width: 1200px; + margin: 0 auto; + width: 100% +} + +.section_inner { + background-color: #fcfcfc; + display: flex; + align-items: center; + justify-content: space-between; + gap: 40px; +} + +.section_text { + max-width: 800px; +} + +.section_text h2 { + font-size: 22px; + margin: 10px 0; +} + +.section_text h3 { + color: #374151; + font-size: 14px; + font-weight: 500; + line-height: 20px; +} + +.label { + font-size: 18px; + font-weight: 700; + line-height: 25px; + margin-bottom: 10px; + color: #3692ff; +} + +/* 하단 */ + +.bottom_banner { + background-color: #cfe5ff; + padding: 80px 10%; + text-align: left; +} + +.bottom_content { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; +} + +/* 푸터 + +.footer { + +} + +*/ \ No newline at end of file diff --git a/test.txt b/test.txt new file mode 100644 index 0000000..9daeafb --- /dev/null +++ b/test.txt @@ -0,0 +1 @@ +test