API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 9th, 2019
111
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.05 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!doctype html>
  3. <html>
  4.   <head>
  5.     <meta name="viewport" content="width=device-width">
  6.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  7.     <title>Simple Transactional Email</title>
  8.     <style>
  9. @media only screen and (max-width: 620px) {
  10.   table[class=body] h1 {
  11.     font-size: 28px !important;
  12.     margin-bottom: 10px !important;
  13.   }
  14.  
  15.   table[class=body] p,
  16. table[class=body] ul,
  17. table[class=body] ol,
  18. table[class=body] td,
  19. table[class=body] span,
  20. table[class=body] a {
  21.     font-size: 16px !important;
  22.   }
  23.  
  24.   table[class=body] .wrapper,
  25. table[class=body] .article {
  26.     padding: 10px !important;
  27.   }
  28.  
  29.   table[class=body] .content {
  30.     padding: 0 !important;
  31.   }
  32.  
  33.   table[class=body] .container {
  34.     padding: 0 !important;
  35.     width: 100% !important;
  36.   }
  37.  
  38.   table[class=body] .main {
  39.     border-left-width: 0 !important;
  40.     border-radius: 0 !important;
  41.     border-right-width: 0 !important;
  42.   }
  43.  
  44.   table[class=body] .btn table {
  45.     width: 100% !important;
  46.   }
  47.  
  48.   table[class=body] .btn a {
  49.     width: 100% !important;
  50.   }
  51.  
  52.   table[class=body] .img-responsive {
  53.     height: auto !important;
  54.     max-width: 100% !important;
  55.     width: auto !important;
  56.   }
  57. }
  58. @media all {
  59.   .ExternalClass {
  60.     width: 100%;
  61.   }
  62.  
  63.   .ExternalClass,
  64. .ExternalClass p,
  65. .ExternalClass span,
  66. .ExternalClass font,
  67. .ExternalClass td,
  68. .ExternalClass div {
  69.     line-height: 100%;
  70.   }
  71.  
  72.   .apple-link a {
  73.     color: inherit !important;
  74.     font-family: inherit !important;
  75.     font-size: inherit !important;
  76.     font-weight: inherit !important;
  77.     line-height: inherit !important;
  78.     text-decoration: none !important;
  79.   }
  80.  
  81.   .btn-primary table td:hover {
  82.     background-color: #34495e !important;
  83.   }
  84.  
  85.   .btn-primary a:hover {
  86.     background-color: #34495e !important;
  87.     border-color: #34495e !important;
  88.   }
  89. }
  90. </style>
  91.   </head>
  92.   <body class="" style="background-color: #f6f6f6; font-family: sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 1.4; margin: 0; padding: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
  93.     <table border="0" cellpadding="0" cellspacing="0" class="body" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f6f6f6; width: 100%;" width="100%" bgcolor="#f6f6f6">
  94.       <tr>
  95.         <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;" valign="top">&nbsp;</td>
  96.         <td class="container" style="font-family: sans-serif; font-size: 14px; vertical-align: top; display: block; max-width: 580px; padding: 10px; width: 580px; margin: 0 auto;" width="580" valign="top">
  97.           <div class="content" style="box-sizing: border-box; display: block; margin: 0 auto; max-width: 580px; padding: 10px;">
  98.  
  99.             <!-- START CENTERED WHITE CONTAINER -->
  100.             <span class="preheader" style="color: transparent; display: none; height: 0; max-height: 0; max-width: 0; opacity: 0; overflow: hidden; mso-hide: all; visibility: hidden; width: 0;">This is preheader text. Some clients will show this text as a preview.</span>
  101.             <table class="main" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background: #ffffff; border-radius: 3px; width: 100%;" width="100%">
  102.  
  103.               <!-- START MAIN CONTENT AREA -->
  104.               <tr>
  105.                 <td class="wrapper" style="font-family: sans-serif; font-size: 14px; vertical-align: top; box-sizing: border-box; padding: 20px;" valign="top">
  106.                   <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
  107.                     <tr>
  108.                       <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;" valign="top">
  109.                         <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px;">Hi there,</p>
  110.                         <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px;">Sometimes you just want to send a simple HTML email with a simple design and clear call to action. This is it.</p>
  111.                         <table border="0" cellpadding="0" cellspacing="0" class="btn btn-primary" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; box-sizing: border-box; width: 100%;" width="100%">
  112.                           <tbody>
  113.                             <tr>
  114.                               <td align="left" style="font-family: sans-serif; font-size: 14px; vertical-align: top; padding-bottom: 15px;" valign="top">
  115.                                 <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: auto;">
  116.                                   <tbody>
  117.                                     <tr>
  118.                                       <td style="font-family: sans-serif; font-size: 14px; vertical-align: top; border-radius: 5px; text-align: center; background-color: #3498db;" valign="top" align="center" bgcolor="#3498db"> <a href="http://htmlemail.io" target="_blank" style="border: solid 1px #3498db; border-radius: 5px; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; font-weight: bold; margin: 0; padding: 12px 25px; text-decoration: none; text-transform: capitalize; background-color: #3498db; border-color: #3498db; color: #ffffff;">Email Call To Action</a> </td>
  119.                                     </tr>
  120.                                   </tbody>
  121.                                 </table>
  122.                               </td>
  123.                             </tr>
  124.                           </tbody>
  125.                         </table>
  126.                         <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px;">This is a really simple email template. Its sole purpose is to get the recipient to click the button with no distractions.</p>
  127.                         <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px;">Good luck! Hope it works.</p>
  128.                       </td>
  129.                     </tr>
  130.                   </table>
  131.                 </td>
  132.               </tr>
  133.  
  134.             <!-- END MAIN CONTENT AREA -->
  135.             </table>
  136.  
  137.             <!-- START FOOTER -->
  138.             <div class="footer" style="clear: both; margin-top: 10px; text-align: center; width: 100%;">
  139.               <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
  140.                 <tr>
  141.                   <td class="content-block" style="font-family: sans-serif; vertical-align: top; padding-bottom: 10px; padding-top: 10px; color: #999999; font-size: 12px; text-align: center;" valign="top" align="center">
  142.                     <span class="apple-link" style="color: #999999; font-size: 12px; text-align: center;">Company Inc, 3 Abbey Road, San Francisco CA 94102</span>
  143.                     <br> Don't like these emails? <a href="http://i.imgur.com/CScmqnj.gif" style="text-decoration: underline; color: #999999; font-size: 12px; text-align: center;">Unsubscribe</a>.
  144.                   </td>
  145.                 </tr>
  146.                 <tr>
  147.                   <td class="content-block powered-by" style="font-family: sans-serif; vertical-align: top; padding-bottom: 10px; padding-top: 10px; color: #999999; font-size: 12px; text-align: center;" valign="top" align="center">
  148.                     Powered by <a href="http://htmlemail.io" style="color: #999999; font-size: 12px; text-align: center; text-decoration: none;">HTML Email</a>.
  149.                   </td>
  150.                 </tr>
  151.               </table>
  152.             </div>
  153.             <!-- END FOOTER -->
  154.  
  155.           <!-- END CENTERED WHITE CONTAINER -->
  156.           </div>
  157.         </td>
  158.         <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;" valign="top">&nbsp;</td>
  159.       </tr>
  160.     </table>
  161.   </body>
  162. </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!