<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
        <!-- Agregar FontAwesome al proyecto es enlazando los archivos CSS directamente desde un CDN (Content Delivery Network) -->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
		<!-- vinculo a bootstrap -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous" />
        <!-- Temas  -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous" />
        <!-- se vincula al hoja de estilo para definir el aspecto del formulario de login-->  
        <link rel="stylesheet" type="text/css" href="css/estilo.css" />
        <title>Sistema de Tarjas</title>
    </head>

    <body style="background:url(img/Campo.fw.png);background-repeat:no-repeat;background-size: cover;">
	    <div id="Contenedor">
		    <div class="Icon">
                <!--Icono de usuario-->
                <span><i class="fa-solid fa-arrow-right-to-bracket fa-beat"></i></span>
            </div>
            <div class="ContentForm">
		 	    <form action="control.php" method="post" name="FormEntrar">
		 		    <div class="input-group input-group-lg">
				        <span class="input-group-addon" id="sizing-addon1">
				            <i class="glyphicon glyphicon-eye-open"></i>
				        </span>
				        <input type="text" class="form-control" name="Client" placeholder="RUT Empresa" id="Client" aria-describedby="sizing-addon1" required="required"></input>
				    </div>
				    <br></br>
		 		    <div class="input-group input-group-lg">
				        <span class="input-group-addon" id="sizing-addon1">
				            <i class="glyphicon glyphicon-user"></i>
				        </span>
				        <input type="text" class="form-control" name="User" placeholder="ID Usuario" id="User" aria-describedby="sizing-addon1" required="required"></input>
				    </div>
				    <br></br>
				    <div class="input-group input-group-lg">
				        <span class="input-group-addon" id="sizing-addon1">
				            <i class="glyphicon glyphicon-lock"></i>
				        </span>
				        <input type="password" name="contra" class="form-control" placeholder="******" aria-describedby="sizing-addon1" required="required"></input>
				    </div>
				    <br></br>
				    <button class="btn btn-lg btn-primary btn-block btn-signin" id="IngresoLog" type="submit">Entrar</button>
				    <div class="opcioncontra"><a href="restore.php">Olvidaste tu contraseña?</a>
				    </div>
		 	    </form>
		    </div>
        </div>
    </body>
    <!-- vinculando a libreria Jquery-->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Libreria java scritp de bootstrap -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</html>

