diff --git a/desktop.html b/desktop.html new file mode 100644 index 00000000..4ea56723 --- /dev/null +++ b/desktop.html @@ -0,0 +1,96 @@ + + + + + 판다마켓 + + + +
+
+
+
+
+
+ +
+ +
+
+
+
+ 일상의 모든 물건을
+ 거래해 보세요
+
+
+
+
+
+
+ + +
+
+
+
+

Hot item

+

인기 상품을
확인해 보세요

+

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

+
+
+
+ + +
+
+
+

Search

+

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

+

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

+
+
+
+
+ + +
+
+
+
+

Register

+

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

+

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

+
+
+
+ + +
+
+
+
+ 믿을 수 있는
+ 판다마켓 중고 거래
+
+
+
+
+
+
+ + + + \ No newline at end of file diff --git a/image/Img_home_01.png b/image/Img_home_01.png new file mode 100644 index 00000000..20343eb9 Binary files /dev/null and b/image/Img_home_01.png differ diff --git a/image/Img_home_02.png b/image/Img_home_02.png new file mode 100644 index 00000000..5693dc7a Binary files /dev/null and b/image/Img_home_02.png differ diff --git a/image/Img_home_03.png b/image/Img_home_03.png new file mode 100644 index 00000000..a3f91e53 Binary files /dev/null and b/image/Img_home_03.png differ diff --git a/image/Img_home_bottom.png b/image/Img_home_bottom.png new file mode 100644 index 00000000..c7b94cd0 Binary files /dev/null and b/image/Img_home_bottom.png differ diff --git a/image/Img_home_top.png b/image/Img_home_top.png new file mode 100644 index 00000000..972754b7 Binary files /dev/null and b/image/Img_home_top.png differ diff --git a/image/ic_facebook.png b/image/ic_facebook.png new file mode 100644 index 00000000..93506ba7 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..8a15c43f 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..1d0aa671 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..53df4e6e Binary files /dev/null and b/image/ic_youtube.png differ diff --git a/image/lg.png b/image/lg.png new file mode 100644 index 00000000..ec00f2d9 Binary files /dev/null and b/image/lg.png differ diff --git a/image/md.png b/image/md.png new file mode 100644 index 00000000..5b80434b Binary files /dev/null and b/image/md.png differ diff --git a/image/sm.png b/image/sm.png new file mode 100644 index 00000000..59a0a74e Binary files /dev/null and b/image/sm.png differ diff --git a/image/typo.png b/image/typo.png new file mode 100644 index 00000000..8997227a Binary files /dev/null and b/image/typo.png differ diff --git a/items.html b/items.html new file mode 100644 index 00000000..0021f0b2 --- /dev/null +++ b/items.html @@ -0,0 +1 @@ +Item page. \ No newline at end of file diff --git a/login.html b/login.html new file mode 100644 index 00000000..cd00d6fb --- /dev/null +++ b/login.html @@ -0,0 +1 @@ +Login Page. \ No newline at end of file diff --git a/style_desktop.css b/style_desktop.css new file mode 100644 index 00000000..bcf539b2 --- /dev/null +++ b/style_desktop.css @@ -0,0 +1,168 @@ +body { + margin:0px; + padding:0px; + color:#374151; +} +a { + text-decoration: none; + cursor: pointer; +} +.header { + background-color: #ffffff; + height:70px; + padding:0; +} +.headercon { + float:left; + height:100%; + width:50%; + margin:0; + padding:9px 0px; + box-sizing: border-box; +} +#toplogo { + height:100%; + margin-left: 200px; + object-fit: contain; +} +.login { + width:128px; + height:100%; + float:right; + margin-right:200px; + padding:12px 20px; + text-align: center; + color:#ffffff; + background-color: #3692ff; + border-radius: 8px; + border:0; + cursor: pointer; +} +.hometop { + width:100%; + height:540px; + background-color: #cfe5ff; + box-sizing: border-box; + padding-top:200px; +} +.topcon{ + width:1110px; + height:340px; + margin:0px auto; +} +#top_left { + float:left; + width:357px; + height:260px; + position:relative; + margin-top: 40px; +} +#topinfo { + font-size:40px; + font-weight: 700; + line-height: 56px; +} +#topimg { + float:left; + width:746px; +} +#goitems { + width:357px; + padding:16px 124px; + border-radius: 40px; + background-color: #3692ff; + border:0; + text-align: center; + color:#ffffff; + cursor: pointer; +} +.show { + width:100%; + height:720px; + box-sizing: border-box; + padding-top:138px; +} +.showcon { + width:955px; + height:444px; + margin:0px auto; +} +#show1, #show3 { + float:left; + margin-left:360px; +} +#show2 { + float:right; + margin-right:360px; +} +.showimg { + width:588px; + float:left; +} +.showinfo { + float:left; + position:relative; + margin-top:61px; +} +#showtitle { + color:#3692ff; + font-size:18px; + font-weight: 700; + line-height: 26px; +} +#showmain { + font-size:40px; + font-weight: 700; + line-height: 56px; +} +#showdes { + font-size: 22px; + font-weight: 500; + line-height: 32px; +} +.homebot { + width:100%; + height:540px; + background-color: #cfe5ff; + box-sizing: border-box; + padding-top:143px; +} +.botcon{ + width:1110px; + height:397px; + margin:0px auto; +} +#bot_left { + float:left; + width:354px; + height:172px; + position:relative; + margin-top: 100px; +} +#botinfo { + font-size:40px; + font-weight: 700; + line-height: 56px; +} +#botimg { + float:left; + width:746px; +} +.footer { + height:160px; + background-color: #111827; + padding-top: 32px; + box-sizing: border-box; +} +.footercon { + width:1120px; + margin:0px auto; + display:flex; + justify-content: space-between; +} +.footercon > div { + color:#9ca3af; +} +.footercon > div > a { + color:#e5e7eb; +} \ No newline at end of file