codeit-bootcamp-frontend · minim1nh · Aug 10, 2024 · Aug 10, 2024 · Aug 10, 2024 · Aug 10, 2024
diff --git a/.DS_Store b/.DS_Store
diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
@@ -1,27 +1,31 @@
 ## 요구사항
 
 ### 기본
-
-- [x]
-- []
-- []
+ - [x] PC사이즈만 고려해 주어진 디자인을 구현합니다.<br>
+ - [x] HTML, CSS 파일을 Netlify로 배포해 주세요. 배포주소: https://sprint-sujin-1.netlify.app/<br>
+- [x]  랜딩 페이지의 url path는 루트(‘/’) 입니다.<br>
+- [x]  title은 “판다마켓”으로 설정해 주세요.[ㅇ]<br>
+ - [x] 화면의 너비가 1920px 이상이면 하늘색 배경색은 너비를 꽉 채우도록 채워지고, 내부 요소들의 위치는 고정되고, 여백만 커지도록 해주세요.<br>
+- [ ]  화면의 너비가 1920px 보다 작아질 때, “판다마켓” 로고의 왼쪽 여백 200px“로그인" 버튼의 오른쪽 여백 200px이 유지되고, 
+ 화면의 너비가 작아질수록 두 요소간 거리가 가까워지도록 해주세요. <br>
+ - [x] 클릭으로 기능이 동작해야 하는 경우, 사용자가 클릭할 수 있는 요소임을 알 수 있도록 cursor: pointer를 설정해 주세요.<br>
+- [x]  “판다마켓” 클릭 시 루트 페이지(‘/’)로 이동시켜주세요.<br>
+ - [x] “구경하러 가기" 클릭 시 (“/items”)페이지로 이동시켜주세요.(빈 페이지)<br>
+ - [x] “로그인”버튼 클릭 시 로그인 페이지(‘/login’)로 이동합니다.<br>
+- [x]  “구경하러가기”버튼 클릭 시(’/items’)로 이동합니다.<br>
+- [x]  페이스북, 트위터, 유튜브, 인스타그램 아이콘은 클릭 시 각각의 홈페이지로 새로운 창이 열리면서 이동 합니다.<br>
+ - [x] “Privacy Policy”, “FAQ”는 클릭 시 각각 아래 페이지로 이동합니다 - Privacy 페이지(‘/privacy’), FAQ 페이지(‘/faq’)<br>
 
 ### 심화
 
-- [x]
-- []
 
 ## 주요 변경사항
 
--
--
 
 ## 스크린샷
 
-![image](이미지url)
+(![sprint-sujin-1 netlify app_ (2)](https://github.com/user-attachments/assets/7135e536-adde-4cdf-804d-3b6c6a8e85a2)
+)
 
 ## 멘토에게
-
--
--
-- 셀프 코드 리뷰를 통해 질문 이어가겠습니다.
+화면 넓이에 문제가 있습니다 코드 리뷰 전까지 수정하겠습니다 
diff --git a/1-sprint-mission/.DS_Store b/1-sprint-mission/.DS_Store
diff --git a/1-sprint-mission/images/.DS_Store b/1-sprint-mission/images/.DS_Store
diff --git a/1-sprint-mission/images/Img_home_01.png b/1-sprint-mission/images/Img_home_01.png
diff --git a/1-sprint-mission/images/Img_home_02.png b/1-sprint-mission/images/Img_home_02.png
diff --git a/1-sprint-mission/images/Img_home_03.png b/1-sprint-mission/images/Img_home_03.png
diff --git a/1-sprint-mission/images/Img_home_bottom.png b/1-sprint-mission/images/Img_home_bottom.png
diff --git a/1-sprint-mission/images/Img_home_top.png b/1-sprint-mission/images/Img_home_top.png
diff --git a/1-sprint-mission/images/Property 1=md-1.png b/1-sprint-mission/images/Property 1=md-1.png
diff --git a/1-sprint-mission/images/Property 1=md.svg b/1-sprint-mission/images/Property 1=md.svg
diff --git a/1-sprint-mission/images/Property [email protected] b/1-sprint-mission/images/Property [email protected]
diff --git a/1-sprint-mission/images/Property [email protected] b/1-sprint-mission/images/Property [email protected]
diff --git a/1-sprint-mission/images/Property 1=sm-1.png b/1-sprint-mission/images/Property 1=sm-1.png
diff --git a/1-sprint-mission/images/Property 1=sm.svg b/1-sprint-mission/images/Property 1=sm.svg
diff --git a/1-sprint-mission/images/Property [email protected] b/1-sprint-mission/images/Property [email protected]
diff --git a/1-sprint-mission/images/Property [email protected] b/1-sprint-mission/images/Property [email protected]
diff --git a/1-sprint-mission/images/banner1.png b/1-sprint-mission/images/banner1.png
diff --git a/1-sprint-mission/images/banner2.png b/1-sprint-mission/images/banner2.png
diff --git a/1-sprint-mission/images/banner3.png b/1-sprint-mission/images/banner3.png
diff --git a/1-sprint-mission/images/banner4.png b/1-sprint-mission/images/banner4.png
diff --git a/1-sprint-mission/images/banner5.png b/1-sprint-mission/images/banner5.png
diff --git a/1-sprint-mission/images/ic_facebook copy.png b/1-sprint-mission/images/ic_facebook copy.png
diff --git a/1-sprint-mission/images/ic_facebook.png b/1-sprint-mission/images/ic_facebook.png
diff --git a/1-sprint-mission/images/ic_instagram.png b/1-sprint-mission/images/ic_instagram.png
diff --git a/1-sprint-mission/images/ic_twitter.png b/1-sprint-mission/images/ic_twitter.png
diff --git a/1-sprint-mission/images/ic_youtube.png b/1-sprint-mission/images/ic_youtube.png
diff --git a/1-sprint-mission/images/login1.png b/1-sprint-mission/images/login1.png
diff --git a/1-sprint-mission/images/login2.png b/1-sprint-mission/images/login2.png
diff --git a/1-sprint-mission/images/login3.png b/1-sprint-mission/images/login3.png
diff --git a/1-sprint-mission/images/login4.png b/1-sprint-mission/images/login4.png
diff --git a/1-sprint-mission/images/logopanda.png b/1-sprint-mission/images/logopanda.png
diff --git a/1-sprint-mission/images/logopanda1.png b/1-sprint-mission/images/logopanda1.png
diff --git a/1-sprint-mission/images/logopanda2x.png b/1-sprint-mission/images/logopanda2x.png
diff --git a/1-sprint-mission/images/logopanda3x.png b/1-sprint-mission/images/logopanda3x.png
diff --git a/1-sprint-mission/images/logopandal2x.png b/1-sprint-mission/images/logopandal2x.png
diff --git a/1-sprint-mission/images/logopandal3x.png b/1-sprint-mission/images/logopandal3x.png
diff --git a/1-sprint-mission/images/logopandamd.png b/1-sprint-mission/images/logopandamd.png
diff --git a/1-sprint-mission/images/logopandas.png b/1-sprint-mission/images/logopandas.png
diff --git a/1-sprint-mission/images/logopandas2x.png b/1-sprint-mission/images/logopandas2x.png
diff --git a/1-sprint-mission/images/mobile_01.png b/1-sprint-mission/images/mobile_01.png
diff --git a/1-sprint-mission/images/mobile_02.png b/1-sprint-mission/images/mobile_02.png
diff --git a/1-sprint-mission/images/mobile_03.png b/1-sprint-mission/images/mobile_03.png
diff --git a/1-sprint-mission/images/mobile_04.png b/1-sprint-mission/images/mobile_04.png
diff --git a/1-sprint-mission/images/mobile_05.png b/1-sprint-mission/images/mobile_05.png
diff --git a/1-sprint-mission/images/namepanda1.png b/1-sprint-mission/images/namepanda1.png
diff --git a/1-sprint-mission/images/namepanda2.png b/1-sprint-mission/images/namepanda2.png
diff --git a/1-sprint-mission/images/namepanda3.png b/1-sprint-mission/images/namepanda3.png
diff --git a/1-sprint-mission/images/shopping.png b/1-sprint-mission/images/shopping.png
diff --git a/1-sprint-mission/images/state=active, size=large.png b/1-sprint-mission/images/state=active, size=large.png
diff --git a/1-sprint-mission/images/state=active, size=small.png b/1-sprint-mission/images/state=active, size=small.png
diff --git a/1-sprint-mission/images/state=click.png b/1-sprint-mission/images/state=click.png
diff --git a/1-sprint-mission/images/state=hover.png b/1-sprint-mission/images/state=hover.png
diff --git a/1-sprint-mission/images/state=inactive, size=large.png b/1-sprint-mission/images/state=inactive, size=large.png
diff --git a/1-sprint-mission/images/state=inactive, size=small.png b/1-sprint-mission/images/state=inactive, size=small.png
diff --git a/1-sprint-mission/images/state=inactive.png b/1-sprint-mission/images/state=inactive.png
diff --git a/1-sprint-mission/images/status=active, type=outlined-white.png b/1-sprint-mission/images/status=active, type=outlined-white.png
diff --git a/1-sprint-mission/images/status=active, type=outlined.png b/1-sprint-mission/images/status=active, type=outlined.png
diff --git a/1-sprint-mission/images/status=click, type=outlined.png b/1-sprint-mission/images/status=click, type=outlined.png
diff --git a/1-sprint-mission/images/status=hover, type=outlined.png b/1-sprint-mission/images/status=hover, type=outlined.png
diff --git a/1-sprint-mission/images/status=inactive, type=outlined.png b/1-sprint-mission/images/status=inactive, type=outlined.png
diff --git a/1-sprint-mission/images/tablet_01.png b/1-sprint-mission/images/tablet_01.png
diff --git a/1-sprint-mission/images/tablet_02.png b/1-sprint-mission/images/tablet_02.png
diff --git a/1-sprint-mission/images/tablet_03.png b/1-sprint-mission/images/tablet_03.png
diff --git a/1-sprint-mission/images/tablet_04.png b/1-sprint-mission/images/tablet_04.png
diff --git a/1-sprint-mission/images/tablet_05.png b/1-sprint-mission/images/tablet_05.png
diff --git a/1-sprint-mission/index.html b/1-sprint-mission/index.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+  <meta charset="utf-8">
+  <title>판다마켓</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <main>
+  <header>
+    <div class="top">
+      <a href="/" target="_blank">
+        <img class="click" src="images/logopandas.png" alt="판다마켓">
+      </a>
+      <a href="/login" target="_blank">
+        <img class="click" src="images/login2.png" alt="로그인">
+      </a>
+    </div>
+  </header>
+  <section>
+    <div class="tlogos">
+      <div class="fimages">
+        <h1 class="word1">일상의 모든 물건을<br>거래해보세요</h1>
+        <a href="/items" target="_blank">
+          <img class="click" src="images/shopping.png" alt="구경하러 가기">
+        </a>
+      </div>
+      <img src="images/Img_home_top.png" alt="곰돌이">
+    </div>
+  </section>
+      <div class="mainsqua">
+        <div class="squa1">
+          <img src="images/Img_home_01.png" alt="옷">
+          <div class="ments1">
+            <p>Hot item</p>
+            <h1 class="word1">인기 상품을<br>확인해보세요</h1>
+            <h2 class="mword2">가장 HOT한 중고거래 물품을<br>판다 마켓에서 확인해 보세요</h2>
+          </div>
+        </div>
+        <div class="squa2">
+          <div class="ments2">
+            <p class="rp">Search</p>
+            <h1 class="rword1">구매를 원하는<br>상품을 검색하세요</h1>
+            <h2 class="rmword2">구매하고 싶은 물품은 검색해서<br>쉽게 찾아보세요</h2>
+          </div>
+          <img src="images/Img_home_02.png" alt="구매">
+        </div>
+        <div class="squa3">
+        <img src="images/Img_home_03.png" alt="판매">
+          <div class="ments3">
+            <p>Reglster</p>
+            <h1 class="word1">판매를 원하는<br>상품을 검색하세요</h1>
+            <h2 class="mword2">어떤 물건이든 판매하고 싶은 상품을<br>쉽게 등록하세요</h2>
+        </div>
+      </div>
+      <section>
+        <div class="blogos">
+          <h1 class="word1">믿을 수 있는<br>판다마켓 중고 거래</h1>
+          <img src="images/Img_home_bottom.png" alt="곰돌이">
+         </div>
+      </section> 
+      <div class="bottom">
+        <div class="bbottom">
+          <h3 class="gray">©codeit - 2024</h3>
+          <div class="centerw">
+            <a href="/privacy">
+              <h3 class="white">Privacy Policy</h3>
+            </a>
+            <a href="/faq">
+              <h3 class="white">FAQ</h3>
+            </a>
+          </div>
+          <div class="icons">
+            <a href="http://www.facebook.com/" target="_blank">
+              <img class="click" src="images/ic_facebook.png" alt="페이스북">
+            </a>
+            <a href="http://www.x.com/" target="_blank">
+              <img class="click" src="images/ic_twitter.png" alt="x">
+            </a>
+            <a href="http://www.youtube.com/" target="_blank">
+              <img class="click" src="images/ic_youtube.png" alt="x">
+            </a>
+            <a href="http://www.instagram.com/" target="_blank">
+              <img class="click" src="images/ic_instagram.png" alt="x">
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </main>
+</body>
+</html>