Skip to content

Commit

Permalink
code modification
Browse files Browse the repository at this point in the history
  • Loading branch information
@Injaeeee
Injaeeee committed Jun 4, 2024
1 parent 1f448a2 commit 1ad5b17
Show file tree
Hide file tree
Showing 4 changed files with 87 additions and 88 deletions.
111 changes: 55 additions & 56 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<html lang="ko">

<head>
<meta charset="UTF-8">
Expand All @@ -10,14 +10,14 @@

<body>

<header>
<div class="header-wrap">
<a href="/" class="logo">
<img src="/img/pandaFace.png">
<img src="/img/pandaLogo.png">
</a>
<a class="login" href="login/">로그인</a>
</div>
<header class="topBar">

<a href="/" class="logo">
<img src="/img/pandaFace.png">
<img src="/img/pandaLogo.png">
</a>
<a class="login" href="login/">로그인</a>

</header>

<main>
Expand All @@ -33,85 +33,84 @@
</div>


<div class="elements">
<section class="elements">

<div class="element">
<article class="element">

<img src="/img/Img_home_01.png">
<div class="element-text-left">
<div class="category">Hot item</div>
<div class="element-main-text">인기 상품을 <br />
확인해 보세요 </div>
<div class="element-sub-text"> 가장 HOT한 중고거래 물품을 <br />
판다 마켓에서 확인해 보세요</div>
<span class="category">Hot item</span>
<p class="element-main-text">인기 상품을 <br />
확인해 보세요 </p>
<p class="element-sub-text"> 가장 HOT한 중고거래 물품을 <br />
판다 마켓에서 확인해 보세요</p>
</div>
</div>
</article>

<div class="element">
<article class="element">

<div class="element-text-right">
<div class="category">Search</div>
<div class="element-main-text">구매를 원하는 <br />
상품을 검색하세요</div>
<div class="element-sub-text">
<span class="category">Search</span>
<p class="element-main-text">구매를 원하는 <br />
상품을 검색하세요</p>
<p class="element-sub-text">
구매하고 싶은 물품은 검색해서 <br />
쉽게 찾아보세요
</div>
</p>
</div>
<img src="img/Img_home_02.png">
</div>
</article>

<div class="element">
<article class="element">
<img src="img/Img_home_03.png">
<div class="element-text-left">
<div class="category">Register</div>
<div class="element-main-text">판매를 원하는 <br />
상품을 등록하세요</div>
<div class="element-sub-text">
<span class="category">Register</span>
<p class="element-main-text">판매를 원하는 <br />
상품을 등록하세요</p>
<p class="element-sub-text">
어떤 물건이든 판매하고 싶은 상품을<br />
쉽게 등록하세요
</div>
</p>
</div>
</div>
</div>
</article>
</section>

</div>

<div class="frame">
<div class="content">
<div class="frame-text">
<p class="frame-text">
믿을 수 있는 </br>
판다마켓 중고거래
</div>

</div>
<img class="frame-img2" src="/img/Img_home_bottom.png">
</div>

<footer>
<div class="footer-wrap">
</div>

<div class="footer-text-1"> @codeit - 2024</div>
<div class="footer-text-2">
<footer class="bottomBar">

<a href="privacy_policy/">Privacy Policy</a>
<a href="FAQ/">FAQ</a>
<span class="footer-text-1"> @codeit - 2024</span>
<div class="footer-text-2">

<a href="privacy_policy/">Privacy Policy</a>
<a href="FAQ/">FAQ</a>

</div>
<div class="footer-icon">
<a href="https://www.facebook.com/" target="_blank">
<img src="img/ic_facebook.png">
</a>
<a href="https://x.com/" target="_blank">
<img src="img/ic_twitter.png">
</a>
<a href="https://www.youtube.com/" target="_blank">
<img src="img/ic_youtube.png">
</a>
<a href="https://www.instagram.com/" target="_blank">
<img src="img/ic_instagram.png">
</a>

</div>
<div class="footer-icon">
<a href="https://www.facebook.com/" target="_blank">
<img src="img/ic_facebook.png">
</a>
<a href="https://x.com/" target="_blank">
<img src="img/ic_twitter.png">
</a>
<a href="https://www.youtube.com/" target="_blank">
<img src="img/ic_youtube.png">
</a>
<a href="https://www.instagram.com/" target="_blank">
<img src="img/ic_instagram.png">
</a>
</div>

</div>

Expand Down
20 changes: 11 additions & 9 deletions login/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<html lang="ko">

<head>
<meta charset="UTF-8">
Expand All @@ -17,15 +17,16 @@


<main>
<div class="login">
<form class="login">
<div class="login-input">
<label>이메일</label>
<input name="email" type="email" placeholder="이메일을 입력해주세요" />
<label for="email">이메일</label>
<input id="email" name="email" type="email" placeholder="이메일을 입력해주세요" />
</div>

<div class="login-input">
<label>비밀번호</label>
<input name="password" type="password" placeholder="비밀번호를 입력해주세요" />
<label for="password">비밀번호</label>
<input id="password" name="password" type="password" placeholder="비밀번호를 입력해주세요" />

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-eye-slash" viewBox="0 0 16 16">
<path
Expand All @@ -35,12 +36,13 @@
<path
d="M3.35 5.47q-.27.24-.518.487A13 13 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7 7 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12z" />
</svg>

</div>

<button class="login-button">로그인</button>
<button type="submit" class="login-button">로그인</button>

<div class="easy-login">
<div> 간편로그인하기</div>
<div>간편로그인하기</div>
<div class="platform">
<a href="http://www.google.com">
<img src="/img/Component 2.png" alt="구글" />
Expand All @@ -55,7 +57,7 @@
판다마켓이 처음이신가요?
<a href="/signup/">회원가입</a>
</div>
</div>
</form>
</main>

</body>
Expand Down
24 changes: 13 additions & 11 deletions signup/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,18 +18,18 @@


<main>
<div class="signup">
<form class="signup">
<div class="signup-input">
<label>이메일</label>
<input name="email" type="email" placeholder="이메일을 입력해주세요" />
<label for="email">이메일</label>
<input id="email" name="email" type="email" placeholder="이메일을 입력해주세요" />
</div>
<div class="signup-input">
<label>닉네임</label>
<input name="nickname" type="nickname" placeholder="닉네임을 입력해주세요" />
<label for="nickname">닉네임</label>
<input id="nickname" name="nickname" type="text" placeholder="닉네임을 입력해주세요" />
</div>
<div class="signup-input">
<label>비밀번호</label>
<input name="password" type="password" placeholder="비밀번호를 입력해주세요" />
<label for="password">비밀번호</label>
<input id="password" name="password" type="password" placeholder="비밀번호를 입력해주세요" />
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-eye-slash" viewBox="0 0 16 16">
<path
Expand All @@ -42,8 +42,9 @@
</div>

<div class="signup-input">
<label>비밀번호 확인</label>
<input name="password-check" type="password-check" placeholder="비밀번호를 다시 한 번 입력해주세요" />
<label for="password-check">비밀번호 확인</label>
<input id="password-check" name="password-check" type="password" placeholder="비밀번호를 다시 한 번 입력해주세요" />

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-eye-slash" viewBox="0 0 16 16">
<path
Expand All @@ -54,9 +55,10 @@
d="M3.35 5.47q-.27.24-.518.487A13 13 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7 7 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12z" />
</svg>


</div>

<button class="signup-button">회원가입</button>
<button type="submit" class="signup-button">회원가입</button>

<div class="easy-login">
<div> 간편로그인하기</div>
Expand All @@ -74,7 +76,7 @@
이미 회원이신가요?
<a href="/login/">로그인</a>
</div>
</div>
</form>
</main>

</body>
Expand Down
20 changes: 8 additions & 12 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -57,27 +57,24 @@ search 부분 텍스트 오른쪽 정렬 */
font-weight: 500;
}


header {
/*
맨 윗줄 판다마켓 로그인 */
.topBar {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 70px;
background-color: #ffffff;
z-index: 1;
}

/*
맨 윗줄 판다마켓 로그인 */
.header-wrap {
display: flex;
justify-content: space-between;
padding: 10px 200px;
align-items: center;
}



.category {
color: #3692FF;
font-weight: 700;
Expand Down Expand Up @@ -166,21 +163,20 @@ header {



footer {
.bottomBar {
background-color: #111827;
width: 100%;
height: 160px;
}


.footer-wrap {
display: flex;
justify-content: space-between;
padding: 10px 200px;
align-items: center;
padding: 32px 200px;
}


.footer-wrap {}

.footer-text-1 {
color: #9CA3AF;
}
Expand Down

0 comments on commit 1ad5b17

Please sign in to comment.