codeit-bootcamp-frontend · hoody-jellybean · Aug 18, 2024 · Aug 15, 2024 · Aug 15, 2024 · Aug 15, 2024
diff --git a/FAQ.html b/FAQ.html
@@ -1,3 +1,32 @@
-<h1>
-    FAQ
-</h1>
+<!-- 
+    <VS Code에서 HTML 기본구조 자동생성하기>
+
+    - `!` 입력 후 tab 키를 누르면 HTML 기본 양식이 입력됩니다.
+
+    - 이때, <html lang="en"> 부분을 매번 lang="ko"로 바꾸는 것이 번거로우니 양식을 바꿔봅시다.
+      command/ctrl + 쉼표 를 눌러 VS Code 설정창을 열고 emmet을 검색해 주세요. 
+      스크롤을 내려 Emmet: Variables 섹션에 Add Item을 누르고 lang Item의 Value를 ko로 바꿔 입력해 주세요. 
+      마지막으로 Add Item 버튼을 눌러 저장하면 끝!
+-->
+
+<!DOCTYPE html>
+<html lang="ko">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <!-- 기본 양식 생성 후, 제목을 수정하고 해당 페이지에 적용할 파비콘 및 스타일시트를 추가해 주세요. -->
+    <title>판다마켓 - FAQ</title>
+    <link rel="icon" href="images/logo/favicon.ico" />
+    <link
+      rel="stylesheet"
+      as="style"
+      crossorigin
+      href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard.min.css"
+    />
+    <link rel="stylesheet" href="styles/global.css" />
+  </head>
+
+  <body>
+    <h1>임시 FAQ 페이지</h1>
+  </body>
+</html>
diff --git a/ROKAF_Sans_Medium.ttf b/ROKAF_Sans_Medium.ttf
diff --git a/Group_22.png → image/Group_22.png b/Group_22.png → image/Group_22.png
diff --git a/Img_home_bottom.png → image/Img_home_bottom.png b/Img_home_bottom.png → image/Img_home_bottom.png
diff --git a/Img_home_top.png → image/Img_home_top.png b/Img_home_top.png → image/Img_home_top.png
diff --git a/image/btn_visibility_off_24px.svg b/image/btn_visibility_off_24px.svg
diff --git a/desktop_02.png → image/desktop_02.png b/desktop_02.png → image/desktop_02.png
diff --git a/desktop_03.png → image/desktop_03.png b/desktop_03.png → image/desktop_03.png
diff --git a/desktop_04.png → image/desktop_04.png b/desktop_04.png → image/desktop_04.png
diff --git a/facebook.png → image/facebook.png b/facebook.png → image/facebook.png
diff --git a/instagram.png → image/instagram.png b/instagram.png → image/instagram.png
diff --git a/image/login_google.svg b/image/login_google.svg
diff --git a/image/login_kakao.svg b/image/login_kakao.svg
diff --git a/image/login_logo.svg b/image/login_logo.svg
diff --git a/image/logo.svg b/image/logo.svg
diff --git a/twitter.png → image/twitter.png b/twitter.png → image/twitter.png
diff --git a/youtube.png → image/youtube.png b/youtube.png → image/youtube.png
diff --git a/index.html b/index.html
@@ -4,58 +4,60 @@
         <meta charset="UTF-8">
         <title>판다 마켓</title>
         <link rel="stylesheet" href="style.css">
+        <link
+            rel="stylesheet"
+            href="https://cdn.jsdelivr.net/npm/[email protected]/reset.min.css"
+        />
     </head>
     <body>
         <div class="navbar">
             <div class="logo">
-                <img src="Group_22.png">
-                <a href="/" class="title-logo">판다 마켓</a>
+                <img src="image/Group_22.png">
+                <a href ="/">
+                    <img src="image/logo.svg" class="logotxt"></img>
+                </a>
             </div>
             <div>
-                <button class="navbtn">
-                    <a href="login.html">로그인</a>
-                </button>
+                <button class="navbtn txt" onclick="location.href='login.html'">로그인</button>
             </div>
         </div>
         <div class="top-back">
             <div class="txtbtn">
                 <span class="top-text">일상의 모든 물건을 <br> 거래해 보세요</span>
-                <button class="topbtn">
-                    <a href="lookaround.html">구경하러 가기</a>
-                </button>
+                <button class="topbtn txt" onclick="location.href='lookaround.html'">구경하러 가기</button>
             </div>
-            <img src="Img_home_top.png" class="top-img">
+            <img src="image/Img_home_top.png" class="top-img">
         </div>
         <div class="floor-box">
-            <img src="desktop_02.png" class="secondimg">
+            <img src="image/desktop_02.png" class="secondimg">
         </div>
         <div class="floor-box">
-            <img src="desktop_03.png" class="thirdimg">
+            <img src="image/desktop_03.png" class="thirdimg">
         </div>
         <div class="floor-box">
-            <img src="desktop_04.png" class="fourthimg">
+            <img src="image/desktop_04.png" class="fourthimg">
         </div>
         <div class="blank"></div>
         <div class="bottom-back">
             <span class="bottom-text">믿을 수 있는 <br>판다마켓 중고 거래</span>
-            <img src="Img_home_bottom.png" class="bottomimg">
+            <img src="image/Img_home_bottom.png" class="bottomimg">
         </div>
         <footer class="foot">
             <div class="foot-txt">
                 <span>©codeit - 2024</span>
                 <div class="active-txt">
                     <span class="distan">
-                    <a href="privacy_policy.html">Privacy Policy</a>
+                    <a href="privacy_policy.html" class = "txt">Privacy Policy</a>
                     </span>
                     <span class="distan">
-                    <a href="FAQ.html">FAQ</a>
+                    <a href="faq.html" class = "txt">FAQ</a>
                     </span>
                 </div>
                 <span>
-                    <img src="facebook.png">
-                    <img src="twitter.png">
-                    <img src="youtube.png">
-                    <img src="instagram.png">
+                    <img src="image/facebook.png">
+                    <img src="image/twitter.png">
+                    <img src="image/youtube.png">
+                    <img src="image/instagram.png">
                 </span>
             </div>
         </footer>