-
Notifications
You must be signed in to change notification settings - Fork 35
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #135 from gjrefa9139/Basic-조규진-sprint4
[조규진]Sprint4
- Loading branch information
Showing
18 changed files
with
422 additions
and
226 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -3,19 +3,18 @@ | |
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<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"> | ||
<link rel="stylesheet" href="styles/pandaaaa.css"> | ||
<link rel="icon" href="images/panda/favicon.ico"> | ||
<meta property="og:type" content="website"> | ||
<meta property="og:url" content="https://codeit8-sprint-mission-jgj.netlify.app/"> | ||
<meta property="og:title" content="판다마켓 - FAQ"> | ||
<meta property="og:image" content="images/pandamarket/og-image.png"> | ||
<meta property="og:description" content="일상의 모든 물건을 거래해 보세요"> | ||
<title>판다마켓 - FAQ</title> | ||
<link rel="icon" href="images/pandamarket/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/panda.css"> | ||
</head> | ||
|
||
<body> | ||
<img src="images/panda/panda_logo.png" alt="판다마켓"> | ||
<a href="/"></a> | ||
</body> | ||
</html> |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -3,87 +3,74 @@ | |
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<link | ||
rel="stylesheet" | ||
as="style" | ||
crossorigin | ||
href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard.min.css" | ||
> | ||
<meta property="og:type" content="website"> | ||
<meta property="og:url" content="https://codeit8-sprint-mission-jgj.netlify.app/"> | ||
<meta property="og:title" content="판다마켓"> | ||
<meta property="og:image" content="images/pandamarket/og-image.png"> | ||
<meta property="og:description" content="일상의 모든 물건을 거래해 보세요"> | ||
<title>판다마켓</title> | ||
<link rel="icon" href="images/pandamarket/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"> | ||
<link rel="stylesheet" href="styles/home.css"> | ||
<link rel="icon" href="images/panda/panda.png"> | ||
<title>판다마켓</title> | ||
</head> | ||
|
||
<body> | ||
<header> | ||
<a href="/"> | ||
<img | ||
src="images/panda/panda_logo.png" | ||
alt="판다마켓 홈" | ||
width="153" | ||
> | ||
<a href="/" aria-label="홈으로 이동"> | ||
<img src="images/pandamarket/logo.svg" alt="판다마켓 로고"> | ||
</a> | ||
<a href="login.html" class="button login">로그인</a> | ||
</header> | ||
|
||
<main> | ||
<section class="banner hero"> | ||
<div class="wrapper"> | ||
<h1> | ||
<h2> | ||
일상의 모든 물건을<br> | ||
거래해 보세요 | ||
</h1> | ||
</h2> | ||
<a href="items.html" class="button pill">구경하러 가기</a> | ||
</div> | ||
</section> | ||
|
||
<section class="wrapper features"> | ||
<div class="feature"> | ||
<img | ||
src="images/home/feature1_hot_item.png" | ||
alt="인기 상품" | ||
> | ||
<img src="images/home/feature1_hot_item.png" alt="인기 상품"> | ||
<div class="feature-content"> | ||
<h2 class="feature-tag">Hot item</h2> | ||
<h1> | ||
<h3>Hot Item</h3> | ||
<h2> | ||
인기 상품을<br> | ||
확인해 보세요 | ||
</h1> | ||
</h2> | ||
<p class="feature-description"> | ||
가장 HOT한 중고거래 물품을<br> | ||
판다마켓에서 확인해 보세요 | ||
</p> | ||
</div> | ||
</div> | ||
<div class="feature"> | ||
<img src="images/home/feature2_search.png" alt="검색 기능"> | ||
<div class="feature-content"> | ||
<h2 class="feature-tag">Search</h2> | ||
<h1> | ||
<h3>Search</h3> | ||
<h2> | ||
구매를 원하는<br> | ||
상품을 검색하세요 | ||
</h1> | ||
</h2> | ||
<p class="feature-description"> | ||
구매하고 싶은 물품은 검색해서<br> | ||
쉽게 찾아보세요 | ||
</p> | ||
</div> | ||
<img | ||
src="images/home/feature2_search.png" | ||
alt="검색 기능" | ||
> | ||
</div> | ||
<div class="feature"> | ||
<img | ||
src="images/home/feature3_register.png" | ||
alt="판매 상품 등록" | ||
> | ||
<img src="images/home/feature3_register.png" alt="판매 상품 등록"> | ||
<div class="feature-content"> | ||
<h2 class="feature-tag">Register</h2> | ||
<h1> | ||
<h3>Register</h3> | ||
<h2> | ||
판매를 원하는<br> | ||
상품을 등록하세요 | ||
</h1> | ||
</h2> | ||
<p class="feature-description"> | ||
어떤 물건이든 판매하고 싶은 상품을<br> | ||
쉽게 등록하세요 | ||
|
@@ -94,21 +81,21 @@ <h1> | |
|
||
<section class="banner bottom"> | ||
<div class="wrapper"> | ||
<h1> | ||
<h2> | ||
믿을 수 있는<br> | ||
판다마켓 중고거래 | ||
</h1> | ||
</h2> | ||
</div> | ||
</section> | ||
</main> | ||
|
||
<footer> | ||
<div>©codeit - 2024</div> | ||
<div class="footerMenu"> | ||
<address>©codeit - 2024</address> | ||
<div class="footer-menu"> | ||
<a href="privacy.html">Privacy Policy</a> | ||
<a href="faq.html">FAQ</a> | ||
</div> | ||
<div class="socialMedia"> | ||
<nav class="social-media"> | ||
<a href="https://www.facebook.com/" target="_blank" rel="noopener noreferrer"> | ||
<img src="images\social\ic_facebook.png" alt="페이스북" width="20px"> | ||
</a> | ||
|
@@ -121,7 +108,7 @@ <h1> | |
<a href="https://www.instagram.com/" target="_blank" rel="noopener noreferrer"> | ||
<img src="images\social\ic_instagram.png" alt="인스타그램" width="20px"> | ||
</a> | ||
</div> | ||
</nav> | ||
</footer> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -3,19 +3,18 @@ | |
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<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"> | ||
<link rel="stylesheet" href="styles/pandaaaa.css"> | ||
<link rel="icon" href="images/panda/favicon.ico"> | ||
<meta property="og:type" content="website"> | ||
<meta property="og:url" content="https://codeit8-sprint-mission-jgj.netlify.app/"> | ||
<meta property="og:title" content="판다마켓 - 상품 리스트"> | ||
<meta property="og:image" content="images/pandamarket/og-image.png"> | ||
<meta property="og:description" content="일상의 모든 물건을 거래해 보세요"> | ||
<title>판다마켓 - 상품 리스트</title> | ||
<link rel="icon" href="images/pandamarket/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/panda.css"> | ||
</head> | ||
|
||
<body> | ||
<img src="images/panda/panda_logo.png" alt="판다마켓"> | ||
<a href="/"></a> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -3,37 +3,36 @@ | |
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<link | ||
rel="stylesheet" | ||
as="style" | ||
crossorigin | ||
href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard.min.css" | ||
> | ||
<meta property="og:type" content="website"> | ||
<meta property="og:url" content="https://codeit8-sprint-mission-jgj.netlify.app/"> | ||
<meta property="og:title" content="판다마켓 - 로그인"> | ||
<meta property="og:image" content="images/pandamarket/og-image.png"> | ||
<meta property="og:description" content="일상의 모든 물건을 거래해 보세요"> | ||
<title>판다마켓 - 로그인</title> | ||
<link rel="icon" href="images/pandamarket/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"> | ||
<link rel="stylesheet" href="styles/auth.css"> | ||
<link rel="icon" href="images/panda/panda.png"> | ||
<title>판다마켓 - 로그인</title> | ||
</head> | ||
|
||
<body> | ||
<main class="auth-container"> | ||
<a | ||
href="/" | ||
class="home-logo" | ||
aria-label="홈으로 이동" | ||
> | ||
<img src="images/panda/panda_logo.png" alt="판다마켓 홈"> | ||
<a href="/" class="home-logo" aria-label="홈으로 이동"> | ||
<img src="images/pandamarket/logo.svg" alt="판다마켓 로고"> | ||
</a> | ||
|
||
<form method="post"> | ||
<form id="login" method="post"> | ||
<div class="input-info"> | ||
<label for="email">이메일</label> | ||
<input | ||
id="email" | ||
name="email" | ||
type="email" | ||
placeholder="이메일을 입력해 주세요" | ||
> | ||
required | ||
> | ||
<span id="emailEmptyError" class="error-message">이메일을 입력해 주세요</span> | ||
<span id="emailInvalidError" class="error-message">잘못된 이메일 형식입니다</span> | ||
</div> | ||
<div class="input-info"> | ||
<label for="password">비밀번호</label> | ||
|
@@ -43,37 +42,30 @@ | |
name="password" | ||
type="password" | ||
placeholder="비밀번호를 입력해 주세요" | ||
> | ||
<img | ||
src="images/icon/invisible.png" | ||
alt="비밀번호 숨김" | ||
class="toggle-password" | ||
width="24" | ||
> | ||
required | ||
> | ||
<button | ||
type="button" | ||
class="password-toggle-button" | ||
aria-label="비밀번호 보기" | ||
> | ||
<img class="password-toggle-icon" src="images/icon/invisible.png" alt="비밀번호 숨김 상태 아이콘" width="24"> | ||
</button> | ||
</div> | ||
<span id="passwordEmptyError" class="error-message">비밀번호를 입력해 주세요</span> | ||
<span id="passwordInvalidError" class="error-message">비밀번호를 8자 이상 입력해 주세요</span> | ||
</div> | ||
|
||
<button type="submit" class="button pill"> | ||
로그인 | ||
</button> | ||
<button type="submit" class="button pill">로그인</button> | ||
</form> | ||
|
||
<div class="social-login"> | ||
<h3>간편 로그인하기</h3> | ||
<h2>간편 로그인하기</h2> | ||
<div class="social-login-buttons"> | ||
<a href="https://www.google.com/" target="_blank" rel="noopener noreferrer"> | ||
<img | ||
src="images/social/ic_google.png" | ||
alt="구글 로그인" | ||
width="42" | ||
> | ||
<a href="https://www.google.com/" target="_blank" rel="noopener noreferrer" aria-label="구글 로그인"> | ||
<img src="images/social/ic_google.png" alt="구글 아이콘" width="42" > | ||
</a> | ||
<a href="https://www.kakaocorp.com/page/" target="_blank" rel="noopener noreferrer"> | ||
<img | ||
src="images/social/ic_kakaotalk.png" | ||
alt="카카오톡 로그인" | ||
width="42" | ||
> | ||
<a href="https://www.kakaocorp.com/page/" target="_blank" rel="noopener noreferrer" aria-label="카카오톡 로그인"> | ||
<img src="images/social/ic_kakaotalk.png" alt="카카오톡 아이콘" width="42" > | ||
</a> | ||
</div> | ||
</div> | ||
|
@@ -82,6 +74,7 @@ <h3>간편 로그인하기</h3> | |
판다마켓이 처음이신가요? | ||
<a href="singin.html">회원가입</a> | ||
</div> | ||
</mian> | ||
</main> | ||
<script src="scripts/auth.js"></script> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -3,19 +3,18 @@ | |
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<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"> | ||
<link rel="stylesheet" href="styles/pandaaaa.css"> | ||
<link rel="icon" href="images/panda/favicon.ico"> | ||
<meta property="og:type" content="website"> | ||
<meta property="og:url" content="https://codeit8-sprint-mission-jgj.netlify.app/"> | ||
<meta property="og:title" content="판다마켓 - 이용약관"> | ||
<meta property="og:image" content="images/pandamarket/og-image.png"> | ||
<meta property="og:description" content="일상의 모든 물건을 거래해 보세요"> | ||
<title>판다마켓 - 이용약관</title> | ||
<link rel="icon" href="images/pandamarket/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/panda.css"> | ||
</head> | ||
|
||
<body> | ||
<img src="images/panda/panda_logo.png" alt="판다마켓"> | ||
<a href="/"></a> | ||
</body> | ||
</html> |
Oops, something went wrong.