<!-- Este es el registro de un administrador -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,700">
    <title>FR | Registro</title>
    <link rel="icon" href="../img/BG/logoFR.ico">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../css/styles.css">
</header>

<body>
    <div class="signup-form">
        <form action="admin.php" method="post">
       
          <img src="../img/BG/logoFR.png" width="100%">
            <h2>Registro</h2>
            <p class="hint-text">Llena todos los campos.</p>
            <div class="form-group">
                <div class="row">
                    <div class="col">
                        <input type="text" class="form-control" id="nombre" name="nombre" placeholder="Nombre" required="required">
                    </div>
                    <div class="col">
                        <input type="text" class="form-control" id="usuario" name="usuario" placeholder="Usuario" required="required">
                    </div>
                </div>
            </div>
            <div class="form-group">
                <input type="email" class="form-control" name="email" placeholder="Email" required="required">
            </div>
            <div class="form-group">
                <input type="password" class="form-control" id="contraseña" name="contraseña" placeholder="Contraseña" required="required">
            </div>
            <div class="form-group">
                <input type="text" class="form-control" id="telefono" name="telefono" placeholder="Teléfono" required="required">
            </div>
            <div class="form-group">
                <input type="text" class="form-control" id="extension" name="extension" placeholder="Extension" required="required">
            </div>
            <div class="form-group">
                <input type="text" class="form-control" id="categoria" name="categoria" placeholder="Categoría" required="required">
            </div>
            <div class="form-group">
             
                <input type="text" class="form-control" id="area" name="area" placeholder="Area" required="required">
            </div>
            <div class="form-group">
                <input type="text" class="form-control" id="puesto" name="puesto" placeholder="Puesto" required="required">
            </div>
            <div class="form-group">
                <input type="text" class="form-control" id="sede" name="sede" placeholder="Sede" required="required">
            </div>
            <div class="form-group">
                <label class="form-check-label">
                    <input type="checkbox" required="required"> I accept the
                    <a href="#">Terms of Use</a> &amp;
                    <a href="#">Privacy Policy</a>
                </label>
            </div>
            <div class="form-group">
                <button type="submit" class="btn btn-success btn-lg btn-block">Registrar ahora</button>
            </div>
            <div class="text-center">Ya tienes una cuenta?
            <a href="login.html">Iniciar sesión</a>
        </div>

        </form>
      

    </div>
</body>