<!DOCTYPE html>
<html >
  <head>
    <meta charset="UTF-8">
    <title>COLTANQUES</title>
      <link rel="stylesheet" href="css/style1.css">
       <meta charset="utf-8" />
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
   
  </head>
  <body>

  <div class="container">
    <section id="content">
      <form action="login123.php" method="post" class="login">
        <h1>Login</h1>
        <div>
          <input type="text" placeholder="Username" name="User" required="" id="User" />
        </div>
        <div>
          <input type="password" placeholder="Password" name="Password" required="" id="password" />
        </div>
        <div>
          <input name="login" type="submit" value="login">
        </div> 
    </div>
    </form>
    </section>
  </div>

<div class="container">
  <section id="content">
    <form action="registro.php" method="POST">
      <h1>Registro</h1>
      <div>
          <input type="text" placeholder="Nombre" name="Nombre" required id="username" />
      </div>
      <div>
          <input type="text" placeholder="Apellido" name="Apellido" required id="username" />
      </div>
      <div>
        <input type="text" placeholder="Cedula" name="Cedula" required id="username" />
      </div>
      <div>
        <input type="text" placeholder="Username" name="Username" required id="username" />
      </div>
      <div>
        <input type="password" placeholder="Password" name="Password" required id="password" />
      </div>
      <div>
        <input type="submit" value="REGISTER" id="abrir"/>
      </div>
  </div>
  </form>
  </section>
</div>
</body>
     <script src="js/index.js"></script>
  </body>
</html>