Skip to content

Instantly share code, notes, and snippets.

@Adwelll

Adwelll/template.html

Forked from tinabeans/template.html
Created September 3, 2015 17:11
Show Gist options
  • Save Adwelll/f16fafe7486d335bc87a to your computer and use it in GitHub Desktop.
Save Adwelll/f16fafe7486d335bc87a to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. Adwelll revised this gist Sep 3, 2015. No changes.
  2. @tinabeans tinabeans revised this gist Nov 1, 2013. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion template.html
    View file
    Original file line number Diff line number Diff line change
    @@ -3,7 +3,7 @@

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Single-Column Responsive Email Template</html>
    <title>Single-Column Responsive Email Template</title>

    <style>
    @media only screen and (min-device-width: 541px) {
  3. @tinabeans tinabeans revised this gist Oct 15, 2013. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion template.html
    View file
    Original file line number Diff line number Diff line change
    @@ -6,7 +6,7 @@
    <title>Single-Column Responsive Email Template</html>

    <style>
    @media only screen and (min-width: 541px) {
    @media only screen and (min-device-width: 541px) {
    .content {
    width: 540px !important;
    }
  4. @tinabeans tinabeans created this gist Oct 15, 2013.
    40 changes: 40 additions & 0 deletions template.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,40 @@
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html>

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Single-Column Responsive Email Template</html>

    <style>
    @media only screen and (min-width: 541px) {
    .content {
    width: 540px !important;
    }
    }
    </style>
    </head>

    <body>

    <!--[if (gte mso 9)|(IE)]>
    <table width="540" align="center" cellpadding="0" cellspacing="0" border="0">
    <tr>
    <td>
    <![endif]-->

    <table class="content" align="center" cellpadding="0" cellspacing="0" border="0" style="width: 100%; max-width: 540px;">
    <tr>
    <td>
    [PUT EMAIL CONTENT HERE]
    </td>
    </tr>
    </table>

    <!--[if (gte mso 9)|(IE)]>
    </td>
    </tr>
    </table>
    <![endif]-->

    </body>
    </html>