로그인 화면
<!-- login -->
<section class="signin">
<h1>로그인</h1>
<div class="signin__card">
<h2>
<strong>Welcome!</strong> 스타벅스에 오신 것을 환영합니다.
</h2>
<form>
<input type="text" placeholder="아이디를 입력하세요.">
<input type="password" placeholder="비밀번호를 입력하세요.">
<input type="submit" value="로그인">
<p>
* 비밀번호를 타 사이트와 같이 사용할 경우 도용 위험이 있으니,<br>
정기적으로 비밀번호를 변경하세요!
</p>
</form>
<div class="actions">
<a href="javascript:void(0)">회원가입</a>
<a href="javascript:void(0)">아이디 찾기</a>
<a href="javascript:void(0)">비밀번호 찾기</a>
</div>
</div>
</section>
'스타벅스 웹사이트' 카테고리의 다른 글
[스타벅스 웹사이트] 완성(git, github 등록 및 netlify 연결) (0) | 2023.01.21 |
---|---|
[스타벅스 웹사이트] 공통 모듈 분리, 로그인 폴더 생성 (0) | 2023.01.20 |
[스타벅스 웹사이트] 푸터, 상단 이동(ScrollTo) (0) | 2023.01.20 |
[스타벅스 웹사이트] 고정 이미지 배경(Parallax), 3D 애니메이션(rotate, translate) (0) | 2023.01.20 |
[스타벅스 웹사이트] 리워즈, Youtube Iframe Api (0) | 2023.01.20 |