diff --git a/faq.html b/faq.html new file mode 100644 index 00000000..9d378551 --- /dev/null +++ b/faq.html @@ -0,0 +1 @@ +faq page \ No newline at end of file diff --git a/images/bottom-section.png b/images/bottom-section.png new file mode 100644 index 00000000..313a5fe0 Binary files /dev/null and b/images/bottom-section.png differ diff --git a/images/header-logo.png b/images/header-logo.png new file mode 100644 index 00000000..2d715499 Binary files /dev/null and b/images/header-logo.png differ diff --git a/images/hot-item.png b/images/hot-item.png new file mode 100644 index 00000000..7cd4b74e Binary files /dev/null and b/images/hot-item.png differ diff --git a/images/ic_facebook.png b/images/ic_facebook.png new file mode 100644 index 00000000..a3e343c7 Binary files /dev/null and b/images/ic_facebook.png differ diff --git a/images/ic_instagram.png b/images/ic_instagram.png new file mode 100644 index 00000000..c47e044d Binary files /dev/null and b/images/ic_instagram.png differ diff --git a/images/ic_twitter.png b/images/ic_twitter.png new file mode 100644 index 00000000..3f74b730 Binary files /dev/null and b/images/ic_twitter.png differ diff --git a/images/ic_youtube.png b/images/ic_youtube.png new file mode 100644 index 00000000..874150b0 Binary files /dev/null and b/images/ic_youtube.png differ diff --git a/images/main-section.png b/images/main-section.png new file mode 100644 index 00000000..624efe91 Binary files /dev/null and b/images/main-section.png differ diff --git a/images/register.png b/images/register.png new file mode 100644 index 00000000..6ac74a9b Binary files /dev/null and b/images/register.png differ diff --git a/images/search.png b/images/search.png new file mode 100644 index 00000000..a876c7dc Binary files /dev/null and b/images/search.png differ diff --git a/index.html b/index.html new file mode 100644 index 00000000..7ef92765 --- /dev/null +++ b/index.html @@ -0,0 +1,87 @@ + + + + + + + 판다마켓 + + + +
+ +
+ +
+ +
+
+
+
+
+

일상의 모든 물건을
+ 거래해 보세요 +

+ 구경하러 가기 +
+
+ 이미지1 +
+
+
+ +
+
+ 이미지2 +
+
+ 이미지3 +
+
+ 이미지4 +
+
+ +
+ +
+
+
+
+
+

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

+
+
+ 이미지5 +
+
+
+
+ + + + + \ No newline at end of file diff --git a/login.html b/login.html new file mode 100644 index 00000000..40f160a5 --- /dev/null +++ b/login.html @@ -0,0 +1 @@ +로그인 페이지 \ No newline at end of file diff --git a/privacy.html b/privacy.html new file mode 100644 index 00000000..e1a0459c --- /dev/null +++ b/privacy.html @@ -0,0 +1 @@ +privacy page \ No newline at end of file diff --git a/sightsee.html b/sightsee.html new file mode 100644 index 00000000..707d85b4 --- /dev/null +++ b/sightsee.html @@ -0,0 +1 @@ +구경하기 페이지 \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 00000000..0520a9ac --- /dev/null +++ b/style.css @@ -0,0 +1,163 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: Arial, Helvetica, sans-serif; +} + +header { + width: 100%; + background-color: #FFFFFF; +} + +.banner { + display: flex; + max-width: 1920px; + width: 100%; + height: 50px; + display: flex; + align-items: center; + justify-content: center; + padding: 0 200px; +} + +.banner-main { + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; +} + +.header-logo img { + width: 100px; + height: 35px; + cursor: pointer; +} + +#login { + padding: 10px; + width: 90px; + height: 35px; + font-size: 12px; + text-align: center; + text-decoration: none; + color: #ffffff; + background-color: #3692FF; + border: none; + border-radius: 5px; + cursor: pointer; + overflow: hidden; +} + +.top-section, +.bottom-section { + position: relative; + width: 100%; + height: 350px; + background-color: #CFE5FF; +} + +.top-content { + display: flex; + align-items: center; + justify-content: space-between; + width: 80%; + height: 100%; + overflow: hidden; +} + +.top-text, +.bottom-text { + position: absolute; + left: 200px; + bottom: 70px; +} + +.top-title h2, +.bottom-title h2 { + width: 200px; + height: 50px; + font-weight: bold; + margin-bottom: 32px; + color: #374151; + font-size: 22px; +} + +#sightsee { + width: 250px; + height: 40px; + display: flex; + text-align: center; + justify-content: center; + padding: 10px; + font-size: 14px; + color: #FFFFFF; + background-color: #3692FF; + border-radius: 20px; + text-decoration: none; +} + +.top-content img, +.bottom-content img { + position: absolute; + bottom: 0; + right: 200px; + width: 500px; + flex: 1; +} + +.middle-section { + height: 1200px; +} + +.gray-section { + height: 100px; + background-color: #f5f5f5; +} + +.hot-item, +.search, +.register { + display: flex; + align-items: center; + justify-content: center; + height: 400px; +} + +.hot-item img, +.search img, +.register img { + width: 600px; + height: 300px; +} + +footer { + position: relative; + height: 100px; + color: #9CA3AF; + background-color: #111827; +} + +.footer-text { + display: flex; + align-items: center; + justify-content: space-between; + padding: 16px 200px; +} + +.privacy, +.faq { + color: #FFFFFF; + text-decoration: none; +} + +.privacy { + margin: 0 10px; +} + +.faq { + margin: 0 10px; +} \ No newline at end of file