<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta content="Responsive bootstrap 4 admin template" name="description" />
    <meta content="Coderthemes" name="author" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>SISTEMA COLEGIO</title>
    <!-- App favicon -->
    <link rel="shortcut icon" href="<?= base_url().RECURSOS ?>images/favicon.ico">
    <!-- App css -->
    <link href="<?= base_url().RECURSOS ?>css/bootstrap.min.css" rel="stylesheet" type="text/css"
        id="bootstrap-stylesheet" />
    <link href="<?= base_url().RECURSOS ?>css/icons.min.css" rel="stylesheet" type="text/css" />
    <link href="<?= base_url().RECURSOS ?>css/app.min.css" rel="stylesheet" type="text/css" id="app-stylesheet" />

    <!-- Custom Files -->
    <link href='<?= base_url().RECURSOS ?>css/estilonew.css' rel='stylesheet'>
    <script src="<?= base_url().RECURSOS ?>js/modernizr.min.js"></script>
    <style type="text/css">
    .cuni-color {
        background-color: #DD0A0D;
    }

    .cuni-fondo {
        background: url(<?= base_url().RECURSOS ?>images/diseño1.jpg) no-repeat fixed center center;
        background-size: cover;
    }

    .cuni-btn {
        color: #fff;
        background-color: #DD0A0D;
        border: 1px solid #DD0A0D;
    }
    </style>
</head>

<body class="authentication-page cuni-fondo">
    <div class="account-pages my-5" id="login-box">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-8 col-lg-6 col-xl-5">
                    <div class="card mt-4">
                        <div class="card-header p-4 position-relative cuni-color">
                            <center><!--img src="<?= base_url().RECURSOS ?>images/logo1.png" width="90%"--></center>
                        </div>
                        <div class="card-body p-4 mt-2 login-box">
                            <?= validation_errors() ?>
                            <form id="signupForm" class="form-horizontal p-3" action="" method="post"
                                novalidate="novalidate" role="form" autocomplete="off">
                                <div class="form-group mb-3">
                                    <label>Usuario</label>
                                    <input type="text" name="usuario" id="usuario" class="form-control"
                                        placeholder="Usuario" autofocus required>
                                </div>
                                <div class="form-group mb-3">
                                    <label>Contraseña</label>
                                    <input type="password" name="password" class="form-control" placeholder="Clave"
                                        required>
                                </div>
                                <div class="form-group text-center mt-5 mb-4">
                                    <button type="submit"
                                        class="btn btn-primary waves-effect width-md waves-light">Ingresar</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Vendor js -->
    <script src="<?= base_url().RECURSOS ?>js/vendor.min.js"></script>
    <!-- App js -->
    <script src="<?= base_url().RECURSOS ?>js/app.min.js"></script>
    <!--form validation-->
    <script type="text/javascript" src="<?= base_url().RECURSOS ?>js/jquery.validate/jquery.validate.min.js">
    </script>
    <!--form validation init-->
    <script src="<?= base_url().RECURSOS ?>js/jquery.validate/form-validation-init.js"></script>
    <script src="<?= base_url().RECURSOS ?>js/localization/messages_es.min.js"></script>
</body>

</html>
