Welcome Our Community <!DOCTYPE html>
<html>
<head>
<title>Welcome Email</title>
<meta charset="UTF-8">
<style>
body {
margin: 0;
padding: 0;
background-color: #f5f7fa;
font-family: 'Helvetica Neue', Arial, sans-serif;
}
.email-wrapper {
width: 100%;
table-layout: fixed;
background-color: #f5f7fa;
padding: 30px 0;
}
.email-content {
max-width: 600px;
background-color: #ffffff;
margin: 0 auto;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}
.email-header {
background-color: #2b6cb0;
color: #ffffff;
padding: 40px 30px;
text-align: center;
}
.email-header h1 {
margin: 0;
font-size: 28px;
}
.email-body {
padding: 30px;
color: #333333;
}
.email-body p {
font-size: 16px;
line-height: 1.6;
}
.email-button {
display: inline-block;
background-color: #2b6cb0;
color: #ffffff !important;
text-decoration: none;
padding: 14px 24px;
border-radius: 5px;
margin-top: 20px;
font-weight: bold;
}
.email-footer {
text-align: center;
font-size: 13px;
color: #888888;
padding: 20px;
background-color: #f0f0f0;
}
@media only screen and (max-width: 620px) {
.email-body, .email-header {
padding: 20px !important;
}
.email-header h1 {
font-size: 24px !important;
}
}
</style>
</head>
<body>
<div class="email-wrapper">
<div class="email-content">
<div class="email-header">
<h1>Welcome to Our Community!</h1>
</div>
<div class="email-body">
<p>Hi %%FirstName%%,</p>
<p>Thank you for joining us! We're thrilled to have you on board. You’re now part of a growing community of people who care about great products and useful content.</p>
<p>To get started, check out your profile dashboard or explore our latest features below.</p>
<a href="https://yourwebsite.com/start" class="email-button">Get Started</a>
<p>If you have any questions, feel free to reach out to our support team anytime.</p>
</div>
<div class="email-footer">
© 2025 YourCompany | <a href="https://yourwebsite.com/unsubscribe" style="color:#888;">Unsubscribe</a>
</div>
</div>
</div>
</body>
</html>
Comments
Post a Comment