responsive-html-email-template v1.0.0

Really Simple Responsive HTML Email Template

Sometimes all you want is a really simple responsive HTML email template. Here it is.

Preview: http://leemunroe.github.io/responsive-html-email-template/email.html

Sending emails using a marketing service like Campaign Monitor or Mailchimp?

Use the template as is. They'll put the CSS inline for you when you put together your campaign.

Sending emails directly from your app or using a developer service

For an API like Mailgun you need to put the CSS inline. You can use inliner tools like Putsmail or Juice to do this automatically.

• Copy all of email.html
• Paste the HTML as the source into Premailer
• Copy the HTML results and use them in your email view/template

Tried and tested on all major email clients

Tested on mobile, desktop and web.

Here are the Litmus test results.

More HTML email resources

• More Responsive HTML Email Templates
• Things I've Learned About Building HTML Emails
• Grunt Email Design Workflow

Npm package

You can use the npm package to install responsive-html-email-template and introduce it to your project's workflow:

npm install responsive-html-email-template

Gulp

Under the src folder you can find the the used styles into a separate email.sass file. You can include that file in your build setup or override.

In order to build the final html file you need to use gulp-inline-css. You can find a sample source html file in src/email.html as well as a sample gulpfile.