Skip to content

Commit

Permalink
Merge pull request #9 from kim-1997/Basic-김성빈-sprint1
Browse files Browse the repository at this point in the history 
[김성빈] Sprint1
  • Loading branch information
@dongqui
dongqui authored Jan 9, 2025
2 parents 4dc5dd0 + 684c6c5 commit 140f276
Show file tree
Hide file tree
Showing 18 changed files with 570 additions and 0 deletions.
11 changes: 11 additions & 0 deletions faq.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>faq</title>
</head>
<body>
<div>faq</div>
</body>
</html>
168 changes: 168 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,168 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="src/assets/css/style.css" />
<link rel="stylesheet" href="src/assets/css/font.css" />
<title>판다마켓</title>
</head>
<body>
<div id="wrap">
<header id="header" class="header">
<div class="header__wrap">
<h1>
<a href="/" class="logo">
<span class="blind">판다마켓</span>
</a>
</h1>
<button>
<a href="/login.html" class="btn btn--login">
<span>로그인</span>
</a>
</button>
</div>
</header>
<div class="main-kv">
<div class="main-kv__wrap">
<div class="main-kv__contents">
<h2>
일상의 모든 물건을<br class="mov2" />
거래해 보세요
</h2>
<button class="main-kv__button">
<a href="/items.html" class="btn btn--kv">
<span>구경하러 가기</span>
</a>
</button>
</div>
</div>
</div>
<div class="container">
<section class="main-section">
<div class="main-section__inner">
<div class="main-section__left main-section__left--image">
<div class="main-section__image">
<img
src="src/assets/image/market_img01.jpg"
alt="인기 상품을 확인해 보세요"
/>
</div>
</div>
<div class="main-section__right">
<span class="main-section__category">Hot item</span>
<h3 class="main-section__title">
인기 상품을<br class="mov" />확인해 보세요
</h3>
<p class="main-section__description">
가장 HOT한 중고거래 물품을<br />
판다 마켓에서 확인해 보세요
</p>
</div>
</div>
</section>
<section class="main-section">
<div class="main-section__inner main-section__inner--reverse">
<div class="main-section__left tar">
<span class="main-section__category">Search</span>
<h3 class="main-section__title">
구매를 원하는<br class="mov" />
상품을 검색하세요
</h3>
<p class="main-section__description">
구매하고 싶은 물품은 검색해서<br />쉽게 찾아보세요
</p>
</div>
<div class="main-section__right main-section__right--image">
<div class="main-section__image">
<img
src="src/assets/image/market_img02.jpg"
alt="구매를 원하는 상품을 검색하세요"
/>
</div>
</div>
</div>
</section>
<section class="main-section">
<div class="main-section__inner">
<div class="main-section__left main-section__left--image">
<div class="main-section__image">
<img
src="src/assets/image/market_img03.jpg"
alt="판매를 원하는 상품을 등록하세요"
/>
</div>
</div>
<div class="main-section__right">
<span class="main-section__category">Register</span>
<h3 class="main-section__title">
판매를 원하는<br class="mov" />상품을 등록하세요
</h3>
<p class="main-section__description">
어떤 물건이든 판매하고 싶은 상품을<br />쉽게 등록하세요
</p>
</div>
</div>
</section>
<div class="main-banner">
<div class="main-banner__inner">
<h2>믿을 수 있는<br />판다마켓 중고 거래</h2>
</div>
</div>
</div>
<footer class="footer">
<div class="footer__inner">
<div class="footer__top">
<span>©codeit - 2024</span>
<ul class="person">
<li>
<a href="/privacy.html">Privacy Policy</a>
</li>
<li>
<a href="/faq.html">FAQ</a>
</li>
</ul>
<ul class="sns">
<li>
<a
href="https://www.facebook.com"
class="icon icon--facebook"
target="_blank"
>
<span class="blind">페이스북</span>
</a>
</li>
<li>
<a
href="https://www.twitter.com"
class="icon icon--twitter"
target="_blank"
>
<span class="blind">트위터</span>
</a>
</li>
<li>
<a
href="https://www.youtube.com"
class="icon icon--youtube"
target="_blank"
>
<span class="blind">유튜브</span>
</a>
</li>
<li>
<a
href="https://www.instagram.com"
class="icon icon--instagram"
target="_blank"
>
<span class="blind">인스타그램</span>
</a>
</li>
</ul>
</div>
</div>
</footer>
</div>
</body>
</html>
11 changes: 11 additions & 0 deletions items.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>items</title>
</head>
<body>
<div>items</div>
</body>
</html>
11 changes: 11 additions & 0 deletions login.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>login</title>
</head>
<body>
<div>login</div>
</body>
</html>
11 changes: 11 additions & 0 deletions privacy.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>privacy</title>
</head>
<body>
<div>privacy</div>
</body>
</html>
7 changes: 7 additions & 0 deletions src/assets/css/font.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
@font-face {
font-family: "Pretendard-Regular";
src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff")
format("woff");
font-weight: 400;
font-style: normal;
}
Loading

0 comments on commit 140f276

Please sign in to comment.