API tools faq
paste
Advertisement
Guest User

Build an HTML Email Template From Scratch (Full HTML)

a guest
Jun 18th, 2014
12,644
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.50 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  <head>
  4.   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5.   <title>Demystifying Email Design</title>
  6.   <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  7. </head>
  8. <body style="margin: 0; padding: 0;">
  9.  <table border="1" cellpadding="0" cellspacing="0" width="100%">
  10.   <tr>
  11.    <td>
  12.      <table align="center" border="1" cellpadding="0" cellspacing="0" width="600" style="border-collapse: collapse;">
  13.        <tr>
  14.          <td align="center" bgcolor="#70bbd9" style="padding: 40px 0 30px 0;">
  15.           <img src="images/h1.gif" alt="Creating Email Magic" width="300" height="230" style="display: block;" />
  16.          </td>
  17.        </tr>
  18.        <tr>
  19.          <td bgcolor="#ffffff" style="padding: 40px 30px 40px 30px;">
  20.            <table border="1" cellpadding="0" cellspacing="0" width="100%">
  21.             <tr>
  22.              <td>
  23.               Lorem ipsum dolor sit amet!
  24.              </td>
  25.             </tr>
  26.             <tr>
  27.              <td style="padding: 20px 0 30px 0;">
  28.               Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tempus adipiscing felis, sit amet blandit ipsum volutpat sed. Morbi porttitor, eget accumsan dictum, nisi libero ultricies ipsum, in posuere mauris neque at erat.
  29.              </td>
  30.             </tr>
  31.             <tr>
  32.              <td>
  33.                <table border="1" cellpadding="0" cellspacing="0" width="100%">
  34.                 <tr>
  35.                  <td width="260" valign="top">
  36.                   <table border="1" cellpadding="0" cellspacing="0" width="100%">
  37.                    <tr>
  38.                     <td>
  39.                      <img src="images/left.gif" alt="" width="100%" height="140" style="display: block;" />
  40.                     </td>
  41.                    </tr>
  42.                    <tr>
  43.                     <td style="padding: 25px 0 0 0;">
  44.                      Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tempus adipiscing felis, sit amet blandit ipsum volutpat sed. Morbi porttitor, eget accumsan dictum, nisi libero ultricies ipsum, in posuere mauris neque at erat.
  45.                     </td>
  46.                    </tr>
  47.                   </table>
  48.                  </td>
  49.                  <td style="font-size: 0; line-height: 0;" width="20">
  50.                   &nbsp;
  51.                  </td>
  52.                  <td width="260" valign="top">
  53.                   <table border="1" cellpadding="0" cellspacing="0" width="100%">
  54.                    <tr>
  55.                     <td>
  56.                      <img src="images/right.gif" alt="" width="100%" height="140" style="display: block;" />
  57.                     </td>
  58.                    </tr>
  59.                    <tr>
  60.                     <td style="padding: 25px 0 0 0;">
  61.                      Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tempus adipiscing felis, sit amet blandit ipsum volutpat sed. Morbi porttitor, eget accumsan dictum, nisi libero ultricies ipsum, in posuere mauris neque at erat.
  62.                     </td>
  63.                    </tr>
  64.                   </table>
  65.                  </td>
  66.                 </tr>
  67.                </table>
  68.              </td>
  69.             </tr>
  70.            </table>
  71.          </td>
  72.        </tr>
  73.        <tr>
  74.          <td bgcolor="#ee4c50" style="padding: 30px 30px 30px 30px;">
  75.            <table border="1" cellpadding="0" cellspacing="0" width="100%">
  76.              <td width="75%">
  77.               &reg; Someone, somewhere 2013<br/>
  78.               Unsubscribe to this newsletter instantly
  79.              </td>
  80.              <td align="right">
  81.               <table border="0" cellpadding="0" cellspacing="0">
  82.                <tr>
  83.                 <td>
  84.                  <a href="http://www.twitter.com/">
  85.                   <img src="images/tw.gif" alt="Twitter" width="38" height="38" style="display: block;" border="0" />
  86.                  </a>
  87.                 </td>
  88.                 <td style="font-size: 0; line-height: 0;" width="20">&nbsp;</td>
  89.                 <td>
  90.                  <a href="http://www.twitter.com/">
  91.                   <img src="images/fb.gif" alt="Facebook" width="38" height="38" style="display: block;" border="0" />
  92.                  </a>
  93.                 </td>
  94.                </tr>
  95.               </table>
  96.              </td>
  97.            </table>
  98.          </td>
  99.        </tr>
  100.      </table>
  101.    </td>
  102.   </tr>
  103.  </table>
  104. </body>
  105. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!