zkx
/
lanhu-bootstrap


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../../js/jquery-1.9.1.min.js"></script>
		<script src="../../js/jquery.i18n.properties.js"></script>
		<script src="../../assets/js/language.js"></script>
		<script src="../../js/jquery.validate.min.js"></script>
		<script src="../../assets/js/language_validator.js"></script>
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="../../assets/plugin/zeroModal/css/normalize.css" />
		<link rel="stylesheet" type="text/css" href="../../assets/plugin/zeroModal/css/zeroModal.css">
		<style>
		   .top{
			   padding:10px 50px 0px 50px;
			   border-bottom: 1px solid #e8e8e8;
			   display: flex;
			   flex-flow: row nowrap;
			   justify-content: space-between;
			   align-items: center;
			   height: 80px;
			   box-sizing: border-box;
			   font-family: Avenir-Black;
			}
		   
		   .top-item{
			   padding:0px 20px;
			   line-height: 70px;
			   font-weight: bold;
			   cursor: pointer;
		   }
		   .top-item-active{
			   border-bottom: 3px solid #f83d5a;
			   color: #f83d5a;
		   }
		   .us-name-item{
			   width:160px;
		   }
		   .form-box{
			   width:300px;
			   margin:50px auto;
		   }
		   .form-group-custom .input-tool-icon{
		   			  width:30px;
		   			  height:30px;
		   			  text-align: center;
		   			  line-height: 30px;
		   			  position: absolute;
		   			  top: 35px;
		   			  right: 5px;
		   			  color:#999;
		   			  font-size: 14px;
		   			  z-index: 100;
		   			  /* padding: 10px; */
		   			  cursor:pointer;
		   			 /* background-color: #1B6D85; */
		   			 display: none;
		    }
		    .form-group-custom{
		   			 position: relative;
		   			 margin-bottom: 30px;
		    }
		    .form-group-custom .form-control {
		   			  height: 48px;
		   			  line-height: 48px;
		   			  padding-right: 42px;
		   			  /* margin-bottom: 30px; */
		    }
		    .login-tit{
		   			  font-size: 28px;
		   			  font-weight: bold;
		   			  margin:30px 0px 50px;
		   			 
		    }
		    .form-group-custom  label[for]{
		   			  font-weight: bold;
		    }
		    .form-group-custom  label[for][class='error']{
		    		font-weight: normal;
		    				font-size:14px;
		    				color:#F27474;
		    }
		</style>
	</head>
	<body>
		<div class="container-fluid" style="padding:0;">
			<div class="top">
				<div class="top-item">
					<img  src="../../assets/img/head_logo.png"/>
				</div>
				<div class="top-item">
					<span>LIBRARY</span>
				</div>
				<div class="top-item">
					<span>MOMENTS</span>
				</div>
				<div class="top-item" style="flex:1;"></div>
				<div class="top-item">
					<img src="../../assets/img/head_icon_language.png"><span>&nbsp;&nbsp;English</span>
				</div>
				<div class="top-item us-name-item  top-item-active">
					<span>Sign in / Sign up</span>
				</div>
				<div class="top-item">
					<img  src="../../assets/img/head_add.png" style="height: 40px;">
				</div>
			</div>
			
			<div class="form-box">
				<h4 style="margin-bottom: 50px;font-weight: bold;">Change password</h4>
				<form class="signin-form">
					<div class="form-group form-group-custom">
					  <label for="email">Old password</label>
					  <input type="password" class="form-control" id="oldpwd" name="oldpwd" placeholder="Enter your old password" required>
					  <span class="input-tool-icon glyphicon glyphicon-eye-open"></span>
					</div>
					
					<div class="form-group form-group-custom">
					  <label for="pwd">Password</label>
					  <input type="password" class="form-control" id="pwd" name="pwd" placeholder="Enter your new password" required>
					  <span class="input-tool-icon glyphicon glyphicon-eye-open"></span>
					</div>
					
					<div class="form-group form-group-custom">
					  <label for="pwd">Confirm new password</label>
					  <input type="password" class="form-control" id="pwdagain" name="pwdagain" placeholder="Enter your new password again" required equalTo="#pwd">
					  <span class="input-tool-icon glyphicon glyphicon-eye-open"></span>
					</div>
					
					<button class="btn btn-lg btn-danger btn-block create-btn" type="submit">Change</button>
				</form>
			</div>
		</div>
		
		<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
		<script src="https://fastly.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.35/assets/js/ie10-viewport-bug-workaround.js"></script>
		<script src="../../assets/js/changepwd.js"></script>
		<script src="../../assets/plugin/zeroModal/js/zeroModal.js"></script>
	</body>
</html>