Skip to content

Commit

Permalink
Merge pull request #76 from guen9310/part1-권부근-Week3
Browse files Browse the repository at this point in the history 
[Week3] 권부근
  • Loading branch information
@soonoo27
soonoo27 authored Nov 6, 2023
2 parents 73abce7 + a214cd1 commit e9ef5b7
Show file tree
Hide file tree
Showing 8 changed files with 428 additions and 206 deletions.
76 changes: 44 additions & 32 deletions auth/signin.html
View file
Original file line number Diff line number Diff line change
@@ -1,44 +1,56 @@
<!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/reset.css" />
<link rel="stylesheet" href="styles.css" />
<meta charset="utf-8" />
<title>로그인</title>
<link
rel="stylesheet"
type="text/css"
href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css"
/>
<link rel="stylesheet" href="./styles.css" />
</head>
<body>
<div class="form-container">
<header>
<a href="/">
<img class="logo" src="../images/logo.svg" alt="Linkbrary" />
</a>
<span
>회원이 아니신가요? <a href="./signup.html">회원 가입하기</a></span
<header>
<a class="logo-link" href="/">
<img
class="header-logo"
src="../images/logo.svg"
alt="홈으로 연결된 Linkbrary 로고"
/>
</a>
<p class="header-message">
회원이 아니신가요?<a class="header-link" href="signup.html"
>회원 가입하기</a
>
</header>
<form action="/">
<div class="form-group">
<label for="email">이메일</label>
<input
type="email"
id="email"
name="email"
placeholder="[email protected]"
/>
</p>
</header>
<div class="sign-box">
<form class="sign-form">
<div class="sign-inputs">
<div class="sign-input-box">
<label class="sign-input-label">이메일</label>
<input class="sign-input" />
</div>
<div class="sign-input-box sign-password">
<label class="sign-input-label">비밀번호</label>
<input class="sign-input" type="password" />
<button class="eye-button" type="button">
<img src="../images/eye-off.svg" />
</button>
</div>
</div>
<div class="form-group password-wrapper">
<label for="password">비밀번호</label>
<input type="password" id="password" name="password" required />
<img class="eye-icon" src="../images/eye-off.svg" />
</div>
<button type="submit">로그인</button>
<button class="cta" type="submit">로그인</button>
</form>
<div class="auth">
<span>다른 방식으로 가입하기</span>
<div class="icon">
<img class="auth-icon" src="../images/google.png" alt="google" />
<img class="auth-icon" src="../images/kakao.png" alt="kakao" />
<div class="sns-box">
<span class="sns-text">소셜 로그인</span>
<div class="sns-links">
<a class="sns-link google-link" href="https://www.google.com/">
<img src="../images/google.png" />
</a>
<a class="sns-link kakao-link" href="https://www.kakaocorp.com/page/">
<img src="../images/kakao.png" />
</a>
</div>
</div>
</div>
Expand Down
94 changes: 52 additions & 42 deletions auth/signup.html
View file
Original file line number Diff line number Diff line change
@@ -1,53 +1,63 @@
<!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/reset.css" />
<link rel="stylesheet" href="styles.css" />
<meta charset="utf-8" />
<title>회원가입</title>
<link
rel="stylesheet"
type="text/css"
href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css"
/>
<link rel="stylesheet" href="./styles.css" />
</head>
<body>
<div class="form-container">
<header>
<a href="../">
<img class="logo" src="../images/logo.svg" alt="Linkbrary" />
</a>
<span>이미 회원이신가요? <a href="./signin.html">로그인 하기</a></span>
</header>
<form action="./signin.html">
<div class="form-group">
<label for="email">이메일</label>
<input
type="email"
id="email"
name="email"
placeholder="[email protected]"
required
/>
<header>
<a class="logo-link" href="/">
<img
class="header-logo"
src="../images/logo.svg"
alt="홈으로 연결된 Linkbrary 로고"
/>
</a>
<p class="header-message">
이미 회원이신가요?<a class="header-link" href="signin.html"
>로그인 하기</a
>
</p>
</header>
<div class="sign-box">
<form class="sign-form">
<div class="sign-inputs">
<div class="sign-input-box">
<label class="sign-input-label">이메일</label>
<input class="sign-input" />
</div>
<div class="sign-input-box sign-password">
<label class="sign-input-label">비밀번호</label>
<input class="sign-input" type="password" />
<button class="eye-button" type="button">
<img src="../images/eye-off.svg" />
</button>
</div>
<div class="sign-input-box sign-password">
<label class="sign-input-label">비밀번호 확인</label>
<input class="sign-input" type="password" />
<button class="eye-button" type="button">
<img src="../images/eye-off.svg" />
</button>
</div>
</div>
<div class="form-group password-wrapper">
<label for="password">비밀번호</label>
<input type="password" id="password" name="password" required />
<img class="eye-icon" src="../images/eye-off.svg" />
</div>
<div class="form-group password-wrapper">
<label for="confirm-password">비밀번호 확인</label>
<input
type="password"
id="confirm-password"
name="confirm-password"
required
/>
<img class="eye-icon" src="../images/eye-off.svg" />
</div>
<button type="submit">회원가입</button>
<button class="cta" type="submit">회원가입</button>
</form>
<div class="auth">
<span>다른 방식으로 가입하기</span>
<div class="icon">
<img class="auth-icon" src="../images/google.png" />
<img class="auth-icon" src="../images/kakao.png" />
<div class="sns-box">
<span class="sns-text">다른 방식으로 가입하기</span>
<div class="sns-links">
<a class="sns-link google-link" href="https://www.google.com/">
<img src="../images/google.png" />
</a>
<a class="sns-link kakao-link" href="https://www.kakaocorp.com/page/">
<img src="../images/kakao.png" />
</a>
</div>
</div>
</div>
Expand Down
Loading

0 comments on commit e9ef5b7

Please sign in to comment.