HTML Email Template Responsive
HTML
#html
#email
#template
#responsive
Template email HTML responsif yang kompatibel dengan Gmail, Outlook, dan Apple Mail.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Email</title>
</head>
<body style="margin:0; padding:0; background:#f4f4f5; font-family:Arial,sans-serif;">
<table width="100%" cellpadding="0" cellspacing="0" style="background:#f4f4f5; padding:32px 16px;">
<tr>
<td align="center">
<table width="600" cellpadding="0" cellspacing="0" style="background:#ffffff; border-radius:8px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,0.05);">
<!-- Header -->
<tr>
<td style="background:#2563eb; padding:24px 32px; text-align:center;">
<h1 style="color:#ffffff; margin:0; font-size:22px;">Your Brand</h1>
</td>
</tr>
<!-- Body -->
<tr>
<td style="padding:32px;">
<h2 style="color:#1e293b; margin:0 0 16px;">Hello!</h2>
<p style="color:#475569; line-height:1.6; margin:0 0 24px;">
This is your email content. Keep it short and actionable.
</p>
<a href="#" style="display:inline-block; background:#2563eb; color:#ffffff; padding:12px 24px; border-radius:6px; text-decoration:none; font-weight:bold;">
Call to Action
</a>
</td>
</tr>
<!-- Footer -->
<tr>
<td style="background:#f8fafc; padding:20px 32px; text-align:center; border-top:1px solid #e2e8f0;">
<p style="color:#94a3b8; font-size:12px; margin:0;">
© 2026 Your Brand. All rights reserved.
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
125 views
2 copies
19 jam yang lalu