You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
79 lines
3.5 KiB
79 lines
3.5 KiB
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>KISA</title>
|
|
<meta name="keywords" content="KISA" />
|
|
<meta name="author" content="KISA" />
|
|
<meta name="descripption" content="KISA" />
|
|
<link rel="shortcut icon" href="../assets/images/favicon.ico" />
|
|
<link rel="stylesheet" type="text/css" href="../assets/css/index.css" />
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.0/css/all.css" />
|
|
</head>
|
|
<body>
|
|
<div class="main_back">
|
|
<div class="main_wrap">
|
|
<div class="main_contents login_ver1">
|
|
<div class="login_wrap">
|
|
<div class="light_box">
|
|
<div class="lightmode outer">
|
|
<div class="inner">
|
|
<input type="radio" name="toggle" id="toggle-radio-light" />
|
|
<label for="toggle-radio-light" class="tolight circle_light">
|
|
<i class="fas fa-sun tolight"></i>
|
|
</label>
|
|
<input type="radio" name="toggle" id="toggle-radio-dark" checked />
|
|
<label for="toggle-radio-dark" class="todark circle_dark">
|
|
<i class="fas fa-moon todark"></i>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="login_box">
|
|
<section class="login_input">
|
|
<div class="dflx_ac_jbet">
|
|
<div class="dflx gap_10 m-b-32">
|
|
<p class="login_txt">Login</p>
|
|
<span class="num_txt">1/2</span>
|
|
</div>
|
|
<p class="label">회원가입</p>
|
|
</div>
|
|
<div class="put_zone m-b-20">
|
|
<input type="text" class="wrput large" placeholder="ID" />
|
|
</div>
|
|
<div class="put_zone">
|
|
<input type="password" class="wrput pass large" placeholder="Password" />
|
|
</div>
|
|
<button type="submit" class="btn_primary btn_xl w-100 m-t-20" onclick="location.href='./Main.html'">Login</button>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="login_logo">
|
|
<img src="../assets/images/logo_dark_big.svg" alt="kisa big logo" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript" src="../assets/js/jquery.min.js"></script>
|
|
<script type="text/javascript" src="../assets/js/common.js"></script>
|
|
<script>
|
|
$('.put_see').click(function(){
|
|
$(this).toggleClass('on');
|
|
});
|
|
|
|
$('.wrput').keydown(function(){
|
|
$(this).css('padding-right','2rem');
|
|
$(this).siblings('.put_delete').css('display','flex');
|
|
$(this).siblings('.put_see').css('display','flex');
|
|
});
|
|
|
|
$('.put_delete').click(function(){
|
|
$(this).siblings('.wrput').css('padding-right','0.75rem');
|
|
$(this).siblings('.wrput').val('');
|
|
$(this).css('display','none');
|
|
$(this).parent().siblings('.btn_srch28').removeClass('on');
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|