Tul xxx Tul

Viewing: register.php

<?php include __DIR__ . '/includes/header.php'; ?>
<style>
.login-split {
    display: flex;
    min-height: 100vh;
}
.login-left {
    flex: 1;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-right {
    flex: 1;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.login-form-box {
    background: #fff;
    border-radius: 28px;
    box-shadow: 0 4px 32px rgba(0,0,0,0.10);
    padding: 48px 38px 32px 38px;
    max-width: 400px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.login-logo {
    width: 300px;
    margin-bottom: 18px;
}
.login-form-box h2 {
    color: #00bfff;
    font-weight: 700;
    margin-bottom: 18px;
    font-family: 'Segoe UI', Arial, sans-serif;
}
.login-form-box label {
    color: #23252b;
    font-weight: 500;
}
.login-form-box .form-control {
    border-radius: 12px;
    border: 1.5px solid #e0e0e0;
    margin-bottom: 12px;
    font-size: 1.08em;
}
.login-form-box .btn-primary {
    background: #00bfff;
    border: none;
    border-radius: 12px;
    font-weight: 600;
    font-size: 1.1em;
    margin-top: 8px;
    box-shadow: 0 2px 8px #00bfff33;
}
.login-form-box .btn-primary:hover {
    background: #0099e5;
}
.login-form-box .alert {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
    font-size: 1em;
}
.login-form-box .mt-3 a {
    color: #00bfff;
    text-decoration: underline;
    font-size: 1em;
}
@media (max-width: 900px) {
    .login-split { flex-direction: column; }
    .login-left, .login-right { flex: none; min-height: 40vh; }
}
</style>
<div class="login-split">
    <div class="login-left">
        <img src="assets/img/CyNe.gif" alt="Logo CyNe" class="login-logo">
    </div>
    <div class="login-right">
        <form action="router.php?action=register" method="post" class="login-form-box">
            <img src="assets/img/logo.png" alt="Logo CyNe" class="login-logo d-block d-md-none">
            <h2>Registro de Usuario</h2>
            <?php if (!empty($error)): ?>
                <div class="alert alert-danger"><?= htmlspecialchars($error) ?></div>
            <?php endif; ?>
            <div class="mb-3 w-100">
                <label>Nombre:</label>
                <input type="text" name="nombre" class="form-control" required>
            </div>
            <div class="mb-3 w-100">
                <label>Email:</label>
                <input type="email" name="email" class="form-control" required>
            </div>
            <div class="mb-3 w-100">
                <label>Contraseña:</label>
                <input type="password" name="password" class="form-control" required>
            </div>
            <button type="submit" class="btn btn-primary w-100">Registrarse</button>
            <div class="mt-3 text-center w-100">
                <a href="login.php">¿Ya tienes cuenta? Inicia sesión</a>
            </div>
        </form>
    </div>
</div>
<?php include __DIR__ . '/includes/footer.php'; ?>
User / IP	: 216.73.216.146
Host / Server	: 45.84.207.204 / aircan.me
System	: Linux lt-bnk-web1726.main-hosting.eu 5.14.0-611.36.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Mar 3 11:23:52 EST 2026 x86_64