diff --git a/Image/desktop_01.png b/Image/desktop_01.png new file mode 100644 index 00000000..17ce7de5 Binary files /dev/null and b/Image/desktop_01.png differ diff --git a/Image/desktop_02.png b/Image/desktop_02.png new file mode 100644 index 00000000..15c909fa Binary files /dev/null and b/Image/desktop_02.png differ diff --git a/Image/desktop_03.png b/Image/desktop_03.png new file mode 100644 index 00000000..b3c15350 Binary files /dev/null and b/Image/desktop_03.png differ diff --git a/Image/desktop_04.png b/Image/desktop_04.png new file mode 100644 index 00000000..684b43b8 Binary files /dev/null and b/Image/desktop_04.png differ diff --git a/Image/desktop_05.png b/Image/desktop_05.png new file mode 100644 index 00000000..c99207a3 Binary files /dev/null and b/Image/desktop_05.png differ diff --git a/Image/ic_facebook.png b/Image/ic_facebook.png new file mode 100644 index 00000000..58333d45 Binary files /dev/null and b/Image/ic_facebook.png differ diff --git a/Image/ic_instagram.png b/Image/ic_instagram.png new file mode 100644 index 00000000..98e24ea6 Binary files /dev/null and b/Image/ic_instagram.png differ diff --git a/Image/ic_twitter.png b/Image/ic_twitter.png new file mode 100644 index 00000000..5df0852d Binary files /dev/null and b/Image/ic_twitter.png differ diff --git a/Image/ic_youtube.png b/Image/ic_youtube.png new file mode 100644 index 00000000..f51731d4 Binary files /dev/null and b/Image/ic_youtube.png differ diff --git a/Image/logo.png b/Image/logo.png new file mode 100644 index 00000000..8248f602 Binary files /dev/null and b/Image/logo.png differ diff --git "a/Image/\355\214\220\353\213\244 \354\226\274\352\265\264.png" "b/Image/\355\214\220\353\213\244 \354\226\274\352\265\264.png" new file mode 100644 index 00000000..0a1a4f20 Binary files /dev/null and "b/Image/\355\214\220\353\213\244 \354\226\274\352\265\264.png" differ diff --git a/faq.html b/faq.html new file mode 100644 index 00000000..d01f779f --- /dev/null +++ b/faq.html @@ -0,0 +1,11 @@ + + + + + + Document + + + + + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 00000000..aafea516 --- /dev/null +++ b/index.html @@ -0,0 +1,82 @@ + + + + + + 판다마켓 + Document + + + +
+
+ + +
+
+ +
+ + + 구경하러가기 + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + \ No newline at end of file diff --git a/items.html b/items.html new file mode 100644 index 00000000..7df44b17 --- /dev/null +++ b/items.html @@ -0,0 +1,13 @@ + + + + + + Document + + +
+ 임시 아이템 +
+ + \ No newline at end of file diff --git a/login.html b/login.html new file mode 100644 index 00000000..f690a24d --- /dev/null +++ b/login.html @@ -0,0 +1,14 @@ + + + + + + Document + + +
+ 임시로그인 +
+ + + \ No newline at end of file diff --git a/privacy.html b/privacy.html new file mode 100644 index 00000000..d01f779f --- /dev/null +++ b/privacy.html @@ -0,0 +1,11 @@ + + + + + + Document + + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 00000000..c0bb0e07 --- /dev/null +++ b/style.css @@ -0,0 +1,124 @@ +*{ + box-sizing: border-box; +} + +a { + color: inherit; + text-decoration: none; +} +.container { + width: 100%; + } + +.top_container{ + display: flex; + justify-content: space-between; +} +footer{ + background-color: #111827; + width: 100%; + height: 200px; + display: flex; + justify-content: space-between; + color: white; + +} + + + /* 로고 */ + .logo { + height: 50px; + width: 125px; + } + + /* Spacer: 빈 공간 생성 */ + .spacer { + flex: 1; + } + + /* 로그인 */ + .login { + display: flex; + justify-content: center; + align-items: center; + font-size: 16px; + border: 1px solid #3692FF; + border-radius: 10px; + color: white; + background-color: #3692FF; + width: 100px; + cursor: pointer; + } + + .product_view{ + display: flex; + justify-content: center; + align-items: center; + font-size: 16px; + border: 1px solid #3692FF; + border-radius: 999px; + color: white; + background-color: #3692FF; + width: 100px; + position: relative; + left:405px; + width: 360px; + bottom: 162px; + height: 61px; + cursor: pointer; + + } + .layout_container{ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + + } + + .layout_image{ + padding-top: 10px; + } + + /* 화면 크기에 따라 여백 조정 */ + @media screen and (min-width: 1920px) { + body { + background-color: skyblue; + margin: 0 auto; + } + } + + /* 화면 너비가 1920px 미만일 때 배경색 없음 */ + @media screen and (max-width: 1919px) { + body { + background-color: white; /* 기본 배경색 */ + + + } + + .logo{ + margin-left: 200px; + + } + + + } + + /* 화면 너비에 따라 여백 조정 */ + @media screen and (max-width: 1400px) { + .container { + padding: 0 100px; + } + } + + @media screen and (max-width: 1024px) { + .container { + padding: 0 50px; + } + } + + @media screen and (max-width: 768px) { + .container { + padding: 0 20px; + } + } \ No newline at end of file