<!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 http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Confirmacion de email</title>
<style type="text/css">
	body {
		margin: 0;
		background-color: #cccccc;
	}
	table {
		border-spacing: 0;
	}
	td {
		padding: 0;
	}
	img {
		border: 0;
	}
	.wrapper {
		width: 100%;
		table-layout: fixed;
		background-color: #ffffff;
		padding-bottom: 60px;

	}
	.main {
		background-color: #fafafa;
		margin: 0 auto;
		width: 100%;
		max-width: 600px;
		border-spacing: 0;
		font-family: sans-serif;
		color: #676767;
	}
	.button{
		background-color: #E9C3C1;
		color: #ffffff;
        text-decoration: none;
		font-size: 16px;
		padding: 12px 20px;
		border-radius: 10px;
		font-weight: bold;
	}
	.button:hover{
		color: #ffffff;
		text-decoration: none;
		background-color: #DBB5B3; 
	}

</style>
</head>
<body>
	<center class = "wrapper">
		<table class = "main" width = "100%">

<!-- TOP BORDER -->
			<tr>
				<td height = "20px" style="background-color:#fafafa;"></td>
			</tr>

<!-- LOGO SECTION -->
			<tr>
				<td style="padding: 0 0 10px;">
					<table width = "100%">
						<tr>
							<td>
								<a href = "#">
									<!-- <a href="https://imgbb.com/"><img src="https://i.ibb.co/swHXNqg/Logo-cozcyt.png" alt="Logo-cozcyt" border="0"></a> -->
									<img src="https://i.ibb.co/swHXNqg/Logo-cozcyt.png" alt="" width="260px" height="105" style="display: block; margin-right: auto; margin-left: auto;">
								</a>
							</td>
						</tr>
					</table>
				</td>
			</tr>

<!-- MESSAGE -->
			<tr>
				<td style="padding: 0 0 30px;">
					<table width = "100%">
						<tr>
							<td style="text-align: center; padding: 15px;">
								<p></p>
								<p style="color: #676767; font-size: 20px; font-weight: bold;">Bienvenido al sistema de impulso al talento</p>
								<p style="line-height: 5px; font-size: 15px; padding: 5px 0 30px;">Confirme a continuación su cuenta porfavor.</p>
								<a href="http://{{ domain }}{% url 'usuarios:activate' uidb64=uid token=token %}" class="button" style="color: #ffffff;">Confirmar cuenta</a>
								<p></p>
							</td>
						</tr>
					</table>
				</td>
			</tr>

<!-- INFORMATION -->
			<tr>
				<td height = "1px" style="background-color:  #bebebe;"></td>
			</tr>

<!-- FOOTER SECTION -->
			<tr>
				<td style="background-color: #fafafa; padding: 30px 0 0px; color: #b1b1b1; font-size: 13px;">
					<table width="100%">
						<tr>
							<td style="text-align: center; line-height: 4px;">
								<p style="font-weight: bold;">Departamento de becas COZCYT</p>
								<p style="color: #b1b1b1;">Tel: 492 921 28 16 ext 1506</p>
								<p>Consejo Zacatecano de Ciencia, Tecnología e Innovación</p>
								<p>Av. de la Juventud 504, Col. Barros Sierra., 98090, </p>
								<p>Zacatecas Zac.</p>
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td style="background-color: #fafafa; padding: 0 0 30px; color: #bebebe; font-size: 12px;">
					<table width = "100%">
						<tr>
							<td style="text-align: center; padding: 15px;">
								<p style="color: #b1b1b1;">Cuenta con 24 horas para confirmar su cuenta, si tiene problemas o alguna duda, llamar al teléfono que se encuentra arriba.</p>
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</center>


</body>
</html>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400&display=swap" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script>
	$(this).delay(2000).queue(function() { /*-- CHANGE DELAY TIME --*/
		$("#socialModal").modal('show');
	});
</script>