Skip to content

Commit

Permalink
Merge pull request #135 from gjrefa9139/Basic-조규진-sprint4
Browse files Browse the repository at this point in the history
[조규진]Sprint4
  • Loading branch information
201steve authored Jun 18, 2024
2 parents d210bc0 + a0031d5 commit 8173c11
Show file tree
Hide file tree
Showing 18 changed files with 422 additions and 226 deletions.
19 changes: 9 additions & 10 deletions faq.html
Original file line number Diff line number Diff line change
Expand Up @@ -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 removed images/panda/panda.png
Binary file not shown.
Binary file removed images/panda/panda_logo.png
Binary file not shown.
Binary file removed images/panda/pandamarket.png
Binary file not shown.
Binary file added images/pandamarket/favicon.ico
Binary file not shown.
15 changes: 15 additions & 0 deletions images/pandamarket/logo.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/pandamarket/og-image.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
73 changes: 30 additions & 43 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -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>
쉽게 등록하세요
Expand All @@ -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>
Expand All @@ -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>
19 changes: 9 additions & 10 deletions items.html
Original file line number Diff line number Diff line change
Expand Up @@ -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>
75 changes: 34 additions & 41 deletions login.html
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand All @@ -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>
Expand All @@ -82,6 +74,7 @@ <h3>간편 로그인하기</h3>
판다마켓이 처음이신가요?
<a href="singin.html">회원가입</a>
</div>
</mian>
</main>
<script src="scripts/auth.js"></script>
</body>
</html>
19 changes: 9 additions & 10 deletions privacy.html
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Loading

0 comments on commit 8173c11

Please sign in to comment.