A free simple responsive HTML email template
Sometimes all you want is a really simple responsive HTML email template with a clear call-to-action button. Here it is.
Email is notorious for inconsistent CSS support. Therefore you should always inline your CSS and send a test to yourself before sending.
For an API service (like Mailgun, SendGrid, Postmark) you need to inline the CSS before sending. See email-inlined.html
for an example.
You can use this Email CSS Inliner and then send a test email to yourself to verify it works as expected.
Use the template email.html
as is. They'll put the CSS inline for you when you put together your campaign.
When inserting images remember to include the following attributes or risk them breaking in different clients:
src
alt
width
height
border
Example:
<img src="https://absolute-path-to-image.jpg" alt="Useful alt text" width="500" height="300" border="0" style="border:0; outline:none; text-decoration:none; display:block;">
Tested on mobile, desktop and web.
This free template is part of a pack of responsive email templates for developers and startups available on HTML Email.