Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
File Manager
/
casos_medicos1
/
views
:
crearUsuario.php
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
<!doctype html> <html lang="es"> <head> <meta charset="utf-8"> <title>Nuevo usuario</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css"> <style> /* CONTENEDOR PRINCIPAL */ .nuevo-usuario-box { max-width: 480px; margin: 40px auto; background: #e2e2e2ff; padding: 25px 30px; border-radius: 14px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); border: 1px solid #dcdcdc; } /* TÍTULO */ .nuevo-usuario-titulo { font-size: 1.6rem; font-weight: 600; color: #222; display: flex; align-items: center; gap: 8px; margin-bottom: 20px; } .nuevo-usuario-titulo i { color: #0d6efd; font-size: 1.6rem; } /* INPUTS */ .form-control { border-radius: 10px; padding: 10px 12px; border: 1px solid #ccc; } .form-control:focus { border-color: #0d6efd; box-shadow: 0 0 5px rgba(13, 110, 253, 0.4); } /* BOTÓN */ .btn-crear { width: 100%; border-radius: 10px; padding: 10px; font-weight: 600; } </style> </head> <body class="bg-light"> <div class="nuevo-usuario-box"> <h4 class="nuevo-usuario-titulo"> <i class="bi bi-person-plus"></i> Crear Nuevo Usuario </h4> <?php if (!empty($msg)): ?> <div class="alert alert-success"><?= htmlspecialchars($msg) ?></div> <?php endif; ?> <form method="post"> <input name="nombre" class="form-control mb-3" placeholder="Nombre completo" required> <input name="usuario" class="form-control mb-3" placeholder="Nombre de usuario" required> <input name="clave" type="password" class="form-control mb-3" placeholder="Contraseña" required> <select name="perfil" class="form-control mb-3"> <option>Administrador</option> <option>Medico</option> <option>Auxiliar</option> </select> <button class="btn btn-primary btn-crear"> <i class="bi bi-check-circle"></i> Crear Usuario </button> </form> </div> </body> </html>