    <div class="row">
        <div class="col-12">
            <pre class="with-hljs"><code class="lang-bak01">&lt;?php require_once &#039;clases/login.php&#039;; 
$login = new login();
if (isset($_POST[&#039;grabar&#039;]) and $_POST[&#039;grabar&#039;]==&#039;si&#039;)
{
	$login-&gt;nueva_sesion();
}else{
 
}


if (isset($_GET[&#039;usuario&#039;]) and $_GET[&#039;usuario&#039;]==&#039;usuario_no_existe&#039;)
{
	echo &#039;&lt;span style=&quot;color:red;&quot;&gt;Usuario no econtrado o inactivo, si el problema persiste consulte con el administrador.&lt;/span&gt;&lt;br&gt;&#039;;
}

?&gt;
&lt;html lang=&quot;es&quot; hola_ext_inject=&quot;disabled&quot;&gt;&lt;head&gt;
	&lt;link rel=&quot;shortcut icon&quot; type=&quot;image/x-icon&quot; href=&quot;favicon.ico&quot; /&gt;
    &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=UTF-8&quot;&gt;
    &lt;meta name=&quot;description&quot; content=&quot;DentiDesk - Software Dental&quot;&gt;
    &lt;meta name=&quot;keywords&quot; content=&quot;dentidesk, software, odontologia, dentistas, plataforma, online, administracion&quot;&gt;
    &lt;meta name=&quot;author&quot; content=&quot;DentiDesk&quot;&gt;
    &lt;meta name=&quot;robots&quot; content=&quot;NOINDEX,NOFOLLOW&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, maximum-scale=1&quot;&gt;
    
    &lt;title&gt;I-Travel&lt;/title&gt;
	&lt;!-- WEB FONTS --&gt;
    &lt;link href=&quot;https://fonts.googleapis.com/css?family=Abel&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;
	
	&lt;!-- jQuery library (served from Google) --&gt;
	&lt;script src=&quot;../js/jquery-1.12.1.js&quot;&gt;&lt;/script&gt;
	
	
	&lt;!-- Latest compiled and minified CSS --&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;bootstrap/css/bootstrap.min.css&quot; integrity=&quot;&quot; crossorigin=&quot;anonymous&quot;&gt;

&lt;!-- Optional theme --&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;bootstrap/css/bootstrap-theme.min.css&quot; integrity=&quot;&quot; crossorigin=&quot;anonymous&quot;&gt;

&lt;!-- Latest compiled and minified JavaScript --&gt;
&lt;script src=&quot;bootstrap/js/bootstrap.min.js&quot; integrity=&quot;&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
		
	&lt;link rel=&quot;stylesheet&quot; href=&quot;css/css.css&quot;&gt;	
	&lt;script type=&quot;text/javascript&quot;&gt;
	$(document).ready(function() {
		$(&#039;#info_principal_close&#039;).click(function(event) {
			$(&#039;#info_principal&#039;).addClass(&#039;invisible&#039;);
		});
	
	
		$(&quot;#entrar_login&quot;).click(function(){
			var msg = &quot;&quot;
			var usuario=$(&quot;input[name=usu]&quot;).val();
			var clave=$(&quot;input[name=pass]&quot;).val();
			if(usuario == &quot;&quot;){msg = msg + &quot;Debe ingresar su Email.&lt;br&gt;&quot;;}
			if(clave == &quot;&quot;){msg = msg + &quot;Debe ingresar su clave.&lt;br&gt;&quot;;}
			
			if(msg == &quot;&quot;){
				$( &quot;#frm_login&quot; ).submit();
			}else{
				alert_principal(&#039;danger&#039;, msg);
			}
		
		});
	});
	
	$(document).keypress(function(e){
		if(e.which==13){
			var msg = &quot;&quot;
			var usuario=$(&quot;input[name=usu]&quot;).val();
			var clave=$(&quot;input[name=pass]&quot;).val();
			if(usuario == &quot;&quot;){msg = msg + &quot;Debe ingresar su Email.&lt;br&gt;&quot;;}
			if(clave == &quot;&quot;){msg = msg + &quot;Debe ingresar su clave.&lt;br&gt;&quot;;}
			
			if(msg == &quot;&quot;){
				$( &quot;#frm_login&quot; ).submit();
			}else{
				alert_principal(&#039;danger&#039;, msg);
			}
		}
	});
	
	function alert_principal(tipo_alerta, mensaje) {
        $(&#039;#info_principal&#039;).removeClass(&#039;invisible&#039;);
        $(&#039;#info_principal&#039;).attr(&#039;style&#039;,&#039;&#039;);
        $(&#039;#info_principal_alert&#039;).attr(&#039;class&#039;,&#039;alert alert-&#039;+tipo_alerta);
        $(&#039;#mensaje_alert&#039;).html(mensaje);
        setTimeout(function() {
            $(&#039;#info_principal&#039;).fadeOut(&#039;fast&#039;);
        }, 7000);
    }
    &lt;/script&gt;
	
	
   &lt;/head&gt;
&lt;body&gt;
&lt;div id=&quot;info_principal&quot; class=&quot;info_principal&quot; style=&quot;display: none;&quot;&gt;
&lt;div id=&quot;info_principal_alert&quot; class=&quot;alert alert-danger&quot; role=&quot;alert&quot;&gt;
		&lt;button type=&quot;button&quot; class=&quot;close&quot; id=&quot;info_principal_close&quot;&gt;×&lt;/button&gt;
		&lt;span id=&quot;mensaje_alert&quot;&gt;Ingrese un &lt;strong&gt;email válido&lt;/strong&gt; antes de continuar.&lt;/span&gt;
	&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;container&quot;&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;col-md-4&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;col-sm-4&quot;&gt;

      &lt;form class=&quot;form-signin&quot; id=&quot;frm_login&quot; action=&quot;&quot; method=&quot;post&quot;&gt;
		&lt;input type=&quot;hidden&quot; name=&quot;grabar&quot; value=&quot;si&quot;&gt;
	  
        &lt;h2 class=&quot;form-signin-heading&quot;&gt;Ingreso&lt;/h2&gt;
		
        &lt;label for=&quot;inputEmail&quot; class=&quot;sr-only&quot;&gt;Dirección de Email&lt;/label&gt;
		&lt;input type=&quot;email&quot; id=&quot;inputEmail&quot; name=&quot;usu&quot; class=&quot;form-control&quot; placeholder=&quot;Direcci&amp;oacute;n de Email&quot; required=&quot;&quot; autofocus=&quot;&quot;&gt;
        
		&lt;label for=&quot;inputPassword&quot; class=&quot;sr-only&quot;&gt;Password&lt;/label&gt;
        &lt;input type=&quot;password&quot; id=&quot;inputPassword&quot; name=&quot;pass&quot; class=&quot;form-control&quot; placeholder=&quot;Password&quot; required=&quot;&quot;&gt;
        
		&lt;!--&lt;div class=&quot;checkbox&quot;&gt;
          &lt;label&gt;
            &lt;input type=&quot;checkbox&quot; name=&quot;recordar&quot;&gt; Remember me
          &lt;/label&gt;
        &lt;/div&gt;--&gt;
		 &lt;div class=&quot;checkbox&quot;&gt;
          &lt;label&gt;
            ¿Perdio su contraseña? &lt;a href=&quot;recupera.php&quot;&gt;click aquí&lt;/a&gt;
          &lt;/label&gt;
        &lt;/div&gt;
        &lt;button class=&quot;btn btn-lg btn-primary btn-block&quot; type=&quot;button&quot; id=&quot;entrar_login&quot;&gt;Entrar&lt;/button&gt;
      &lt;/form&gt;

    &lt;/div&gt;
&lt;div class=&quot;col-md-4&quot;&gt;&amp;nbsp;&lt;/div&gt;	
&lt;/div&gt;	
&lt;/div&gt;
&lt;/body&gt;&lt;/html&gt;</code></pre>        </div>
    </div>