Hot Item
+인기 상품을
확인해 보세요
가장 HOT한 중고거래 물품을
팬다 마켓에서 확인해 보세요
Search
+구매를 원하는
상품을 검색하세요
구매하고 싶은 물품은 검색해서
쉽게 찾아보세요
Register
+판매를 원하는
상품을 등록하세요
어떤 물건이든 판매하고 싶은 상품을 쉽게 등록하세요
+diff --git a/10-Sprint-Mission/css/style.css b/10-Sprint-Mission/css/style.css new file mode 100644 index 00000000..4373c31d --- /dev/null +++ b/10-Sprint-Mission/css/style.css @@ -0,0 +1,168 @@ +body { + +} + +.header { + width: 1920px; + display: flex; + justify-content: space-between; + align-items: center; + height: 60px; +} + +.header a img { + max-height: 100%; + margin-left: 360px; + margin-right: 360px; +} + +.btn.top { + position: relative; /* 상대적인 위치 설정 */ + top: -70px; + display: inline-block; + background-color: transparent; + padding: 0; + border: none; + font-size: 1.5rem; + font-weight: bold; + +} + +.itemlink { + cursor: pointer; +} + +.top_banner { + width: 1920px; + position: relative; + background-color: #F0F8FF; + text-align: center; + padding: 20px 0; +} + +.top_banner img { + max-width: 100%; + height: auto; +} + +.main-container { + + height: 2160px; + width: 1920px; + display: flex; + flex-direction: column; + + +} + +h5 { + color: rgb(44, 67, 214); +} + +.main-item { + display: flex; + align-items: center; + justify-content: space-around; /* 이미지와 텍스트 같이 */ + background-color: #f8f8f8; /* 각 섹션의 배경색 */ + padding: 20px; + border-radius: 10px; /* 둥근 모서리 추가 */ +} + +.main-item.middle { + display: flex; + align-items: center; + justify-content: space-around; /* 이미지와 텍스트 같이 */ + background-color: #f8f8f8; /* 각 섹션의 배경색 */ + padding: 20px; + border-radius: 10px; /* 둥근 모서리 추가 */ +} + +.image-container { + flex: 1; + text-align: center; /* 이미지를 가운데 정렬 */ + margin-left: 360px; +} + +.middle { + flex: 1; + text-align: center; /* 이미지를 가운데 정렬 */ + margin-right: 360px 0; +} + +.image-container img { + max-width: 100%; + height: auto; + margin: 100px; +} + +.text-container { + flex: 1; /* 텍스트 영역을 이미지보다 크게 설정 */ + text-align: left; /* 텍스트를 왼쪽 정렬 */ +} +.text-container.middle { + flex: 1; /* 텍스트 영역을 이미지보다 크게 설정 */ + text-align: right; /* 텍스트를 왼쪽 정렬 */ +} + +.text-container h2 { + font-size: 1.5rem; + margin-bottom: 10px; +} + +p.focus { + font-size: 40px; + color: black; +} + +p.focus.small { + font-size: 20px; + color: black; +} + +.bottom_banner { + width: 1920px; + position: relative; + background-color: #F0F8FF; + text-align: center; + /* padding: 20px; */ +} + +.bottom_banner img { + /* max-width: 100%; */ + height: auto; +} + +.foot-container { + width: 1920px; + display: flex; + height: 160px; + justify-content: space-between; + align-items: center; + /* padding: 20px; */ + background-color: #111827; + color: white; +} + +.foot-left { + position: relative; /* 이렇게 밀어넣기 */ + top: -50px; + right: -240px; + flex: 1; /*공간이 균등하게 배분된다는 듯*/ + text-align: left; +} + +.foot-center { + position: relative; /* 이렇게 밀어넣기 */ + top: -50px; + flex: 1; /*공간이 균등하게 배분된다는 듯*/ + text-align: center; +} + +.foot-right { + position: relative; /* 이렇게 밀어넣기 */ + top: -50px; + left: -240px; + flex: 1; /*공간이 균등하게 배분된다는 듯*/ + text-align: right; +} + diff --git a/10-Sprint-Mission/img/Img_home_bottom.png b/10-Sprint-Mission/img/Img_home_bottom.png new file mode 100644 index 00000000..c0858283 Binary files /dev/null and b/10-Sprint-Mission/img/Img_home_bottom.png differ diff --git a/10-Sprint-Mission/img/Img_home_top.png b/10-Sprint-Mission/img/Img_home_top.png new file mode 100644 index 00000000..84ff2083 Binary files /dev/null and b/10-Sprint-Mission/img/Img_home_top.png differ diff --git a/10-Sprint-Mission/img/Rectangle 1123.png b/10-Sprint-Mission/img/Rectangle 1123.png new file mode 100644 index 00000000..0ed35e9a Binary files /dev/null and b/10-Sprint-Mission/img/Rectangle 1123.png differ diff --git a/10-Sprint-Mission/img/btn/btn_small-1.png b/10-Sprint-Mission/img/btn/btn_small-1.png new file mode 100644 index 00000000..ab0e0e1a Binary files /dev/null and b/10-Sprint-Mission/img/btn/btn_small-1.png differ diff --git a/10-Sprint-Mission/img/btn/btn_small-2.png b/10-Sprint-Mission/img/btn/btn_small-2.png new file mode 100644 index 00000000..4d39f9b9 Binary files /dev/null and b/10-Sprint-Mission/img/btn/btn_small-2.png differ diff --git a/10-Sprint-Mission/img/btn/btn_small-3.png b/10-Sprint-Mission/img/btn/btn_small-3.png new file mode 100644 index 00000000..69c1d334 Binary files /dev/null and b/10-Sprint-Mission/img/btn/btn_small-3.png differ diff --git a/10-Sprint-Mission/img/btn/btn_small.png b/10-Sprint-Mission/img/btn/btn_small.png new file mode 100644 index 00000000..0e865487 Binary files /dev/null and b/10-Sprint-Mission/img/btn/btn_small.png differ diff --git a/10-Sprint-Mission/img/btn/state=active.png b/10-Sprint-Mission/img/btn/state=active.png new file mode 100644 index 00000000..db0c725a Binary files /dev/null and b/10-Sprint-Mission/img/btn/state=active.png differ diff --git a/10-Sprint-Mission/img/btn/state=click.png b/10-Sprint-Mission/img/btn/state=click.png new file mode 100644 index 00000000..351588a2 Binary files /dev/null and b/10-Sprint-Mission/img/btn/state=click.png differ diff --git a/10-Sprint-Mission/img/btn/state=hover.png b/10-Sprint-Mission/img/btn/state=hover.png new file mode 100644 index 00000000..2e980ac1 Binary files /dev/null and b/10-Sprint-Mission/img/btn/state=hover.png differ diff --git a/10-Sprint-Mission/img/btn/state=inactive.png b/10-Sprint-Mission/img/btn/state=inactive.png new file mode 100644 index 00000000..63649f5a Binary files /dev/null and b/10-Sprint-Mission/img/btn/state=inactive.png differ diff --git a/10-Sprint-Mission/img/gnb/size=desktop, sort=Default.png b/10-Sprint-Mission/img/gnb/size=desktop, sort=Default.png new file mode 100644 index 00000000..2b47d245 Binary files /dev/null and b/10-Sprint-Mission/img/gnb/size=desktop, sort=Default.png differ diff --git a/10-Sprint-Mission/img/gnb/standard=pc.png b/10-Sprint-Mission/img/gnb/standard=pc.png new file mode 100644 index 00000000..f23a2c31 Binary files /dev/null and b/10-Sprint-Mission/img/gnb/standard=pc.png differ diff --git a/10-Sprint-Mission/img/icons/Editor Icon.png b/10-Sprint-Mission/img/icons/Editor Icon.png new file mode 100644 index 00000000..0a74b8dd Binary files /dev/null and b/10-Sprint-Mission/img/icons/Editor Icon.png differ diff --git a/10-Sprint-Mission/img/icons/arrow_left.png b/10-Sprint-Mission/img/icons/arrow_left.png new file mode 100644 index 00000000..c404fbb2 Binary files /dev/null and b/10-Sprint-Mission/img/icons/arrow_left.png differ diff --git a/10-Sprint-Mission/img/icons/arrow_left/ic_back.png b/10-Sprint-Mission/img/icons/arrow_left/ic_back.png new file mode 100644 index 00000000..6630380d Binary files /dev/null and b/10-Sprint-Mission/img/icons/arrow_left/ic_back.png differ diff --git a/10-Sprint-Mission/img/icons/arrow_right.png b/10-Sprint-Mission/img/icons/arrow_right.png new file mode 100644 index 00000000..581e5fd3 Binary files /dev/null and b/10-Sprint-Mission/img/icons/arrow_right.png differ diff --git a/10-Sprint-Mission/img/icons/btn_visibility_on_24px.png b/10-Sprint-Mission/img/icons/btn_visibility_on_24px.png new file mode 100644 index 00000000..a1e3a35c Binary files /dev/null and b/10-Sprint-Mission/img/icons/btn_visibility_on_24px.png differ diff --git a/10-Sprint-Mission/img/icons/ic_X.png b/10-Sprint-Mission/img/icons/ic_X.png new file mode 100644 index 00000000..0d9e559e Binary files /dev/null and b/10-Sprint-Mission/img/icons/ic_X.png differ diff --git a/10-Sprint-Mission/img/icons/ic_arrow_down.png b/10-Sprint-Mission/img/icons/ic_arrow_down.png new file mode 100644 index 00000000..5f665007 Binary files /dev/null and b/10-Sprint-Mission/img/icons/ic_arrow_down.png differ diff --git a/10-Sprint-Mission/img/icons/ic_check.png b/10-Sprint-Mission/img/icons/ic_check.png new file mode 100644 index 00000000..5927d632 Binary files /dev/null and b/10-Sprint-Mission/img/icons/ic_check.png differ diff --git a/10-Sprint-Mission/img/icons/ic_facebook.png b/10-Sprint-Mission/img/icons/ic_facebook.png new file mode 100644 index 00000000..58333d45 Binary files /dev/null and b/10-Sprint-Mission/img/icons/ic_facebook.png differ diff --git a/10-Sprint-Mission/img/icons/ic_heart.png b/10-Sprint-Mission/img/icons/ic_heart.png new file mode 100644 index 00000000..58f195e5 Binary files /dev/null and b/10-Sprint-Mission/img/icons/ic_heart.png differ diff --git a/10-Sprint-Mission/img/icons/ic_instagram.png b/10-Sprint-Mission/img/icons/ic_instagram.png new file mode 100644 index 00000000..98e24ea6 Binary files /dev/null and b/10-Sprint-Mission/img/icons/ic_instagram.png differ diff --git a/10-Sprint-Mission/img/icons/ic_plus.png b/10-Sprint-Mission/img/icons/ic_plus.png new file mode 100644 index 00000000..df2fb448 Binary files /dev/null and b/10-Sprint-Mission/img/icons/ic_plus.png differ diff --git a/10-Sprint-Mission/img/icons/ic_profile.png b/10-Sprint-Mission/img/icons/ic_profile.png new file mode 100644 index 00000000..5785a0cb Binary files /dev/null and b/10-Sprint-Mission/img/icons/ic_profile.png differ diff --git a/10-Sprint-Mission/img/icons/ic_search.png b/10-Sprint-Mission/img/icons/ic_search.png new file mode 100644 index 00000000..58746321 Binary files /dev/null and b/10-Sprint-Mission/img/icons/ic_search.png differ diff --git a/10-Sprint-Mission/img/icons/ic_search_darker.png b/10-Sprint-Mission/img/icons/ic_search_darker.png new file mode 100644 index 00000000..bcd858f3 Binary files /dev/null and b/10-Sprint-Mission/img/icons/ic_search_darker.png differ diff --git a/10-Sprint-Mission/img/icons/ic_sort.png b/10-Sprint-Mission/img/icons/ic_sort.png new file mode 100644 index 00000000..9c697f31 Binary files /dev/null and b/10-Sprint-Mission/img/icons/ic_sort.png differ diff --git a/10-Sprint-Mission/img/icons/ic_twitter.png b/10-Sprint-Mission/img/icons/ic_twitter.png new file mode 100644 index 00000000..5df0852d Binary files /dev/null and b/10-Sprint-Mission/img/icons/ic_twitter.png differ diff --git a/10-Sprint-Mission/img/icons/ic_youtube.png b/10-Sprint-Mission/img/icons/ic_youtube.png new file mode 100644 index 00000000..f51731d4 Binary files /dev/null and b/10-Sprint-Mission/img/icons/ic_youtube.png differ diff --git a/10-Sprint-Mission/img/icons/img_badge.png b/10-Sprint-Mission/img/icons/img_badge.png new file mode 100644 index 00000000..05480c9f Binary files /dev/null and b/10-Sprint-Mission/img/icons/img_badge.png differ diff --git a/10-Sprint-Mission/img/landing/desktop_01.png b/10-Sprint-Mission/img/landing/desktop_01.png new file mode 100644 index 00000000..9ec97a99 Binary files /dev/null and b/10-Sprint-Mission/img/landing/desktop_01.png differ diff --git a/10-Sprint-Mission/img/landing/desktop_02.png b/10-Sprint-Mission/img/landing/desktop_02.png new file mode 100644 index 00000000..f4097505 Binary files /dev/null and b/10-Sprint-Mission/img/landing/desktop_02.png differ diff --git a/10-Sprint-Mission/img/landing/desktop_03.png b/10-Sprint-Mission/img/landing/desktop_03.png new file mode 100644 index 00000000..48f577da Binary files /dev/null and b/10-Sprint-Mission/img/landing/desktop_03.png differ diff --git a/10-Sprint-Mission/img/landing/desktop_04.png b/10-Sprint-Mission/img/landing/desktop_04.png new file mode 100644 index 00000000..02774941 Binary files /dev/null and b/10-Sprint-Mission/img/landing/desktop_04.png differ diff --git a/10-Sprint-Mission/img/landing/desktop_05.png b/10-Sprint-Mission/img/landing/desktop_05.png new file mode 100644 index 00000000..8a1261ca Binary files /dev/null and b/10-Sprint-Mission/img/landing/desktop_05.png differ diff --git a/10-Sprint-Mission/img/landing/mobile_01.png b/10-Sprint-Mission/img/landing/mobile_01.png new file mode 100644 index 00000000..d4a68a3c Binary files /dev/null and b/10-Sprint-Mission/img/landing/mobile_01.png differ diff --git a/10-Sprint-Mission/img/landing/mobile_02.png b/10-Sprint-Mission/img/landing/mobile_02.png new file mode 100644 index 00000000..5d611c80 Binary files /dev/null and b/10-Sprint-Mission/img/landing/mobile_02.png differ diff --git a/10-Sprint-Mission/img/landing/mobile_03.png b/10-Sprint-Mission/img/landing/mobile_03.png new file mode 100644 index 00000000..912184c2 Binary files /dev/null and b/10-Sprint-Mission/img/landing/mobile_03.png differ diff --git a/10-Sprint-Mission/img/landing/mobile_04.png b/10-Sprint-Mission/img/landing/mobile_04.png new file mode 100644 index 00000000..aa365bd9 Binary files /dev/null and b/10-Sprint-Mission/img/landing/mobile_04.png differ diff --git a/10-Sprint-Mission/img/landing/mobile_05.png b/10-Sprint-Mission/img/landing/mobile_05.png new file mode 100644 index 00000000..2ec10bbd Binary files /dev/null and b/10-Sprint-Mission/img/landing/mobile_05.png differ diff --git a/10-Sprint-Mission/img/landing/tablet_01.png b/10-Sprint-Mission/img/landing/tablet_01.png new file mode 100644 index 00000000..4905009b Binary files /dev/null and b/10-Sprint-Mission/img/landing/tablet_01.png differ diff --git a/10-Sprint-Mission/img/landing/tablet_02.png b/10-Sprint-Mission/img/landing/tablet_02.png new file mode 100644 index 00000000..bacda44b Binary files /dev/null and b/10-Sprint-Mission/img/landing/tablet_02.png differ diff --git a/10-Sprint-Mission/img/landing/tablet_03.png b/10-Sprint-Mission/img/landing/tablet_03.png new file mode 100644 index 00000000..8a5c542a Binary files /dev/null and b/10-Sprint-Mission/img/landing/tablet_03.png differ diff --git a/10-Sprint-Mission/img/landing/tablet_04.png b/10-Sprint-Mission/img/landing/tablet_04.png new file mode 100644 index 00000000..4694e8ae Binary files /dev/null and b/10-Sprint-Mission/img/landing/tablet_04.png differ diff --git a/10-Sprint-Mission/img/landing/tablet_05.png b/10-Sprint-Mission/img/landing/tablet_05.png new file mode 100644 index 00000000..2307d99b Binary files /dev/null and b/10-Sprint-Mission/img/landing/tablet_05.png differ diff --git a/10-Sprint-Mission/img/lg/Property 1=Typo.png b/10-Sprint-Mission/img/lg/Property 1=Typo.png new file mode 100644 index 00000000..0fd0992d Binary files /dev/null and b/10-Sprint-Mission/img/lg/Property 1=Typo.png differ diff --git a/10-Sprint-Mission/img/lg/Property 1=lg.png b/10-Sprint-Mission/img/lg/Property 1=lg.png new file mode 100644 index 00000000..7db8527a Binary files /dev/null and b/10-Sprint-Mission/img/lg/Property 1=lg.png differ diff --git a/10-Sprint-Mission/img/lg/Property 1=md.png b/10-Sprint-Mission/img/lg/Property 1=md.png new file mode 100644 index 00000000..fdb12623 Binary files /dev/null and b/10-Sprint-Mission/img/lg/Property 1=md.png differ diff --git a/10-Sprint-Mission/img/lg/Property 1=sm.png b/10-Sprint-Mission/img/lg/Property 1=sm.png new file mode 100644 index 00000000..ef87eab4 Binary files /dev/null and b/10-Sprint-Mission/img/lg/Property 1=sm.png differ diff --git a/10-Sprint-Mission/img/main/Img_home_01.png b/10-Sprint-Mission/img/main/Img_home_01.png new file mode 100644 index 00000000..620a749b Binary files /dev/null and b/10-Sprint-Mission/img/main/Img_home_01.png differ diff --git a/10-Sprint-Mission/img/main/Img_home_02.png b/10-Sprint-Mission/img/main/Img_home_02.png new file mode 100644 index 00000000..851ffe1c Binary files /dev/null and b/10-Sprint-Mission/img/main/Img_home_02.png differ diff --git a/10-Sprint-Mission/img/main/Img_home_03.png b/10-Sprint-Mission/img/main/Img_home_03.png new file mode 100644 index 00000000..ef5972b3 Binary files /dev/null and b/10-Sprint-Mission/img/main/Img_home_03.png differ diff --git a/10-Sprint-Mission/index.html b/10-Sprint-Mission/index.html new file mode 100644 index 00000000..1b58cbab --- /dev/null +++ b/10-Sprint-Mission/index.html @@ -0,0 +1,87 @@ + + +
+ + + +인기 상품을
확인해 보세요
가장 HOT한 중고거래 물품을
팬다 마켓에서 확인해 보세요
구매를 원하는
상품을 검색하세요
구매하고 싶은 물품은 검색해서
쉽게 찾아보세요
판매를 원하는
상품을 등록하세요
어떤 물건이든 판매하고 싶은 상품을 쉽게 등록하세요
+