<!DOCTYPE html>
<html lang=»es»>
<head>
<meta charset=»UTF-8″>
<meta name=»viewport» content=»width=device-width, initial-scale=1.0″>
<meta http-equiv=»X-UA-Compatible» content=»IE=edge»>
<title>Correo Electrónico</title>
<style>
/* Estilos generales */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
table {
border-spacing: 0;
width: 100%;
}
td {
padding: 0;
}
img {
border: 0;
display: block;
width: 100%;
height: auto;
}
.email-container {
max-width: 600px;
margin: 0 auto;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.header {
background-color: #007bff;
color: #ffffff;
text-align: center;
padding: 20px;
}
.header h1 {
margin: 0;
font-size: 24px;
}
.content {
padding: 20px;
color: #333333;
line-height: 1.6;
}
.content h2 {
margin: 0 0 10px;
font-size: 20px;
color: #007bff;
}
.button {
display: inline-block;
margin-top: 20px;
background-color: #007bff;
color: #ffffff;
text-decoration: none;
padding: 10px 20px;
border-radius: 4px;
font-size: 16px;
}
.footer {
background-color: #f4f4f4;
color: #777777;
text-align: center;
padding: 10px;
font-size: 12px;
}
.footer a {
color: #007bff;
text-decoration: none;
}
</style>
</head>
<body>
<table role=»presentation» class=»email-container»>
<tr>
<td>
<!– Encabezado –>
<div class=»header»>
<h1>Bienvenido a Nuestro Servicio</h1>
</div>
</td>
</tr>
<tr>
<td>
<!– Contenido principal –>
<div class=»content»>
<h2>Hola [Nombre],</h2>
<p>Gracias por registrarte en nuestro servicio. Estamos emocionados de tenerte a bordo. Con nosotros, podrás disfrutar de una experiencia única y personalizada.</p>
<p>Haz clic en el siguiente botón para comenzar:</p>
<a href=»#» class=»button»>Empezar Ahora</a>
</div>
</td>
</tr>
<tr>
<td>
<!– Pie de página –>
<div class=»footer»>
<p>© 2025 Nuestro Servicio. Todos los derechos reservados.</p>
<p><a href=»#»>Política de privacidad</a> | <a href=»#»>Términos y condiciones</a></p>
</div>
</td>
</tr>
</table>
</body>
</html>