|
|
@@ -0,0 +1,182 @@
|
|
|
+<!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>
|
|
|
+ <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;">Explore</p>
|
|
|
+ <p style="font-size: 36px;">all creativety</p>
|
|
|
+ <p style="color:#d2d2d2;">There are many variations of passages of Lorem lpsum available,</p>
|
|
|
+ <p style="color:#d2d2d2;">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">Sign up</h3>
|
|
|
+
|
|
|
+ <form class="signup-form">
|
|
|
+ <div class="form-group form-group-custom">
|
|
|
+ <label for="email">Email</label>
|
|
|
+ <input type="email" class="form-control" id="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">Password</label>
|
|
|
+ <input type="password" class="form-control" 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">Confirm password</label>
|
|
|
+ <input type="password" class="form-control" 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">
|
|
|
+ <span class="tip-txt-grey">Creating a account means you’re okay with our Terms of <span class="tip-txt-link">Services, Privacy policy ,</span> and our default <span class="tip-txt-link">Notification settings.</span></span>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <button class="btn btn-lg btn-danger btn-block create-btn" type="submit">Create account</button>
|
|
|
+ </form>
|
|
|
+
|
|
|
+
|
|
|
+ <div style="margin-top:40px;text-align: center;"><span class="tip-txt-grey">Already a member ？ </span><span class="tip-txt-link" data-forward="../signin/signin.html">Sign in now</span></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </div> <!-- /container -->
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 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/signup.js"></script>
|
|
|
+ <script src="../../assets/plugin/zeroModal/js/zeroModal.js"></script>
|
|
|
+ </body>
|
|
|
+</html>
|
chenwen