1<!DOCTYPE html> 2<html> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <title> 8 Planifica | Login </title> 9 <link rel="stylesheet" href="https://www.planifica.ec/app/public/vendor/fontawesome-free/css/all.min.css"> 10 <link rel="stylesheet" href="https://www.planifica.ec/app/public/vendor/overlayScrollbars/css/OverlayScrollbars.min.css"> 11 <link rel="stylesheet" href="https://www.planifica.ec/app/public/vendor/adminlte/dist/css/adminlte.min.css"> 12 <style> 13 .login-page{ 14 background-color:#fff!important; 15 position:relative; 16 } 17 /*NAVBAR*/ 18 .mainHeader{ 19 position:absolute; 20 top:0; 21 left:0; 22 width:100%; 23 height:100px; 24 display:flex; 25 background:transparent; 26 } 27 .navbar{ 28 position:absolute!important; 29 } 30 .label{ 31 font-size:16px; 32 } 33 .contenido{ 34 padding:10px 20px; 35 display:block; 36 margin:auto; 37 transition: all 300ms ease-in-out; 38 } 39 .contenido a{ 40 color:#fff; 41 font-weight:550; 42 cursor:pointer; 43 } 44 .cambioColor{ 45 width:200px; 46 text-align:center; 47 font-weight:550; 48 } 49 .cambioColor a { 50 color:#fff; 51 font-weight:500; 52 } 53 .contenido a:hover{ 54 color:#fff; 55 } 56 /*FOMRULARIO*/ 57 #formulario{ 58 border-radius:60px!important; 59 } 60 #formulario .card-body{ 61 border-radius:60px!important; 62 } 63 .tituloContainer{ 64 font-size:30px; 65 color:#0d336f; 66 font-weight:bold; 67 padding:5px 0px; 68 text-align:center; 69 margin-bottom:0px; 70 } 71 .barra{ 72 width:10%; 73 display:flex; 74 justify-content:center; 75 margin:auto; 76 border:2px solid #0d336f; 77 margin-bottom:20px; 78 } 79 label{ 80 font-size:15px; 81 color:#4a4f54; 82 } 83 article{ 84 font-weight:bold; 85 font-size:14px; 86 text-align:justify; 87 } 88 .btnforgetPass { 89 color: #017ac9; 90 } 91 a.btnforgetPass:hover { 92 color: #0d336f; 93 } 94 .div-input-txt-password{ 95 display: block; 96 } 97 .span-show-pswd{ 98 background-color: #fff; 99 border: none !important; 100 float: right; 101 margin-top: -33px; 102 position: relative; 103 z-index: 2; 104 height: 32px; 105 width: 39px; 106 padding-top: 9px; 107 margin-right: 1px; 108 } 109 .txt-pwsd-login{ 110 padding-right: 40px; 111 } 112 .input-group-addon { 113 padding: 6px 12px; 114 line-height: 1; 115 text-align: center; 116 } 117 /*FOOTER*/ 118 .footer{ 119 position:absolute; 120 bottom:0px; 121 left:0px; 122 padding:15px 20px; 123 display:flex; 124 justify-content:flex-end; 125 width:100%; 126 } 127 .footer span{ 128 color:#eb2b5b; 129 font-weight:500; 130 } 131 .footer i{ 132 color:#eb2b5b; 133 margin-left:20px; 134 } 135 /*RESPONSIVE*/ 136 @media(max-width:700px){ 137 .mainHeader { 138 position:relative!important; 139 } 140 } 141 @media(max-width:600px){ 142 .ml-auto{ 143 margin-left:0px!important; 144 display:flex; 145 width:100%; 146 } 147 .navbar-custom-menu{ 148 display:flex; 149 justify-content:center; 150 margin:auto; 151 } 152 #formulario{ 153 border-radius:0px!important; 154 } 155 } 156 </style> 157 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic"> 158 <style> 159 /*INSTANCIO LA FUENTE DE LATO*/ 160 @font-face{ 161 font-family: 'LatoLight'; 162 src: url("https://www.planifica.ec/app/public/Fonts/Lato-Regular.ttf"); 163 } 164 *{ 165 font-family:'LatoLight'; 166 } 167 168 /*FONDO AZUL*/ 169 .fondoAzul{ 170 background-image:url("https://www.planifica.ec/app/public/images/back_system.png"); 171 width:100%; 172 height:100%; 173 position:absolute; 174 top:0; 175 left:0; 176 background-repeat:no-repeat; 177 background-size:cover; 178 } 179 /*colorBoton*/ 180 .colorRosado{ 181 background:#eb2b5b; 182 border-radius:40px; 183 } 184 /*ESTILOS BOTON*/ 185 .botonGeneral{ 186 padding:10px 20px; 187 background: rgba(235,43,91,.4); 188 border:none; 189 min-width:180px;
190 max-width:200px; 191 border-radius:40px; 192 display:flex; 193 justify-content:center; 194 text-align:center; 195 margin:auto; 196 color:#0d336f; 197 font-size:20px; 198 border-color:rgba(235,43,91,.4); 199 transition:all 300ms ease-in-out; 200 } 201 .botonGeneral:hover,.cambioColor:hover{ 202 -webkit-transform: translateY(-3px); 203 -ms-transform: translateY(-3px); 204 transform: translateY(-5px); 205 box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.2); 206 font-weight:normal; 207 } 208 button:focus{ 209 box-shadow:none!important; 210 outline:none!important; 211 } 212 /*INPUTS*/ 213 input:focus{ 214 box-shadow:none!important; 215 outline:none!important; 216 } 217 input{ 218 border:none; 219 padding:10px 20px; 220 width:100%; 221 border-bottom:1px solid #bfbfbf; 222 color:#0d336f; 223 font-size:15px; 224 } 225 input::-webkit-input-placeholder { 226 color: #4a4f54; 227 opacity:.5; 228 } 229 input:-moz-placeholder { 230 color: #4a4f54; 231 opacity:.5; 232 } 233 input:-ms-input-placeholder { 234 color: #4a4f54; 235 opacity:.5; 236 } 237 /*FOMRULARIO*/ 238 .login-box, .register-box{ 239 width:550px!important; 240 } 241 .login-card-body, .register-card-body{ 242 padding: 30px 50px!important; 243 } 244 /*RESPONSIVE*/ 245 @media(max-width:700px){ 246 .footer{ 247 position:relative!important; 248 } 249 .login-box, .register-box{ 250 width:100%!important; 251 padding:20px; 252 } 253 .login-page{ 254 display:block!important; 255 } 256 } 257 @media(max-width:600px){ 258 .botonGeneral , .cambioColor{ 259 min-width:100%; 260 } 261 #barraNavegacion .logo img{ 262 width:200px!important; 263 } 264 .mainHeader{ 265 height:auto!important; 266 } 267 } 268 </style> 269 </head> 270 <body class="login-page" > 271 272 <div class="fondoAzul"> 273 </div> 274 275 <!-- HEADER --> 276 <nav class="mainHeader navbar navbar-expand-md"> 277 <ul class="navbar-nav" id="barraNavegacion"> 278 <li class="nav-item"> 279 <a class="nav-link logo" href="https://www.planifica.ec"> 280 <img src="https://www.planifica.ec/app/public/images/logo_on.png" width="160px"> 281 </a> 282 </li> 283 </ul> 284 <ul class="navbar-nav ml-auto"> 285 <div class="navbar-custom-menu"> 286 <ul class="nav navbar-nav"> 287 <li class="contenido"> 288 <span class="label" style="color: white">¿Todavia no eres usuario?</span> 289 </li> 290 <li class="contenido cambioColor colorRosado" > 291 <a href="https://www.planifica.ec/app/public/web/register"> 292 <span class="label">Registrarse</span> 293 </a> 294 </li> 295 </ul> 296 </div> 297 </ul> 298</nav> 299 <div class="login-box"> 300 <div class="card" id="formulario"> 301 <div class="card-body login-card-body"> 302 <p class="tituloContainer">Inicia Sesión en Planifica</p> 303 <hr class="barra"> 304 <form action="https://www.planifica.ec/app/public/web/login/getcode" method="POST"> 305 <input type="hidden" name="_token" value="R0Z0bzhv8XJ3C5dbQPKik2HhhJTfAkYGmpD6CcMX" autocomplete="off"> 306 307 <label for="nombreUsuario">Usuario</label> 308 <div class="input-group mb-3"> 309 <input type="text" name="nombreUsuario" value="" placeholder="Introduce tu nombre de usuario" autofocus> 310 </div> 311 312 <label for="password">Contraseña</label> 313 <div class="input-group mb-3 div-input-txt-password"> 314 <input type="password" class="textCredenciales js-txt-passwd txt-pwsd-login" name="password" value="" placeholder="Introduce tu contraseña" autofocus>
315 <span class="input-group-addon js-btn-ver-passwd span-show-pswd"></span> 316 </div> 317 318 <article> 319 <a href="https://www.planifica.ec/app/public/web/recovery/step1" class="btnforgetPass"> 320 ¿Olvidaste tu contraseña? 321 </a> 322 </article> 323 324 <br/> 325 326 <div class="col-12"> 327 <button type="submit" class="botonGeneral">Siguiente</button> 328 </div> 329 </form> 330 </div> 331 </div> 332 </div> 333 334 <!-- FOOTER --> 335 <div class="footer"> 336 <a href="https://www.planifica.ec"> 337 <span>Regresar a la Web</span><i class="fas fa-arrow-right"></i> 338 </a> 339</div> 340
340<script src="https://www.planifica.ec/app/public/vendor/jquery/jquery.min.js"></script>
340 341
341<script src="https://www.planifica.ec/app/public/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
341 342
342<script src="https://www.planifica.ec/app/public/vendor/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
342 343 344 345
345<script src="https://www.planifica.ec/app/public/vendor/adminlte/dist/js/adminlte.min.js"></script>
345 346
346<script type="text/javascript"> 347 $('.js-txt-passwd').on( 348 'keyup', 349 function (e) { 350 var txtUsername= $(e.currentTarget); 351 var valueText= txtUsername.val(); 352 if(valueText.length>0){ 353 if (txtUsername.is( "[type=text]")) { 354 $('.js-btn-ver-passwd').html('<i class="fa fa-eye-slash" aria-hidden="true"></i>'); 355 } else { 356 $('.js-btn-ver-passwd').html('<i class="fa fa-eye" aria-hidden="true"></i>'); 357 } 358 }else{ 359 $('.js-btn-ver-passwd').html(''); 360 } 361 } 362 ); 363 $('.js-btn-ver-passwd').on( 364 'click', 365 function (e){ 366 var typeText = $('.js-txt-passwd'); 367 var btnVerPasswd = $(e.currentTarget); 368 if(typeText.val().length===0){ 369 return false; 370 } 371 if (typeText.is( "[type=text]")) { 372 typeText.attr('type', 'password'); 373 btnVerPasswd.html('<i class="fa fa-eye" aria-hidden="true"></i>'); 374 } else { 375 typeText.attr('type', 'text'); 376 btnVerPasswd.html('<i class="fa fa-eye-slash" aria-hidden="true"></i>'); 377 } 378 } 379 ); 380 </script>
380 381 382 </body> 383</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.