API tools faq
paste
Advertisement
Guest User

email

a guest
Nov 27th, 2015
60
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.96 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2.         <html>
  3.         <head>
  4.         <meta name=""viewport"" content=""width=device-width"">
  5.         <meta http-equiv=""Content-Type"" content=""text/html; charset=UTF-8"">
  6.         <title>Really Simple HTML Email Template</title>
  7.         <style>
  8.         /* -------------------------------------
  9.             GLOBAL
  10.         ------------------------------------- */
  11.         * {
  12.           font-family: ""Helvetica Neue"", ""Helvetica"", Helvetica, Arial, sans-serif;
  13.           font-size: 100%;
  14.           line-height: 1.6em;
  15.           margin: 0;
  16.           padding: 0;
  17.         }
  18.        
  19.         img {
  20.           max-width: 600px;
  21.           width: 100%;
  22.         }
  23.        
  24.         body {
  25.           -webkit-font-smoothing: antialiased;
  26.           height: 100%;
  27.           -webkit-text-size-adjust: none;
  28.           width: 100% !important;
  29.         }
  30.        
  31.        
  32.         /* -------------------------------------
  33.             ELEMENTS
  34.         ------------------------------------- */
  35.         a {
  36.           color: #348eda;
  37.         }
  38.        
  39.         .btn-primary {
  40.           Margin-bottom: 10px;
  41.           width: auto !important;
  42.         }
  43.        
  44.         .btn-primary td {
  45.           background-color: #348eda;
  46.           border-radius: 25px;
  47.           font-family: ""Helvetica Neue"", Helvetica, Arial, ""Lucida Grande"", sans-serif;
  48.           font-size: 14px;
  49.           text-align: center;
  50.           vertical-align: top;
  51.         }
  52.        
  53.         .btn-primary td a {
  54.           background-color: #348eda;
  55.           border: solid 1px #348eda;
  56.           border-radius: 25px;
  57.           border-width: 10px 20px;
  58.           display: inline-block;
  59.           color: #ffffff;
  60.           cursor: pointer;
  61.           font-weight: bold;
  62.           line-height: 2;
  63.           text-decoration: none;
  64.         }
  65.        
  66.         .last {
  67.           margin-bottom: 0;
  68.         }
  69.        
  70.         .first {
  71.           margin-top: 0;
  72.         }
  73.        
  74.         .padding {
  75.           padding: 10px 0;
  76.         }
  77.        
  78.        
  79.         /* -------------------------------------
  80.             BODY
  81.         ------------------------------------- */
  82.         table.body-wrap {
  83.           padding: 20px;
  84.           width: 100%;
  85.         }
  86.        
  87.         table.body-wrap .container {
  88.           border: 1px solid #f0f0f0;
  89.         }
  90.        
  91.        
  92.         /* -------------------------------------
  93.             FOOTER
  94.         ------------------------------------- */
  95.         table.footer-wrap {
  96.           clear: both !important;
  97.           width: 100%;  
  98.         }
  99.        
  100.         .footer-wrap .container p {
  101.           color: #666666;
  102.           font-size: 12px;
  103.          
  104.         }
  105.        
  106.         table.footer-wrap a {
  107.           color: #999999;
  108.         }
  109.        
  110.        
  111.         /* -------------------------------------
  112.             TYPOGRAPHY
  113.         ------------------------------------- */
  114.         h1,
  115.         h2,
  116.         h3 {
  117.           color: #111111;
  118.           font-family: ""Helvetica Neue"", Helvetica, Arial, ""Lucida Grande"", sans-serif;
  119.           font-weight: 200;
  120.           line-height: 1.2em;
  121.           margin: 40px 0 10px;
  122.         }
  123.        
  124.         h1 {
  125.           font-size: 36px;
  126.         }
  127.         h2 {
  128.           font-size: 28px;
  129.         }
  130.         h3 {
  131.           font-size: 22px;
  132.         }
  133.        
  134.         p,
  135.         ul,
  136.         ol {
  137.           font-size: 14px;
  138.           font-weight: normal;
  139.           margin-bottom: 10px;
  140.         }
  141.        
  142.         ul li,
  143.         ol li {
  144.           margin-left: 5px;
  145.           list-style-position: inside;
  146.         }
  147.        
  148.         /* ---------------------------------------------------
  149.             RESPONSIVENESS
  150.         ------------------------------------------------------ */
  151.        
  152.         /* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
  153.         .container {
  154.           clear: both !important;
  155.           display: block !important;
  156.           Margin: 0 auto !important;
  157.           max-width: 600px !important;
  158.         }
  159.        
  160.         /* Set the padding on the td rather than the div for Outlook compatibility */
  161.         .body-wrap .container {
  162.           padding: 20px;
  163.         }
  164.        
  165.         /* This should also be a block element, so that it will fill 100% of the .container */
  166.         .content {
  167.           display: block;
  168.           margin: 0 auto;
  169.           max-width: 600px;
  170.         }
  171.        
  172.         /* Let's make sure tables in the content area are 100% wide */
  173.         .content table {
  174.           width: 100%;
  175.         }
  176.        
  177.         </style>
  178.         </head>
  179.        
  180.         <body bgcolor=""#f6f6f6"">
  181.        
  182.         <!-- body -->
  183.         <table class=""body-wrap"" bgcolor=""#f6f6f6"">
  184.           <tr>
  185.             <td></td>
  186.             <td class=""container"" bgcolor=""#FFFFFF"">
  187.        
  188.               <!-- content -->
  189.               <div class=""content"">
  190.               <table>
  191.                 <tr>
  192.                   <td>
  193.                     <p>Hi there,</p>
  194.                     <h1>Welcome to PowDoc!</h1>
  195.                     <p>Thank you for registration to our service, we are glad to have you here!</p>
  196.                     <h2>Please confirm your registration by clicking the below button.</h2>
  197.                     <p>...or just ignore this email if it is a mistake.</p>
  198.                     <!-- button -->
  199.                     <table class=""btn-primary"" cellpadding=""0"" cellspacing=""0"" border=""0"">
  200.                       <tr>
  201.                         <td>
  202.                           <a href=";
  203.     private static readonly string _htmlEmailTemplateEnd = @"
  204.     >Confirm registration</a>
  205.                         </td>
  206.                       </tr>
  207.                     </table>
  208.                     <!-- /button -->
  209.                     <p>Thanks, have a lovely day.</p>
  210.                     <p><a href=""mailto:powdoc.service@gmail.com"">Contact us</a></p>
  211.                   </td>
  212.                 </tr>
  213.               </table>
  214.               </div>
  215.               <!-- /content -->
  216.              
  217.             </td>
  218.             <td></td>
  219.           </tr>
  220.         </table>
  221.         <!-- /body -->
  222.        
  223.         </body>
  224.         </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!