edit : social-login / add : items.html

codeit-bootcamp-frontend · Aug 17, 2024 · 6c75923 · 6c75923
1 parent b5218b4
commit 6c75923
Show file tree

Hide file tree

Showing 7 changed files with 39 additions and 18 deletions.
diff --git a/images/btn_visibility_off_24px.png b/images/btn_visibility_off_24px.png
diff --git a/images/btn_visibility_on_24px.png b/images/btn_visibility_on_24px.png
diff --git a/index.html b/index.html
@@ -26,7 +26,7 @@
     <div class="main-box">
        <div class="main-box-kid1">
          <p class="main-box-kid1-p">일상의 모든 물건을<br> 거래해 보세요</p>
-         <a href="/items">
+         <a href="items.html">
           <img class="sightseeing cursor_pointer" src="images/btn_large.png" alt="구경하러 가기 버튼">
          </a>
        </div>
@@ -84,10 +84,10 @@
             @codeit - 2024
         </div>
         <div class="footer-kid2">
-            <a class="footer-kid-a cursor_pointer" href="/privacy">
+            <a class="footer-kid-a cursor_pointer" href="privacy.html">
               Privacy Policy 
             </a>
-            <a class="footer-kid-a cursor_pointer" href="/faq">
+            <a class="footer-kid-a cursor_pointer" href="faq.html">
               FAQ
             </a>
         </div>
@@ -107,5 +107,6 @@
         </div>
       </div>
     </footer>
+    <script src="index.js"></script>
 </body>
 </html>
diff --git a/items.html b/items.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="ko">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>판다마켓 - 상품 리스트</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>임시 상품 리스트 페이지</h1>
+  </body>
+</html>
diff --git a/login.html b/login.html
@@ -22,7 +22,7 @@
          <img class="login-logo2" src="images/pandamarket.png" alt="판다마켓 글씨 그림">
         </a>
       </div>
-      <div class="email-pw-box">
+      <div class="form-box">
         <form>
           <label>이메일</label>
           <input
@@ -38,13 +38,13 @@
           />
       </div>
       <button>로그인</button>
-      <div class="login-3rd-box">
-        <p class="login-3rd-p">간편 로그인하기</p>
-        <div class="login-3rd-link">
-          <a class="login-3rd google" href="/google">
+      <div class="social-login-box">
+        <p class="social-login-p">간편 로그인하기</p>
+        <div class="social-login-link">
+          <a class="social-login google" href="https://accounts.google.com/ServiceLogin?hl=ko&passive=true">
            <img src="images/Component 2.png" alt="구글 로그인">
           </a>
-          <a class="login-3rd kakao" href="/kakaotalk">
+          <a class="social-login kakao" href="https://accounts.kakao.com/login">
            <img src="images/Component 3.png" alt="카카오톡 로그인">
           </a>
         </div>

diff --git a/signup.html b/signup.html
@@ -22,7 +22,7 @@
          <img class="login-logo2" src="images/pandamarket.png" alt="판다마켓 글씨 그림">
         </a>
       </div>
-      <div class="email-pw-box">
+      <div class="form-box">
         <form>
           <label>이메일</label>
           <input
@@ -50,13 +50,13 @@
           />
       </div>
       <button>회원가입</button>
-      <div class="login-3rd-box">
-        <p class="login-3rd-p">간편 로그인하기</p>
-        <div class="login-3rd-link">
-          <a class="login-3rd google" href="/google">
+      <div class="social-login-box">
+        <p class="social-login-p">간편 로그인하기</p>
+        <div class="social-login-link">
+          <a class="social-login google" href="https://accounts.google.com/ServiceLogin?hl=ko&passive=true">
            <img src="images/Component 2.png" alt="구글 로그인">
           </a>
-          <a class="login-3rd kakao" href="/kakaotalk">
+          <a class="social-login kakao" href="https://accounts.kakao.com/login">
            <img src="images/Component 3.png" alt="카카오톡 로그인">
           </a>
         </div>

diff --git a/styles/login-signup.css b/styles/login-signup.css
@@ -65,7 +65,7 @@
   justify-content: center;
 }
 
-.email-pw-box {
+.form-box {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -124,7 +124,7 @@ button.active {
 }
 
 
-.login-3rd-box {
+.social-login-box {
   background-color: #e6f2ff;
   border-radius: 8px;
   display: flex;
@@ -138,7 +138,7 @@ button.active {
 }
 
 
-.login-3rd {
+.social-login {
   text-decoration: none;
 }