zkx
/
lanhu-bootstrap


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>sign up</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 href="../../css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="../../assets/plugin/zeroModal/css/zeroModal.css">
		<link rel="stylesheet" type="text/css" href="../../assets/plugin/zeroModal/css/normalize.css" />
		
		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
		    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
		    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->
		<style>
		  html,body{
			  height:100%;
			  padding:0px;
			  margin:0px;
			 /* overflow:hidden; */
		  }
		  body{
			  font-family: Avenir-Black;
			  font-size:14px;
		  }
		  label{
			  font-weight: normal;
			  color:#181818;
		  }
		 
		 
		 
		 .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;
		  }
		  .tip-txt-input{
			  color:#538aff;
			  position: absolute;
			  right:5px;
			  cursor: pointer;
		  }
		  .tip-txt-link{
			   color:#538aff;
			   cursor: pointer;
		  }
		  .tip-txt-grey{
			  color:#666;
			  font-size: 14px;
		  }
		  .checkbox-box{
			  margin-bottom: 40px;
			  display: flex;
			  flex-flow:row nowrap;
		  }
		  .checkbox-box input[type='checkbox']{
			  margin-right:5px;
		  }
		  
		  .left-box{
			  background: url(../../assets/img/signin_ad.png) no-repeat center top;
			  height:100%;
			  color:#fff;
			  padding-left:60px;
			  padding-bottom: 140px;
			  display: flex;
			  flex-flow: column nowrap;
			  justify-content: flex-end;
		  }
		  .mydialog{
			  width:200px;
			  height:200px;
		  }
		 
		</style>
	</head>
	<body>
		<input type="hidden" class="head_success i18n-input"  i18n="head_success" />
		<input type="hidden" class="head_warning i18n-input"  i18n="head_warning" />
		<input type="hidden" class="signin_success i18n-input"  i18n="signup_success" />
		<input type="hidden" class="signin_warning i18n-input"  i18n="signin_warning" />
		
		<div class="container">
			<div class="row">
			      <div class="col-md-7" style="height:100vh;box-sizing: border-box;padding: 20px 0px;">
					 <div class="left-box">
					 						  <p style="font-size: 36px;" class="i18n-text"  i18n="signin_Explore" >Explore</p>
					 						  <p style="font-size: 36px;" class="i18n-text"  i18n="signin_Explore1">all creativety</p>
					 						  <p style="color:#d2d2d2;" class="i18n-text"  i18n="signin_Explore2">There are many variations of passages of Lorem lpsum available,</p>
					 						  <p style="color:#d2d2d2;" class="i18n-text"  i18n="signin_Explore3">but the majority have suffered alteration in some form,by injected humour.</p>
					 </div>
				  </div>
			      <div class="col-md-4 col-md-offset-1" style="height:100vh;display: flex;flex-flow: column nowrap;justify-content: center;">
					<h3 class="login-tit i18n-text"  i18n="signin_Sign up" >Sign up</h3>
							
					<form class="signup-form">
						<div class="form-group form-group-custom">
						  <label for="email"  class="i18n-text"  i18n="signin_Email">Email</label>
						  <input type="email" class="form-control i18n-placeholder" i18n="signin_Email1" id="email" name="email" placeholder="Enter your email" required>
						  <span class="input-tool-icon glyphicon glyphicon-remove"></span>
						</div>
						
						<div class="form-group form-group-custom">
						  <label for="pwd"  class="i18n-text"  i18n="signin_Password">Password</label>
						
						  <input type="password" class="form-control i18n-placeholder"  i18n="signin_Password2"  id="pwd" name="pwd" placeholder="Enter your password" required>
						  <span class="input-tool-icon glyphicon glyphicon-eye-open"></span>
						</div>
						
						<div class="form-group form-group-custom">
						  <label for="pwd"  class="i18n-text"  i18n="signin_Password3">Confirm password</label>
						 
							<input type="password" class="form-control i18n-placeholder"  i18n="signin_Password4"  id="pwdagain" name="pwdagain" placeholder="Enter your password again" required equalTo="#pwd">
						
						  <span class="input-tool-icon glyphicon glyphicon-eye-open"></span>
						</div>
						
						
								        
						<div class="checkbox-box">
						 
							<input type="checkbox" value="agree-me" class="agree-chkbox agreeme"> 
						<span class="tip-txt-grey">
						<span class="i18n-text" i18n="signin_agree4">Sign in means you’re okay with our Terms of </span>
						<span class="tip-txt-link i18n-text" i18n="signin_agree1">Services, Privacy policy ,</span> 
						<span class="i18n-text" i18n="signin_agree2">and our default </span>
						<span class="tip-txt-link i18n-text" i18n="signin_agree3">Notification settings.</span></span>
												 
						</div>  
							
							
						<button class="btn btn-lg btn-danger btn-block create-btn i18n-text" i18n="signin_Create account" type="submit">Sign in</button>
						
						
 					</form>
					
<div style="margin-top:40px;text-align: center;">
						<span class="tip-txt-grey i18n-text" i18n="signin_signup4">Not a member ？ </span>
						<span class="tip-txt-link i18n-text" i18n="signin_signup3" data-forward="../signin/signin.html">Sign up now</span></div>  
				  </div>      
 				  </div>      
			</div>
			
		
		</div> <!-- /container -->
		
		
		<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
		<script src="../../js/ie10-viewport-bug-workaround.js"></script>
		<script src="../../assets/js/signup.js"></script>
		<script src="../../assets/plugin/zeroModal/js/zeroModal.js"></script>
	</body>
</html>