easyMeeting
/
sign.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>login easyMeeting</title>

  <!-- css style links -->
  <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
  <link rel="stylesheet" href="css/sign.css">
  <!-- <link rel="icon" href="images/logo.png">-->

  <script src="js/jquery.min.js"></script>
  <script src="bootstrap/js/bootstrap.js"></script>
  <script src="js/sign.js"></script>
<head>
<body>
  <div class="signup-or-signin">
    <header>
      <h1>easyMeeting</h1>
      <h2>简单地预定、管理会议</h2>
    </header>

    <main class="sign-flow">
      <div class="sign-tab-navs">
        <span class="to-signup active">注册</span>
        <span class="to-signin">登录</span>
      </div>

      <div class="sign-form">
	      <!-- 注册  -->
        <div class="signup-form">
          <div class="signup-input">
            <div id="username" class="signup-info">
              <input type="text" name="username" placeholder="用户名">
              <div class="hide"><div></div><span>用户名不能为空</span></div>
            </div>

            <div id="password" class="signup-info">
              <input type="password" name="password" placeholder="密码">
              <div class="hide"><div></div><span>密码不能为空</span></div>
            </div>

            <div id="re-password" class="signup-info">
              <input type="password" name="re-password" placeholder="重复输入密码">
              <div class="hide"><div></div><span>重复输入密码错误</span></div>
            </div>
          </div>
	        <div class="alert hide"></div>
          <button class="btn btn-signup" type="submit">注册</button>
        </div>

	      <!-- 登录  -->
        <div class="signin-form hide">
          <div class="signin-input">
            <input type="text" name="username" placeholder="用户名">
            <input type="password" name="password" placeholder="密码">
          </div>
	        <div class="alert hide"></div>
          <button class="btn btn-signin" type="submit">登录</button>
          <div class="rember-user pull-left">
            <input type="checkbox" name="rember-me" checked>
	          <label for="rember-me">记住我</label>
          </div>
          <div class="forgot-passwod pull-right"><a href="#">忘记密码?</a></div>
        </div>
      </div>
    </main>
  </div>

  <footer>
    <span>@2016 PepperPapa | zhongxin2506@outlook.com</span>
  </footer>
</body>
</html>