<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>Sign Up Login</title>
<link rel="stylesheet" href="../static/css/login_style.css">
<script src="../static/js/jquery.js"></script>
<script src="../static/js/jquery-3.1.1.min.js"></script>
<!-- <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
 -->

</head>

<body>
  <!-- <link href="../static/css/font-Lato-Icons.css" rel="stylesheet"> -->

<!-- <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link rel='stylesheet prefetch' href='https://fonts.googleapis.com/icon?family=Material+Icons'> -->


<div class="cotn_principal">
  <div class="cont_centrar">
    <div class="cont_login">
      <div class="cont_info_log_sign_up">
        <div class="col_md_login">
          <div class="cont_ba_opcitiy">
            <h2>登录</h2>
            <p>欢迎来到Readgazer！请登录！</p>
            <button class="btn_login" onClick="cambiar_login()">登录</button>
          </div>
        </div>
        <div class="col_md_sign_up">
          <div class="cont_ba_opcitiy">
            <h2>注册</h2>
            <p>如果您还没有账户的话，请先注册！</p>
            <button class="btn_sign_up" onClick="cambiar_sign_up()">注册</button>
          </div>
        </div>
      </div>
      <div class="cont_back_info">
        <div class="cont_img_back_grey"> <img src="../static/img/logo.jpg" alt="" /> </div>
      </div>
      <div class="cont_forms" >
        <div class="cont_img_back_"> <img src="../static/img/logo.jpg" alt="" /> </div>
        <div class="cont_form_login"> <a href="#" onClick="ocultar_login_sign_up()" ><i class="material-icons">&#xE5C4;</i></a>
          <h2>登录</h2>
          <input type="text" placeholder="Email" id="email_login"/>
          <input type="password" placeholder="Password" id="password_login" />
          <button class="btn_login" onClick="login()">登录</button>
        </div>
        <div class="cont_form_sign_up"> <a href="#" onClick="ocultar_login_sign_up()"><i class="material-icons">&#xE5C4;</i></a>
          <h2>注册</h2>
          <input type="text" placeholder="Email" id="email_signup" />
          <input type="text" placeholder="User" id="username_signup"/>
          <input type="password" placeholder="Password" id="password_signup" />
          <input type="password" placeholder="Confirm Password" />
          <button class="btn_sign_up" onClick="sign_up()">注册</button>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> -->
 <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> -->

<script src="../static/js/jquery.js"></script>
<script src="../static/js/jquery.min.js"></script>
<script src="../static/js/login_index.js"></script>

</body>
</html>
