<!DOCTYPE html>
<html lang="en">
<head>
  <title>Cambio de Clave</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css" />
        
  <script type="text/JavaScript" src="../js/jQuery.js"></script>
  <script src="../js/bootstrap.min.js"></script>
  <script src="../js/validar_form.js"></script>  
  <script src="../js/bootstrapValidator.js"></script>  
  
</head>
<body>

<div class="container">

<br>
<br>
  <div class="col-xs-2 col-md-2"><div class="btn btn-link btn-block btn-lg" tabindex="3" id="btnAceptar"><a href="../index.php">Regresar</a></div></div><br>


  <h2>Cambio de Clave</h2>
  <p>Por favor actualiza tu contraseña para ingresar al sistema</p>
  <form id="CambioClave_form">
    <div class="form-group">
     <div class="col-xs-3">
      <label for="pwd">Password:</label>
      <input type="password" class="form-control input-sm" id="txtClaveNueva" name="txtClaveNueva" maxlength="8" placeholder="Ingrese su nueva contraseña">
      <p id="InfoPwd" class="help-block">Máximo 8 Caracteres</p>
      </div>
    </div>
    
    <div class="form-group">
      <div class="col-xs-3">
      <label for="pwd">Confirmar Password:</label>
      <input type="password" class="form-control input-sm" id="txtConfirmarClave" name="txtConfirmarClave" placeholder="Repita su nueva contraseña">
      <p id="Info_ComPwd" class="help-block">Confirme su nueva contraseña</p>
      </div>
    </div>
    <div class="form-group">
      <div class="col-xs-3">
        <button type="submit" id="btnCambioPwd" class="btn btn-success">Cambiar Contraseña</button>
      </div>  
    </div>    
  </form>
</div>
</body>
</html>