Skip to content

Commit

Permalink
feat: edit index.html
Browse files Browse the repository at this point in the history 
link태그에 reset.css와 fonts.css 추가, 기존 개행에 사용했던 패딩값을 삭제함에 따라 br태그 추가,
footer__policy 하위 a 태그에 policy__links 클래스 추가, footer__social 로고 이미지 누락된 height값 추가
  • Loading branch information
@reenact11
reenact11 committed May 6, 2024
1 parent 37361a0 commit 3c8b10d
Showing 1 changed file with 14 additions and 12 deletions.
26 changes: 14 additions & 12 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,8 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>판다마켓</title>
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="fonts.css">
<link rel="stylesheet" href="style.css">
</head>

Expand All @@ -20,18 +22,18 @@ <h1>
<main>
<section class="top-banner">
<div class="top-banner__wrapper">
<h2 class="top-banner__title">일상의 모든 물건을 거래해 보세요</h1>
<h2 class="top-banner__title">일상의 모든 물건을<br>거래해 보세요</h1>
<a href="/items" class="top-banner__items-btn">구경하러 가기</a>
</div>
<img src="img/home/hero-image.png" class="top-banner__image" width="996" height="447">
<img src="img/home/hero-image.png" class="top-banner__image" alt="" width="996" height="447">
</section>
<section class="content">
<div class="content__wrapper">
<img src="img/home/feature1-image.png" class="feature__image" width="584" height="444">
<div class="feature">
<em>Hot item</em>
<div class="feature__wrapper">
<h2 class="feature__title">인기 상품을 확인해 보세요</h2>
<h2 class="feature__title">인기 상품을<br>확인해 보세요</h2>
<p class="feature__content">가장 HOT한 중고거래 물품을
판다 마켓에서 확인해 보세요</p>
</div>
Expand All @@ -41,7 +43,7 @@ <h2 class="feature__title">인기 상품을 확인해 보세요</h2>
<div class="feature">
<em>Search</em>
<div class="feature__wrapper">
<h2 class="feature__title">구매를 원하는 상품을 검색하세요</h2>
<h2 class="feature__title">구매를 원하는<br>상품을 검색하세요</h2>
<p class="feature__content">구매하고 싶은 물품은 검색해서 쉽게 찾아보세요</p>
</div>
</div>
Expand All @@ -52,36 +54,36 @@ <h2 class="feature__title">구매를 원하는 상품을 검색하세요</h2>
<div class="feature">
<em>Register</em>
<div class="feature__wrapper">
<h2 class="feature__title">판매를 원하는 상품을 등록하세요</h2>
<h2 class="feature__title">판매를 원하는<br>상품을 등록하세요</h2>
<p class="feature__content">어떤 물건이든 판매하고 싶은 상품을 쉽게 등록하세요</p>
</div>
</div>
</div>
</section>
<section class="bottom-banner">
<h2 class="bottom-banner__title">믿을 수 있는 판다마켓 중고거래</h2>
<h2 class="bottom-banner__title">믿을 수 있는<br>판다마켓 중고거래</h2>
<img src="img/home/bottom-banner-image.png" class="bottom-banner__image" width="996" height="540">
</section>
</main>
<footer class="footer">
<div class="footer__link">
<div class="footer__copyright">©codeit - 2024</div>
<div class="footer__policy">
<a href="/privacy">Privacy Policy</a>
<a href="/faq">FAQ</a>
<a href="/privacy" class="policy__links">Privacy Policy</a>
<a href="/faq" class="policy__links">FAQ</a>
</div>
<div class="footer__social">
<a href="https://www.facebook.com" target="_blank">
<img src="img/social/facebook-logo.svg" class="social__logo" alt="페이스북" width="20">
<img src="img/social/facebook-logo.svg" class="social__logo" alt="페이스북" width="20" height="20">
</a>
<a href="https://www.twitter.com" target="_blank">
<img src="img/social/twitter-logo.svg" class="social__logo" alt="트위터" width="20">
<img src="img/social/twitter-logo.svg" class="social__logo" alt="트위터" width="20" height="20">
</a>
<a href="https://www.youtube.com" target="_blank">
<img src="img/social/youtube-logo.svg" class="social__logo" alt="유튜브" width="20">
<img src="img/social/youtube-logo.svg" class="social__logo" alt="유튜브" width="20" height="20">
</a>
<a href="https://www.instagram.com" target="_blank">
<img src="img/social/instagram-logo.svg" class="social__logo" alt="인스타그램" width="20">
<img src="img/social/instagram-logo.svg" class="social__logo" alt="인스타그램" width="20" height="20">
</a>
</div>
</div>
Expand Down

0 comments on commit 3c8b10d

Please sign in to comment.