84 lines
3.6 KiB
HTML
84 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
|
<title>SRECUI - Partner Inventory System</title>
|
|
<link rel="stylesheet" href="../css/style.css">
|
|
<script src="../js/motion.js"></script>
|
|
</head>
|
|
<body class="login">
|
|
<header>
|
|
<div>
|
|
<h1>
|
|
<img src="../images/logo_secui.svg" alt="SRECUI logo">
|
|
<span>- Partner Inventory System</span>
|
|
</h1>
|
|
<div class="language">
|
|
language :
|
|
<span>
|
|
<select>
|
|
<option>한국어</option>
|
|
<option>English</option>
|
|
</select>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<main>
|
|
<div class="login_wrapper">
|
|
<h2>LOGIN</h2>
|
|
<div class="login_box">
|
|
<div class="check_form">
|
|
<p class="check_box">
|
|
<input type="checkbox" id="c2" name="c" class="checkbox">
|
|
<label for="c2" class="gtr small"></label>아이디 저장
|
|
</p>
|
|
</div>
|
|
<div class="input_form">
|
|
<p>
|
|
<label for="inp1" class="inp clear err"> <!-- 에러메세지 뿌릴때는 .err 클래스 추가 -->
|
|
<input type="text" id="inp1" class="inp_states" placeholder="사용자 이메일 입력" autocomplete="off">
|
|
<span class="focus-bg"></span>
|
|
<span class="err_msg">에러메세지가 노출됩니다.</span>
|
|
<button class="btn_clear"><span class="blind">삭제</span></button>
|
|
</label>
|
|
</p>
|
|
<p>
|
|
<label for="inp2" class="inp clear">
|
|
<input type="password" id="inp2" class="inp_states" placeholder="비밀번호 입력" autocomplete="off">
|
|
<span class="focus-bg"></span>
|
|
<span class="err_msg">에러메세지가 노출됩니다.</span>
|
|
<button class="btn_clear"><span class="blind">삭제</span></button>
|
|
</label>
|
|
</p>
|
|
<button type="button" class="btn_blue">로그인</button>
|
|
</div>
|
|
</div>
|
|
<div class="out_link">
|
|
<a href="#none">신규회원가입</a>
|
|
<a href="#none">아이디/비밀번호 찾기</a>
|
|
</div>
|
|
<ul class="sub_discription">
|
|
<li><em>·</em> SECUI는 Partner Inventory System입니다.</li>
|
|
<li><em>·</em> 처음 방문하시는 사용자는 신규회원가입 후 사용해 주세요.</li>
|
|
<li><em>·</em> 본 시스템은 Internet Explorer를 지원하지 않습니다.</li>
|
|
</ul>
|
|
</div>
|
|
</main>
|
|
<footer>
|
|
<div>
|
|
<div class="foot_head">
|
|
<h2><img src="../images/logo_secui_gray.svg" alt="secui logo"></h2>
|
|
<a href="#none">개인정보취급방침</a>
|
|
</div>
|
|
<p class="foot_copy">
|
|
(03161) 서울특별시 종로구 종로 51, 3,5,6층 (종로2가, 종로타워)<br>
|
|
<span>COPYRIGHT(C) 2018 SECUI ALL RIGHTS RESERVED</span>
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|