Skip to content

Commit 096aa17

Browse files
baeggminbaeggmin
authored
Merge pull request #39 from jaewon8405/Basic-이재원-sprint2
[이재원] sprint2
2 parents 8e22feb + ff35077 commit 096aa17

25 files changed

+591
-405
lines changed

‎faq.html

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<!DOCTYPE html>
2+
<html lang="ko">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>판다마켓 - FAQ</title>
7+
<link rel="icon" href="images/logo/favicon.ico" />
8+
<link
9+
rel="stylesheet"
10+
as="style"
11+
crossorigin
12+
href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css"
13+
/>
14+
<link rel="stylesheet" href="styles/global.css" />
15+
</head>
16+
17+
<body>
18+
<h1>임시 FAQ 페이지</h1>
19+
</body>
20+
</html>

‎images/google.png

4.22 KB
Loading

‎images/home/bottom-banner-image.png

70.4 KB
Loading

‎images/home/feature1-image.png

24.7 KB
Loading

‎images/home/feature2-image.png

30.3 KB
Loading

‎images/home/feature3-image.png

20.8 KB
Loading

‎images/home/hero-image.png

69.7 KB
Loading

‎images/kakao.png

3.22 KB
Loading

‎images/logo/favicon.ico

15 KB
Binary file not shown.

‎images/logo/panda-market-logo.png

2.89 KB
Loading

‎images/password-icon1.png

974 Bytes
Loading

‎images/password-icon2.png

935 Bytes
Loading

‎images/social/facebook-logo.svg

Lines changed: 3 additions & 0 deletions
Loading

‎images/social/instagram-logo.svg

Lines changed: 3 additions & 0 deletions
Loading

‎images/social/twitter-logo.svg

Lines changed: 3 additions & 0 deletions
Loading

‎images/social/youtube-logo.svg

Lines changed: 10 additions & 0 deletions
Loading

‎index.html

Lines changed: 111 additions & 97 deletions
Original file line numberDiff line numberDiff line change
@@ -3,119 +3,133 @@
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<link rel="stylesheet" href="style.css" />
76
<title>판다마켓</title>
7+
<link rel="icon" href="images/logo/favicon.ico" />
8+
<link
9+
rel="stylesheet"
10+
as="style"
11+
crossorigin
12+
href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css"
13+
/>
14+
<link rel="stylesheet" href="styles/global.css" />
15+
<link rel="stylesheet" href="styles/home.css" />
816
</head>
17+
918
<body>
10-
<header class="header">
11-
<nav class="navbar">
12-
<div class="title">
13-
<a href="index.html">
14-
<img src="images/logo.png" alt="logo" />
15-
</a>
16-
</div>
17-
<div class="login">
18-
<a href="/login.html">로그인</a>
19-
</div>
20-
</nav>
19+
<header>
20+
<a href="/"
21+
><img
22+
src="images/logo/panda-market-logo.png"
23+
alt="판다마켓 홈"
24+
width="153"
25+
/></a>
26+
<a href="login.html" id="loginLinkButton" class="button">로그인</a>
2127
</header>
2228
<main>
23-
<section class="main-section">
24-
<h1 class="content">
25-
<p class="description">
29+
<section id="hero" class="banner">
30+
<div class="wrapper">
31+
<h1>
2632
일상의 모든 물건을<br />
2733
거래해 보세요
28-
<a href="/item.html">구경하러 가기</a>
29-
</p>
30-
<img src="images/panda1.png" alt="panda1Img" />
31-
</h1>
34+
</h1>
35+
<a href="items.html" class="button pill-button">구경하러 가기</a>
36+
</div>
3237
</section>
33-
<section class="hotitem-section">
34-
<div class="content">
35-
<img src="images/hotitem.png" alt="hotitemImg" />
36-
<div class="description">
37-
<span>Hot item</span>
38-
<div class="description-box">
39-
<h2>
40-
인기 상품을<br />
41-
확인해 보세요
42-
</h2>
43-
<p>
44-
가장 HOT한 중고거래 물품을<br />
45-
판다 마켓에서 확인해 보세요
46-
</p>
47-
</div>
38+
39+
<section id="features" class="wrapper">
40+
<div class="feature">
41+
<img
42+
src="images/home/feature1-image.png"
43+
alt="인기 상품"
44+
width="50%"
45+
/>
46+
<div class="feature-content">
47+
<h2 class="feature-tag">Hot item</h2>
48+
<h1>인기 상품을<br />확인해 보세요</h1>
49+
<p class="feature-description">
50+
가장 HOT한 중고거래 물품을<br />
51+
판다마켓에서 확인해 보세요
52+
</p>
4853
</div>
4954
</div>
50-
</section>
51-
<section class="search-section">
52-
<div class="content">
53-
<div class="description">
54-
<span>Search</span>
55-
<div class="description-box">
56-
<h2>
57-
구매를 원하는<br />
58-
상품을 검색하세요
59-
</h2>
60-
<p>
61-
구매하고 싶은 물품은 검색해서<br />
62-
쉽게 찾아보세요
63-
</p>
64-
</div>
55+
<div class="feature">
56+
<div class="feature-content">
57+
<h2 class="feature-tag">Search</h2>
58+
<h1>
59+
구매를 원하는<br />
60+
상품을 검색하세요
61+
</h1>
62+
<p class="feature-description">
63+
구매하고 싶은 물품은 검색해서<br />
64+
쉽게 찾아보세요
65+
</p>
6566
</div>
66-
<img src="images/search.png" alt="searchImg" />
67+
<img
68+
src="images/home/feature2-image.png"
69+
alt="검색 기능"
70+
width="50%"
71+
/>
6772
</div>
68-
</section>
69-
<section class="register-section">
70-
<div class="content">
71-
<img src="images/register.png" alt="registerImg" />
72-
<div class="description">
73-
<span>Register</span>
74-
<div class="description-box">
75-
<h2>
76-
판매를 원하는<br />
77-
상품을 등록하세요
78-
</h2>
79-
<p>
80-
어떤 물건이든 판매하고 싶은 상품을<br />
81-
쉽게 등록하세요
82-
</p>
83-
</div>
73+
<div class="feature">
74+
<img
75+
src="images/home/feature3-image.png"
76+
alt="판매 상품 등록"
77+
width="50%"
78+
/>
79+
<div class="feature-content">
80+
<h2 class="feature-tag">Register</h2>
81+
<h1>판매를 원하는<br />상품을 등록하세요</h1>
82+
<p class="feature-description">
83+
어떤 물건이든 판매하고 싶은 상품을<br />
84+
쉽게 등록하세요
85+
</p>
8486
</div>
8587
</div>
8688
</section>
87-
<section class="footer-section">
88-
<h1 class="content">
89-
<p class="description">
90-
믿을 수 있는<br />
91-
판다마켓 중고 거래
92-
</p>
93-
<img src="images/panda2.png" alt="panda2Img" />
94-
</h1>
95-
</section>
96-
<footer class="footer">
97-
<div class="content">
98-
<div class="description">©codeit - 2024</div>
99-
<div class="qna">
100-
<a href="/privacy.html">Privacy Policy</a>
101-
<a href=".faq.html">FAQ</a>
102-
</div>
103-
<div class="sns">
104-
<a href="https://www.facebook.com/?locale=ko_KR" target="_blank">
105-
<img src="images/facebook.png" alt="facebook" />
106-
</a>
107-
<a href="https://x.com/i/flow/login?lang=ko" target="_blank">
108-
<img src="images/twitter.png" alt="twitter" />
109-
</a>
110-
<a href="https://www.youtube.com/" target="_blank">
111-
<img src="images/youtube.png" alt="youtube" />
112-
</a>
113-
<a href="https://www.instagram.com/" target="_blank">
114-
<img src="images/instargram.png" alt="instargram" />
115-
</a>
116-
</div>
89+
90+
<section id="bottomBanner" class="banner">
91+
<div class="wrapper">
92+
<h1>
93+
믿을 수 있는
94+
<br />
95+
판다마켓 중고거래
96+
</h1>
11797
</div>
118-
</footer>
98+
</section>
11999
</main>
100+
101+
<footer>
102+
<div>©codeit - 2024</div>
103+
<div id="footerMenu">
104+
<a href="privacy.html">Privacy Policy</a>
105+
<a href="faq.html">FAQ</a>
106+
</div>
107+
<div id="socialMedia">
108+
<a
109+
href="https://www.facebook.com/"
110+
target="_blank"
111+
rel="noopener noreferrer"
112+
><img src="images/social/facebook-logo.svg" alt="페이스북" width="20"
113+
/></a>
114+
<a href="https://twitter.com/" target="_blank" rel="noopener noreferrer"
115+
><img src="images/social/twitter-logo.svg" alt="트위터" width="20"
116+
/></a>
117+
<a
118+
href="https://www.youtube.com/"
119+
target="_blank"
120+
rel="noopener noreferrer"
121+
><img src="images/social/youtube-logo.svg" alt="유튜브" width="20"
122+
/></a>
123+
<a
124+
href="https://www.instagram.com/"
125+
target="_blank"
126+
rel="noopener noreferrer"
127+
><img
128+
src="images/social/instagram-logo.svg"
129+
alt="인스타그램"
130+
width="20"
131+
/></a>
132+
</div>
133+
</footer>
120134
</body>
121135
</html>

‎items.html

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<!DOCTYPE html>
2+
<html lang="ko">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>판다마켓 - 상품 리스트</title>
7+
<link rel="icon" href="images/logo/favicon.ico" />
8+
<link
9+
rel="stylesheet"
10+
as="style"
11+
crossorigin
12+
href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css"
13+
/>
14+
<link rel="stylesheet" href="styles/global.css" />
15+
</head>
16+
17+
<body>
18+
<h1>임시 상품 리스트 페이지</h1>
19+
</body>
20+
</html>

‎login.html

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
<!DOCTYPE html>
2+
<html lang="ko">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>판다마켓 - 로그인</title>
7+
<link rel="icon" href="images/logo/favicon.ico" />
8+
<link
9+
rel="stylesheet"
10+
as="style"
11+
crossorigin
12+
href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css"
13+
/>
14+
<link rel="stylesheet" href="styles/global.css" />
15+
<link rel="stylesheet" href="styles/login-signup.css" />
16+
</head>
17+
18+
<body>
19+
<div id="loginPage" class="login-page">
20+
<a href="/" class="login-img">
21+
<img src="images/logo.png" alt="판다마켓" class="login-log" />
22+
</a>
23+
<div class="login-content">
24+
<form action="/login" method="POST" class="login-form">
25+
<div class="form-group">
26+
<label for="userId">이메일</label>
27+
<input id="userId" type="email" name="email" />
28+
</div>
29+
<div class="form-group">
30+
<label for="password">비밀번호</label>
31+
<div class="input-wrapper">
32+
<input id="password" type="password" name="password" />
33+
<img src="images/password-icon1.png" alt="보기 아이콘" />
34+
</div>
35+
</div>
36+
<a href="login.html" class="login-btn button">로그인</a>
37+
</form>
38+
<div class="simple-login">
39+
간편 로그인하기
40+
<div class="login-icon-group">
41+
<a href="https://www.google.com/"
42+
><img src="images/google.png" alt="google-icon"
43+
/></a>
44+
<a href="https://www.kakaocorp.com/page/"
45+
><img src="images/kakao.png" alt="kakao-icon"
46+
/></a>
47+
</div>
48+
</div>
49+
<div class="footer-sign-up">
50+
판다마켓이 처음이신가요?<a href="signup.html">회원가입</a>
51+
</div>
52+
</div>
53+
</div>
54+
</body>
55+
</html>

‎privacy.html

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<!DOCTYPE html>
2+
<html lang="ko">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>판다마켓 - 이용약관</title>
7+
<link rel="icon" href="images/logo/favicon.ico" />
8+
<link
9+
rel="stylesheet"
10+
as="style"
11+
crossorigin
12+
href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css"
13+
/>
14+
<link rel="stylesheet" href="styles/global.css" />
15+
</head>
16+
17+
<body>
18+
<h1>임시 이용약관 페이지</h1>
19+
</body>
20+
</html>

0 commit comments

Comments
 (0)