Email Template Preview — HTML Email Tester

HTML Editor

<div style="font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto; background: #ffffff;">

<div style="background: linear-gradient(135deg, #667EEA, #764BA2); padding: 32px; text-align: center;">
    <h1 style="color: #ffffff; margin: 0; font-size: 24px;">Welcome to Our Service</h1>
    <p style="color: rgba(255,255,255,0.8); margin: 8px 0 0;">Thank you for signing up!</p>
  </div>

<div style="padding: 32px;">
    <p style="color: #333; line-height: 1.6;">Hi {{name}},</p>
    <p style="color: #555; line-height: 1.6;">We're excited to have you on board. Here's what you can do next:</p>

<ul style="color: #555; line-height: 2;">
      <li>Complete your profile</li>
      <li>Explore our features</li>
      <li>Connect with your team</li>
    </ul>

<div style="text-align: center; margin: 24px 0;">
      <a href="#" style="background: #667EEA; color: #fff; padding: 12px 32px; border-radius: 6px; text-decoration: none; font-weight: bold; display: inline-block;">Get Started</a>
    </div>
  </div>

<div style="background: #f8f9fa; padding: 24px; text-align: center; border-top: 1px solid #eee;">
    <p style="color: #999; font-size: 12px; margin: 0;">© 2026 <a href="https://edycu.dev" target="_blank" class="hover:underline">edycu.dev</a></p>
    <p style="color: #999; font-size: 12px; margin: 4px 0 0;"><a href="#" style="color: #667EEA;">Unsubscribe</a></p>
  </div>
</div>

Variables:

Preview 600px