Skip to content

Commit

Permalink
Merge pull request #15 from lkj1313/Basic-임광조
Browse files Browse the repository at this point in the history 
[임광조] Sprint11
  • Loading branch information
@kiJu2
kiJu2 authored Sep 9, 2024
2 parents 4dc5dd0 + cd63cee commit 14e9bcb
Show file tree
Hide file tree
Showing 12 changed files with 574 additions and 0 deletions.
1 change: 1 addition & 0 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
https://frabjous-palmier-b2136e.netlify.app
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>Document</title>
</head>
<body>
faq
</body>
</html>
Binary file added image/Img_home_bottom.png
View file
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 image/feature1-image.png
View file
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 image/feature2-image.png
View file
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 image/feature3-image.png
View file
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 image/hero-image.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
281 changes: 281 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,281 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- 페이지 제목 (SEO에 매우 중요) -->
<title>판다마켓 - 믿을 수 있는 온라인 쇼핑몰</title>

<!-- SEO를 위한 메타 설명 -->
<meta
name="description"
content="판다마켓은 신뢰할 수 있는 상품을 저렴한 가격에 제공하는 온라인 쇼핑몰입니다. 다양한 카테고리의 상품을 만나보세요."
/>

<!-- 검색 엔진용 키워드 -->
<meta
name="keywords"
content="온라인 쇼핑몰, 저렴한 가격, 믿을 수 있는 상품, 판다마켓"
/>

<!-- 크롤러가 이 페이지를 어떻게 처리할지 지정 -->
<meta name="robots" content="index, follow" />

<!-- Open Graph 태그 (SNS 공유 시 정보 표시) -->
<meta property="og:title" content="판다마켓 - 믿을 수 있는 온라인 쇼핑몰" />
<meta
property="og:description"
content="판다마켓에서 다양한 상품을 만나보세요!"
/>
<meta
property="og:image"
content="https://fe-sprint-mission-2.vercel.app/images/logo/logo.png"
/>
<meta property="og:url" content="https://www.pandamarket.com" />

<!-- 트위터 카드 설정 -->
<meta name="twitter:card" content="summary_large_image" />
<meta
name="twitter:title"
content="판다마켓 - 믿을 수 있는 온라인 쇼핑몰"
/>
<meta
name="twitter:description"
content="판다마켓에서 다양한 상품을 만나보세요!"
/>
<meta
name="twitter:image"
content="https://fe-sprint-mission-2.vercel.app/images/logo/logo.png"
/>

<!-- 파비콘 -->
<link
rel="icon"
type="image/x-icon"
href="https://fe-sprint-mission-2.vercel.app/images/logo/favicon.ico"
/>

<!-- Pretendard 폰트 -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css"
/>

<!-- 외부 스타일시트 -->
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<header>
<div class="header-divBox">
<a href="/" class="logo-button"
><img
src="https://fe-sprint-mission-2.vercel.app/images/logo/logo.svg"
alt="판다마켓 홈"
width="153"
/></a>
<a href="/login.html" id="loginLinkButton" class="login-button"
><span>로그인</span></a
>
</div>
</header>

<main>
<section class="first-section">
<div class="wrapper">
<div class="sightseeing-box">
<h1>
일상의 모든 물건을
<br />
거래해보세요
</h1>
<a href="/items.html" class="pill-button">구경하러 가기</a>
</div>
<div class="pandaImg-box"><img src="/image/hero-image.png" /></div>
</div>
</section>

<section class="second-section">
<div class="feature">
<div class="feature-divBox">
<div class="feature-imgBox">
<img src="/image/feature1-image.png" />
</div>
<div class="feature-contentBox">
<h2 class="feature-tag">Hot Item</h2>
<div>
<h1>
인기상품을 <br />
확인해 보세요
</h1>
<p class="feature-description">
가장 HOT한 중고거래 물품을<br />판다마켓에서 확인해 보세요
</p>
</div>
</div>
</div>
</div>

<div class="feature">
<div class="feature-divBox">
<div class="feature-contentBox" id="right-contentBox">
<h2 class="feature-tag">Search</h2>
<div>
<h1>
구매를 원하는
<br />
상품을검색하세요
</h1>
<p class="feature-description" style="width: 100%">
구매하고 싶은 물품은 검색해서 <br />
쉽게 찾아보세요
</p>
</div>
</div>
<div class="feature-imgBox">
<img
src="/image/feature2-image.png"
alt="검색 기능"
width="50%"
/>
</div>
</div>
</div>

<div class="feature">
<div class="feature-divBox">
<div class="feature-imgBox">
<img src="/image/feature3-image.png" />
</div>
<div class="feature-contentBox">
<h2 class="feature-tag">Register</h2>
<h1>
<span style="white-space: nowrap">판매를 원하는 상품을</span
><br />
등록하세요
</h1>
<p class="feature-description" style="white-space: nowrap">
어떤 물건이든 판매하고 싶은 상품을
<br />
쉽게 등록하세요
</p>
</div>
</div>
</div>
</section>

<section class="first-section">
<div class="wrapper">
<div class="sightseeing-box">
<h1>
믿을 수 있는 <br />
판다마켓 중고거래
</h1>
</div>
<div class="pandaImg-box">
<img src="/image/Img_home_bottom.png" />
</div>
</div>
</section>
</main>
<footer>
<div class="footer-menu">
<div style="height: 19px; width: 112px">@codeit - 2024</div>
<div class="privacyPublic-box">
<div><a href="/privacy.html">Privacy Policy</a></div>
<div><a href="/faq.html">FAQ</a></div>
</div>

<div id="socialMedia">
<!-- Facebook 아이콘 -->
<a
href="https://www.facebook.com"
target="_blank"
aria-label="Facebook"
>
<svg
width="18"
height="19"
viewBox="0 0 18 19"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M0 9.90316C0 14.3777 3.24975 18.0984 7.5 18.8529V12.3527H5.25V9.85291H7.5V7.85266C7.5 5.60266 8.94975 4.35316 11.0002 4.35316C11.6497 4.35316 12.3503 4.45291 12.9998 4.55266V6.85291H11.85C10.7498 6.85291 10.5 7.40266 10.5 8.10316V9.85291H12.9L12.5002 12.3527H10.5V18.8529C14.7502 18.0984 18 14.3784 18 9.90316C18 4.92541 13.95 0.852905 9 0.852905C4.05 0.852905 0 4.92541 0 9.90316Z"
fill="white"
/>
</svg>
</a>

<!-- Twitter 아이콘 -->
<a
href="https://www.twitter.com"
target="_blank"
aria-label="Twitter"
>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M19.7029 4.11415C19.0071 4.42248 18.2596 4.63082 17.4737 4.72498C18.2846 4.23981 18.8912 3.4762 19.1804 2.57665C18.4186 3.02914 17.5849 3.34765 16.7154 3.51832C16.1307 2.89404 15.3563 2.48025 14.5124 2.34121C13.6684 2.20217 12.8022 2.34564 12.0481 2.74936C11.2941 3.15308 10.6944 3.79445 10.3422 4.5739C9.99003 5.35335 9.90503 6.22727 10.1004 7.05998C8.55682 6.98248 7.04677 6.58127 5.66827 5.8824C4.28977 5.18353 3.07362 4.20262 2.09875 3.00332C1.76542 3.57832 1.57375 4.24498 1.57375 4.95498C1.57338 5.59415 1.73078 6.22352 2.03198 6.78726C2.33319 7.351 2.76888 7.83168 3.30042 8.18665C2.68398 8.16704 2.08114 8.00047 1.54208 7.70082V7.75082C1.54202 8.64727 1.85211 9.51613 2.41974 10.21C2.98736 10.9038 3.77756 11.3799 4.65625 11.5575C4.0844 11.7122 3.48486 11.735 2.90292 11.6242C3.15083 12.3955 3.63375 13.07 4.28406 13.5533C4.93437 14.0365 5.71951 14.3043 6.52958 14.3192C5.15444 15.3987 3.45616 15.9842 1.70792 15.9816C1.39823 15.9817 1.08881 15.9636 0.78125 15.9275C2.55581 17.0685 4.62153 17.674 6.73125 17.6716C13.8729 17.6716 17.7771 11.7566 17.7771 6.62665C17.7771 6.45998 17.7729 6.29165 17.7654 6.12498C18.5248 5.57579 19.1803 4.89573 19.7013 4.11665L19.7029 4.11415Z"
fill="white"
/>
</svg>
</a>

<!-- YouTube 아이콘 -->
<a
href="https://www.youtube.com"
target="_blank"
aria-label="YouTube"
>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_37732_414)">
<path
d="M19.5829 5.4224C19.4696 5.01843 19.249 4.65269 18.9445 4.36407C18.6314 4.06657 18.2477 3.85376 17.8295 3.74573C16.2645 3.33323 9.99454 3.33323 9.99454 3.33323C7.38065 3.30349 4.7674 3.4343 2.16954 3.7249C1.75136 3.84091 1.36834 4.05847 1.05454 4.35823C0.746204 4.6549 0.522871 5.02073 0.406204 5.42157C0.125949 6.93135 -0.0102189 8.46435 -0.000462243 9.9999C-0.0104622 11.5341 0.125371 13.0666 0.406204 14.5782C0.520371 14.9774 0.742871 15.3416 1.05204 15.6357C1.3612 15.9299 1.7462 16.1424 2.16954 16.2549C3.75537 16.6666 9.99454 16.6666 9.99454 16.6666C12.6118 16.6963 15.2283 16.5655 17.8295 16.2749C18.2477 16.1669 18.6314 15.9541 18.9445 15.6566C19.2489 15.368 19.4693 15.0022 19.582 14.5982C19.8696 13.089 20.0094 11.5554 19.9995 10.0191C20.0212 8.47624 19.8815 6.93537 19.5829 5.42157V5.4224ZM8.0012 12.8532V7.1474L13.2179 10.0007L8.0012 12.8532Z"
fill="white"
/>
</g>
<defs>
<clipPath id="clip0_37732_414">
<rect width="20" height="20" fill="white" />
</clipPath>
</defs>
</svg>
</a>

<!-- Instagram 아이콘 -->
<a
href="https://www.instagram.com"
target="_blank"
aria-label="Instagram"
>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9.49787 7.51837C7.93707 7.51837 6.66333 8.7921 6.66333 10.3529C6.66333 11.9137 7.93707 13.1874 9.49787 13.1874C11.0587 13.1874 12.3324 11.9137 12.3324 10.3529C12.3324 8.7921 11.0587 7.51837 9.49787 7.51837ZM17.9994 10.3529C17.9994 9.17911 18.01 8.01595 17.9441 6.84428C17.8782 5.48337 17.5677 4.27555 16.5725 3.28038C15.5752 2.28308 14.3695 1.97474 13.0086 1.90883C11.8348 1.84291 10.6717 1.85354 9.5 1.85354C8.32621 1.85354 7.16305 1.84291 5.99138 1.90883C4.63046 1.97474 3.42264 2.2852 2.42747 3.28038C1.43017 4.27768 1.12184 5.48337 1.05592 6.84428C0.99 8.01808 1.00063 9.18124 1.00063 10.3529C1.00063 11.5246 0.99 12.6899 1.05592 13.8615C1.12184 15.2224 1.4323 16.4303 2.42747 17.4254C3.42477 18.4227 4.63046 18.7311 5.99138 18.797C7.16517 18.8629 8.32833 18.8523 9.5 18.8523C10.6738 18.8523 11.837 18.8629 13.0086 18.797C14.3695 18.7311 15.5774 18.4206 16.5725 17.4254C17.5698 16.4281 17.8782 15.2224 17.9441 13.8615C18.0121 12.6899 17.9994 11.5267 17.9994 10.3529ZM9.49787 14.7142C7.08437 14.7142 5.13655 12.7664 5.13655 10.3529C5.13655 7.9394 7.08437 5.99158 9.49787 5.99158C11.9114 5.99158 13.8592 7.9394 13.8592 10.3529C13.8592 12.7664 11.9114 14.7142 9.49787 14.7142ZM14.0378 6.83153C13.4743 6.83153 13.0193 6.37647 13.0193 5.81296C13.0193 5.24946 13.4743 4.7944 14.0378 4.7944C14.6013 4.7944 15.0564 5.24946 15.0564 5.81296C15.0565 5.94677 15.0303 6.0793 14.9792 6.20295C14.9281 6.3266 14.853 6.43895 14.7584 6.53357C14.6638 6.62819 14.5515 6.70321 14.4278 6.75433C14.3041 6.80546 14.1716 6.83169 14.0378 6.83153Z"
fill="white"
/>
</svg>
</a>
</div>
</div>
</footer>
</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>Document</title>
</head>
<body>
items
</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>Document</title>
</head>
<body>
login
</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>Document</title>
</head>
<body>
privacy
</body>
</html>
Loading

0 comments on commit 14e9bcb

Please sign in to comment.