API tools faq
paste
Advertisement
Guest User

MJML Austin Template

a guest
Sep 10th, 2022
32
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 49.96 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
  3.  
  4. <head>
  5.   <title> Discount Light </title>
  6.   <!--[if !mso]><!-->
  7.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8.   <!--<![endif]-->
  9.   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  10.   <meta name="viewport" content="width=device-width, initial-scale=1">
  11.   <style type="text/css">
  12.     #outlook a {
  13.       padding: 0;
  14.     }
  15.  
  16.     body {
  17.       margin: 0;
  18.       padding: 0;
  19.       -webkit-text-size-adjust: 100%;
  20.       -ms-text-size-adjust: 100%;
  21.     }
  22.  
  23.     table,
  24.     td {
  25.       border-collapse: collapse;
  26.       mso-table-lspace: 0pt;
  27.       mso-table-rspace: 0pt;
  28.     }
  29.  
  30.     img {
  31.       border: 0;
  32.       height: auto;
  33.       line-height: 100%;
  34.       outline: none;
  35.       text-decoration: none;
  36.       -ms-interpolation-mode: bicubic;
  37.     }
  38.  
  39.     p {
  40.       display: block;
  41.       margin: 13px 0;
  42.     }
  43.   </style>
  44.   <!--[if mso]>
  45.        <noscript>
  46.        <xml>
  47.        <o:OfficeDocumentSettings>
  48.          <o:AllowPNG/>
  49.          <o:PixelsPerInch>96</o:PixelsPerInch>
  50.        </o:OfficeDocumentSettings>
  51.        </xml>
  52.        </noscript>
  53.        <![endif]-->
  54.   <!--[if lte mso 11]>
  55.        <style type="text/css">
  56.          .mj-outlook-group-fix { width:100% !important; }
  57.        </style>
  58.        <![endif]-->
  59.   <style type="text/css">
  60.     @media only screen and (min-width:480px) {
  61.       .mj-column-per-100 {
  62.         width: 100% !important;
  63.         max-width: 100%;
  64.       }
  65.  
  66.       .mj-column-per-50 {
  67.         width: 50% !important;
  68.         max-width: 50%;
  69.       }
  70.     }
  71.   </style>
  72.   <style media="screen and (min-width:480px)">
  73.     .moz-text-html .mj-column-per-100 {
  74.       width: 100% !important;
  75.       max-width: 100%;
  76.     }
  77.  
  78.     .moz-text-html .mj-column-per-50 {
  79.       width: 50% !important;
  80.       max-width: 50%;
  81.     }
  82.   </style>
  83.   <style type="text/css">
  84.     @media only screen and (max-width:480px) {
  85.       table.mj-full-width-mobile {
  86.         width: 100% !important;
  87.       }
  88.  
  89.       td.mj-full-width-mobile {
  90.         width: auto !important;
  91.       }
  92.     }
  93.   </style>
  94. </head>
  95.  
  96. <body style="word-spacing:normal;background-color:#E7E7E7;">
  97.   <div style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;"> Pre-header Text </div>
  98.   <div style="background-color:#E7E7E7;">
  99.     <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#040B4F;background-color:#040B4F;width:100%;">
  100.       <tbody>
  101.         <tr>
  102.           <td>
  103.             <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#040B4F" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
  104.             <div style="margin:0px auto;max-width:600px;">
  105.               <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
  106.                 <tbody>
  107.                   <tr>
  108.                     <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0;text-align:center;">
  109.                       <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
  110.                       <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
  111.                         <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
  112.                           <tbody>
  113.                             <tr>
  114.                               <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;">
  115.                                 <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
  116.                                   <tbody>
  117.                                     <tr>
  118.                                       <td style="width:150px;">
  119.                                         <img alt height="auto" src="https://res.cloudinary.com/dheck1ubc/image/upload/v1544153577/Email/Images/AnnouncementOffset/crofts-white.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="150">
  120.                                       </td>
  121.                                     </tr>
  122.                                   </tbody>
  123.                                 </table>
  124.                               </td>
  125.                             </tr>
  126.                             <tr>
  127.                               <td align="center" style="font-size:0px;padding:10px 25px;padding-top:30px;word-break:break-word;">
  128.                                 <div style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:bold;letter-spacing:1px;line-height:24px;text-align:center;text-transform:uppercase;color:#ffffff;">Austin, TX <br>
  129.                                   <span style="color: #979797; font-weight: normal">-</span>
  130.                                 </div>
  131.                               </td>
  132.                             </tr>
  133.                             <tr>
  134.                               <td align="center" style="font-size:0px;padding:10px 25px;padding-top:0;word-break:break-word;">
  135.                                 <div style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;font-weight:bold;letter-spacing:1px;line-height:20px;text-align:center;text-transform:uppercase;color:#17CBC4;">Austin Convention Center <br> 123 Main Street, 78701</div>
  136.                               </td>
  137.                             </tr>
  138.                             <tr>
  139.                               <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
  140.                                 <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
  141.                                   <tbody>
  142.                                     <tr>
  143.                                       <td style="width:600px;">
  144.                                         <a href="https://google.com" target="_blank">
  145.                                           <img alt height="auto" src="https://res.cloudinary.com/dheck1ubc/image/upload/v1544156968/Email/Images/AnnouncementOffset/header-top.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600">
  146.                                         </a>
  147.                                       </td>
  148.                                     </tr>
  149.                                   </tbody>
  150.                                 </table>
  151.                               </td>
  152.                             </tr>
  153.                           </tbody>
  154.                         </table>
  155.                       </div>
  156.                       <!--[if mso | IE]></td></tr></table><![endif]-->
  157.                     </td>
  158.                   </tr>
  159.                 </tbody>
  160.               </table>
  161.             </div>
  162.             <!--[if mso | IE]></td></tr></table><![endif]-->
  163.           </td>
  164.         </tr>
  165.       </tbody>
  166.     </table>
  167.     <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#1f2e78" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
  168.     <div style="background:#1f2e78;background-color:#1f2e78;margin:0px auto;max-width:600px;">
  169.       <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#1f2e78;background-color:#1f2e78;width:100%;">
  170.         <tbody>
  171.           <tr>
  172.             <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
  173.               <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
  174.               <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
  175.                 <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
  176.                   <tbody>
  177.                     <tr>
  178.                       <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
  179.                         <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
  180.                           <tbody>
  181.                             <tr>
  182.                               <td style="width:600px;">
  183.                                 <a href="https://google.com" target="_blank">
  184.                                   <img alt height="auto" src="https://res.cloudinary.com/dheck1ubc/image/upload/v1544156968/Email/Images/AnnouncementOffset/header-bottom.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600">
  185.                                 </a>
  186.                               </td>
  187.                             </tr>
  188.                           </tbody>
  189.                         </table>
  190.                       </td>
  191.                     </tr>
  192.                   </tbody>
  193.                 </table>
  194.               </div>
  195.               <!--[if mso | IE]></td></tr></table><![endif]-->
  196.             </td>
  197.           </tr>
  198.         </tbody>
  199.       </table>
  200.     </div>
  201.     <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="body-section-outlook" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
  202.     <div class="body-section" style="-webkit-box-shadow: 1px 4px 11px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 4px 11px 0px rgba(0, 0, 0, 0.15); box-shadow: 1px 4px 11px 0px rgba(0, 0, 0, 0.15); margin: 0px auto; max-width: 600px;">
  203.       <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
  204.         <tbody>
  205.           <tr>
  206.             <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0;padding-top:0;text-align:center;">
  207.               <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
  208.               <div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
  209.                 <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;">
  210.                   <tbody>
  211.                     <tr>
  212.                       <td style="direction:ltr;font-size:0px;padding:20px 0;padding-left:15px;padding-right:15px;text-align:center;">
  213.                         <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:570px;" ><![endif]-->
  214.                         <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
  215.                           <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
  216.                             <tbody>
  217.                               <tr>
  218.                                 <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;">
  219.                                   <div style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:20px;font-weight:bold;line-height:24px;text-align:left;color:#212b35;">Croft's in Austin is opening December 20th</div>
  220.                                 </td>
  221.                               </tr>
  222.                               <tr>
  223.                                 <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;">
  224.                                   <div style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#637381;">Hi Jane,</div>
  225.                                 </td>
  226.                               </tr>
  227.                               <tr>
  228.                                 <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;">
  229.                                   <div style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#637381;">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quia a assumenda nulla in quisquam optio quibusdam fugiat perspiciatis nobis, ad tempora culpa porro labore. Repudiandae accusamus obcaecati voluptatibus accusantium perspiciatis.</div>
  230.                                 </td>
  231.                               </tr>
  232.                               <tr>
  233.                                 <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;">
  234.                                   <div style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#637381;">Tempora culpa porro labore. Repudiandae accusamus obcaecati voluptatibus accusantium perspiciatis:</div>
  235.                                 </td>
  236.                               </tr>
  237.                               <tr>
  238.                                 <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;">
  239.                                   <div style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#637381;">
  240.                                     <ul>
  241.                                       <li style="padding-bottom: 20px"><strong>Lorem ipsum dolor:</strong> Sit amet consectetur adipisicing elit.</li>
  242.                                       <li style="padding-bottom: 20px"><strong>Quia a assumenda nulla:</strong> Repudiandae accusamus obcaecati voluptatibus accusantium perspiciatis.</li>
  243.                                       <li><strong>Tempora culpa porro labore:</strong> In quisquam optio quibusdam fugiat perspiciatis nobis.</li>
  244.                                     </ul>
  245.                                   </div>
  246.                                 </td>
  247.                               </tr>
  248.                               <tr>
  249.                                 <td align="left" style="font-size:0px;padding:10px 25px;padding-bottom:30px;word-break:break-word;">
  250.                                   <div style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#637381;">Lorem ipsum dolor <a class="text-link" href="https://google.com" style="color: #5e6ebf;">sit amet consectetur</a> adipisicing elit. Earum eaque sunt nulla in, id eveniet quae unde ad ipsam ut, harum autem porro reiciendis minus libero illo. Vero, fugiat reprehenderit.</div>
  251.                                 </td>
  252.                               </tr>
  253.                               <tr>
  254.                                 <td align="center" vertical-align="middle" style="font-size:0px;padding:10px 25px;word-break:break-word;">
  255.                                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;width:300px;line-height:100%;">
  256.                                     <tr>
  257.                                       <td align="center" bgcolor="#5e6ebf" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#5e6ebf;" valign="middle">
  258.                                         <a href="https://google.com" style="display:inline-block;width:250px;background:#5e6ebf;color:#ffffff;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;font-weight:bold;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;" target="_blank"> RSVP Today </a>
  259.                                       </td>
  260.                                     </tr>
  261.                                   </table>
  262.                                 </td>
  263.                               </tr>
  264.                               <tr>
  265.                                 <td align="center" vertical-align="middle" style="font-size:0px;padding:10px 25px;word-break:break-word;">
  266.                                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;width:300px;line-height:100%;">
  267.                                     <tr>
  268.                                       <td align="center" bgcolor="#5e6ebf" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#5e6ebf;" valign="middle">
  269.                                         <a href="https://google.com" style="display:inline-block;width:250px;background:#5e6ebf;color:#ffffff;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;font-weight:bold;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;" target="_blank"> Book an Appointment </a>
  270.                                       </td>
  271.                                     </tr>
  272.                                   </table>
  273.                                 </td>
  274.                               </tr>
  275.                               <tr>
  276.                                 <td align="left" style="font-size:0px;padding:10px 25px;padding-top:30px;word-break:break-word;">
  277.                                   <div style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#637381;">Lorem ipsum dolor <a class="text-link" href="https://google.com" style="color: #5e6ebf;">sit amet consectetur</a> adipisicing elit. Earum eaque sunt nulla in, id eveniet quae unde ad ipsam ut, harum autem porro reiciendis minus libero illo. Vero, fugiat reprehenderit.</div>
  278.                                 </td>
  279.                               </tr>
  280.                               <tr>
  281.                                 <td align="left" style="font-size:0px;padding:10px 25px;padding-bottom:0;word-break:break-word;">
  282.                                   <div style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#637381;">Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>
  283.                                 </td>
  284.                               </tr>
  285.                             </tbody>
  286.                           </table>
  287.                         </div>
  288.                         <!--[if mso | IE]></td></tr></table><![endif]-->
  289.                       </td>
  290.                     </tr>
  291.                   </tbody>
  292.                 </table>
  293.               </div>
  294.               <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
  295.               <div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
  296.                 <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;">
  297.                   <tbody>
  298.                     <tr>
  299.                       <td style="direction:ltr;font-size:0px;padding:20px 0;padding-left:15px;padding-right:15px;padding-top:0;text-align:center;">
  300.                         <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:285px;" ><![endif]-->
  301.                         <div class="mj-column-per-50 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
  302.                           <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
  303.                             <tbody>
  304.                               <tr>
  305.                                 <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;">
  306.                                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
  307.                                     <tbody>
  308.                                       <tr>
  309.                                         <td style="width:235px;">
  310.                                           <img alt height="auto" src="https://res.cloudinary.com/dheck1ubc/image/upload/v1544153577/Email/Images/AnnouncementOffset/Image_1.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="235">
  311.                                         </td>
  312.                                       </tr>
  313.                                     </tbody>
  314.                                   </table>
  315.                                 </td>
  316.                               </tr>
  317.                             </tbody>
  318.                           </table>
  319.                         </div>
  320.                         <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:285px;" ><![endif]-->
  321.                         <div class="mj-column-per-50 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
  322.                           <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
  323.                             <tbody>
  324.                               <tr>
  325.                                 <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;">
  326.                                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
  327.                                     <tbody>
  328.                                       <tr>
  329.                                         <td style="width:235px;">
  330.                                           <img alt height="auto" src="https://res.cloudinary.com/dheck1ubc/image/upload/v1544153578/Email/Images/AnnouncementOffset/Image_2.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="235">
  331.                                         </td>
  332.                                       </tr>
  333.                                     </tbody>
  334.                                   </table>
  335.                                 </td>
  336.                               </tr>
  337.                             </tbody>
  338.                           </table>
  339.                         </div>
  340.                         <!--[if mso | IE]></td></tr></table><![endif]-->
  341.                       </td>
  342.                     </tr>
  343.                   </tbody>
  344.                 </table>
  345.               </div>
  346.               <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
  347.               <div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
  348.                 <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;">
  349.                   <tbody>
  350.                     <tr>
  351.                       <td style="direction:ltr;font-size:0px;padding:20px 0;padding-left:15px;padding-right:15px;padding-top:0;text-align:center;">
  352.                         <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:570px;" ><![endif]-->
  353.                         <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
  354.                           <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
  355.                             <tbody>
  356.                               <tr>
  357.                                 <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;">
  358.                                   <p style="border-top:solid 1px #DFE3E8;font-size:1px;margin:0px auto;width:100%;">
  359.                                   </p>
  360.                                   <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #DFE3E8;font-size:1px;margin:0px auto;width:520px;" role="presentation" width="520px" ><tr><td style="height:0;line-height:0;"> &nbsp;
  361. </td></tr></table><![endif]-->
  362.                                 </td>
  363.                               </tr>
  364.                             </tbody>
  365.                           </table>
  366.                         </div>
  367.                         <!--[if mso | IE]></td></tr></table><![endif]-->
  368.                       </td>
  369.                     </tr>
  370.                   </tbody>
  371.                 </table>
  372.               </div>
  373.               <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
  374.               <div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
  375.                 <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;">
  376.                   <tbody>
  377.                     <tr>
  378.                       <td style="direction:ltr;font-size:0px;padding:0 15px 0 15px;text-align:center;">
  379.                         <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:570px;" ><![endif]-->
  380.                         <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
  381.                           <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
  382.                             <tbody>
  383.                               <tr>
  384.                                 <td align="left" style="font-size:0px;padding:10px 25px;padding-bottom:0;word-break:break-word;">
  385.                                   <div style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:20px;font-weight:bold;line-height:24px;text-align:left;color:#212b35;">Come see us!</div>
  386.                                 </td>
  387.                               </tr>
  388.                               <tr>
  389.                                 <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;">
  390.                                   <div style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#637381;">We're looking forward to meeting you.</div>
  391.                                 </td>
  392.                               </tr>
  393.                             </tbody>
  394.                           </table>
  395.                         </div>
  396.                         <!--[if mso | IE]></td></tr></table><![endif]-->
  397.                       </td>
  398.                     </tr>
  399.                   </tbody>
  400.                 </table>
  401.               </div>
  402.               <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
  403.               <div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
  404.                 <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;">
  405.                   <tbody>
  406.                     <tr>
  407.                       <td style="direction:ltr;font-size:0px;padding:20px 0;padding-left:15px;padding-right:15px;text-align:center;">
  408.                         <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:285px;" ><![endif]-->
  409.                         <div class="mj-column-per-50 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
  410.                           <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
  411.                             <tbody>
  412.                               <tr>
  413.                                 <td align="left" style="font-size:0px;padding:10px 25px;padding-bottom:0;word-break:break-word;">
  414.                                   <div style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;font-weight:bold;line-height:24px;text-align:left;text-transform:uppercase;color:#212b35;">address</div>
  415.                                 </td>
  416.                               </tr>
  417.                               <tr>
  418.                                 <td align="left" style="font-size:0px;padding:10px 25px;padding-top:0;word-break:break-word;">
  419.                                   <div style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;font-weight:400;line-height:24px;text-align:left;color:#637381;">Austin Convention Center <br> 123 Main Street, 78701</div>
  420.                                 </td>
  421.                               </tr>
  422.                             </tbody>
  423.                           </table>
  424.                         </div>
  425.                         <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:285px;" ><![endif]-->
  426.                         <div class="mj-column-per-50 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
  427.                           <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
  428.                             <tbody>
  429.                               <tr>
  430.                                 <td align="left" style="font-size:0px;padding:10px 25px;padding-bottom:0;word-break:break-word;">
  431.                                   <div style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;font-weight:bold;line-height:24px;text-align:left;text-transform:uppercase;color:#212b35;">Hours of Operation</div>
  432.                                 </td>
  433.                               </tr>
  434.                               <tr>
  435.                                 <td align="left" style="font-size:0px;padding:10px 25px;padding-top:0;word-break:break-word;">
  436.                                   <div style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;font-weight:400;line-height:24px;text-align:left;color:#637381;">Monday, December 20th: 8:00AM - 5:00PM <br> Tuesday, December 21st: 8:00AM - 5:00PM</div>
  437.                                 </td>
  438.                               </tr>
  439.                             </tbody>
  440.                           </table>
  441.                         </div>
  442.                         <!--[if mso | IE]></td></tr></table><![endif]-->
  443.                       </td>
  444.                     </tr>
  445.                   </tbody>
  446.                 </table>
  447.               </div>
  448.               <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
  449.               <div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
  450.                 <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;">
  451.                   <tbody>
  452.                     <tr>
  453.                       <td style="direction:ltr;font-size:0px;padding:20px 0;padding-left:15px;padding-right:15px;text-align:center;">
  454.                         <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:570px;" ><![endif]-->
  455.                         <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
  456.                           <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
  457.                             <tbody>
  458.                               <tr>
  459.                                 <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;">
  460.                                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
  461.                                     <tbody>
  462.                                       <tr>
  463.                                         <td style="width:520px;">
  464.                                           <img alt height="auto" src="https://res.cloudinary.com/dheck1ubc/image/upload/v1544153579/Email/Images/AnnouncementOffset/map.jpg" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="520">
  465.                                         </td>
  466.                                       </tr>
  467.                                     </tbody>
  468.                                   </table>
  469.                                 </td>
  470.                               </tr>
  471.                             </tbody>
  472.                           </table>
  473.                         </div>
  474.                         <!--[if mso | IE]></td></tr></table><![endif]-->
  475.                       </td>
  476.                     </tr>
  477.                   </tbody>
  478.                 </table>
  479.               </div>
  480.               <!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->
  481.             </td>
  482.           </tr>
  483.         </tbody>
  484.       </table>
  485.     </div>
  486.     <!--[if mso | IE]></td></tr></table><![endif]-->
  487.     <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
  488.       <tbody>
  489.         <tr>
  490.           <td>
  491.             <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
  492.             <div style="margin:0px auto;max-width:600px;">
  493.               <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
  494.                 <tbody>
  495.                   <tr>
  496.                     <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
  497.                       <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
  498.                       <div style="margin:0px auto;max-width:600px;">
  499.                         <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
  500.                           <tbody>
  501.                             <tr>
  502.                               <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
  503.                                 <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
  504.                                 <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
  505.                                   <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
  506.                                     <tbody>
  507.                                       <tr>
  508.                                         <td style="vertical-align:top;padding:0;">
  509.                                           <table border="0" cellpadding="0" cellspacing="0" role="presentation" style width="100%">
  510.                                             <tbody>
  511.                                               <tr>
  512.                                                 <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
  513.                                                   <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" ><tr><td><![endif]-->
  514.                                                   <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
  515.                                                     <tr>
  516.                                                       <td style="padding:4px;vertical-align:middle;">
  517.                                                         <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#A1A0A0;border-radius:3px;width:30px;">
  518.                                                           <tr>
  519.                                                             <td style="font-size:0;height:30px;vertical-align:middle;width:30px;">
  520.                                                               <a href="https://www.facebook.com/sharer/sharer.php?u=https://mjml.io/" target="_blank">
  521.                                                                 <img height="30" src="https://www.mailjet.com/images/theme/v1/icons/ico-social/facebook.png" style="border-radius:3px;display:block;" width="30">
  522.                                                               </a>
  523.                                                             </td>
  524.                                                           </tr>
  525.                                                         </table>
  526.                                                       </td>
  527.                                                     </tr>
  528.                                                   </table>
  529.                                                   <!--[if mso | IE]></td><td><![endif]-->
  530.                                                   <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
  531.                                                     <tr>
  532.                                                       <td style="padding:4px;vertical-align:middle;">
  533.                                                         <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#A1A0A0;border-radius:3px;width:30px;">
  534.                                                           <tr>
  535.                                                             <td style="font-size:0;height:30px;vertical-align:middle;width:30px;">
  536.                                                               <a href="https://plus.google.com/share?url=https://mjml.io/" target="_blank">
  537.                                                                 <img height="30" src="https://www.mailjet.com/images/theme/v1/icons/ico-social/google-plus.png" style="border-radius:3px;display:block;" width="30">
  538.                                                               </a>
  539.                                                             </td>
  540.                                                           </tr>
  541.                                                         </table>
  542.                                                       </td>
  543.                                                     </tr>
  544.                                                   </table>
  545.                                                   <!--[if mso | IE]></td><td><![endif]-->
  546.                                                   <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
  547.                                                     <tr>
  548.                                                       <td style="padding:4px;vertical-align:middle;">
  549.                                                         <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#A1A0A0;border-radius:3px;width:30px;">
  550.                                                           <tr>
  551.                                                             <td style="font-size:0;height:30px;vertical-align:middle;width:30px;">
  552.                                                               <a href="https://twitter.com/intent/tweet?url=https://mjml.io/" target="_blank">
  553.                                                                 <img height="30" src="https://www.mailjet.com/images/theme/v1/icons/ico-social/twitter.png" style="border-radius:3px;display:block;" width="30">
  554.                                                               </a>
  555.                                                             </td>
  556.                                                           </tr>
  557.                                                         </table>
  558.                                                       </td>
  559.                                                     </tr>
  560.                                                   </table>
  561.                                                   <!--[if mso | IE]></td><td><![endif]-->
  562.                                                   <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
  563.                                                     <tr>
  564.                                                       <td style="padding:4px;vertical-align:middle;">
  565.                                                         <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#A1A0A0;border-radius:3px;width:30px;">
  566.                                                           <tr>
  567.                                                             <td style="font-size:0;height:30px;vertical-align:middle;width:30px;">
  568.                                                               <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://mjml.io/&title=&summary=&source=" target="_blank">
  569.                                                                 <img height="30" src="https://www.mailjet.com/images/theme/v1/icons/ico-social/linkedin.png" style="border-radius:3px;display:block;" width="30">
  570.                                                               </a>
  571.                                                             </td>
  572.                                                           </tr>
  573.                                                         </table>
  574.                                                       </td>
  575.                                                     </tr>
  576.                                                   </table>
  577.                                                   <!--[if mso | IE]></td></tr></table><![endif]-->
  578.                                                 </td>
  579.                                               </tr>
  580.                                               <tr>
  581.                                                 <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;">
  582.                                                   <div style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:11px;font-weight:bold;line-height:24px;text-align:center;color:#445566;">View this email in your browser</div>
  583.                                                 </td>
  584.                                               </tr>
  585.                                               <tr>
  586.                                                 <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;">
  587.                                                   <div style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:11px;font-weight:400;line-height:16px;text-align:center;color:#445566;">You are receiving this email advertisement because you registered with Croft's Accountants. (123 Main Street, Austin, TX 78701) and agreed to receive emails from us regarding new features, events and special offers.</div>
  588.                                                 </td>
  589.                                               </tr>
  590.                                               <tr>
  591.                                                 <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;">
  592.                                                   <div style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:11px;font-weight:400;line-height:16px;text-align:center;color:#445566;">&copy; Croft's Accountants Inc., All Rights Reserved.</div>
  593.                                                 </td>
  594.                                               </tr>
  595.                                             </tbody>
  596.                                           </table>
  597.                                         </td>
  598.                                       </tr>
  599.                                     </tbody>
  600.                                   </table>
  601.                                 </div>
  602.                                 <!--[if mso | IE]></td></tr></table><![endif]-->
  603.                               </td>
  604.                             </tr>
  605.                           </tbody>
  606.                         </table>
  607.                       </div>
  608.                       <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
  609.                       <div style="margin:0px auto;max-width:600px;">
  610.                         <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
  611.                           <tbody>
  612.                             <tr>
  613.                               <td style="direction:ltr;font-size:0px;padding:20px 0;padding-top:0;text-align:center;">
  614.                                 <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="width:600px;" ><![endif]-->
  615.                                 <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0;line-height:0;text-align:left;display:inline-block;width:100%;direction:ltr;">
  616.                                   <!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" role="presentation" ><tr><td style="vertical-align:top;width:600px;" ><![endif]-->
  617.                                   <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
  618.                                     <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
  619.                                       <tbody>
  620.                                         <tr>
  621.                                           <td style="vertical-align:top;padding-right:0;">
  622.                                             <table border="0" cellpadding="0" cellspacing="0" role="presentation" style width="100%">
  623.                                               <tbody>
  624.                                                 <tr>
  625.                                                   <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;">
  626.                                                     <div style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:11px;font-weight:bold;line-height:16px;text-align:center;color:#445566;"><a class="footer-link" href="https://www.google.com" style="color: #888888;">Privacy</a>&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;<a class="footer-link" href="https://www.google.com" style="color: #888888;">Unsubscribe</a></div>
  627.                                                   </td>
  628.                                                 </tr>
  629.                                               </tbody>
  630.                                             </table>
  631.                                           </td>
  632.                                         </tr>
  633.                                       </tbody>
  634.                                     </table>
  635.                                   </div>
  636.                                   <!--[if mso | IE]></td></tr></table><![endif]-->
  637.                                 </div>
  638.                                 <!--[if mso | IE]></td></tr></table><![endif]-->
  639.                               </td>
  640.                             </tr>
  641.                           </tbody>
  642.                         </table>
  643.                       </div>
  644.                       <!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->
  645.                     </td>
  646.                   </tr>
  647.                 </tbody>
  648.               </table>
  649.             </div>
  650.             <!--[if mso | IE]></td></tr></table><![endif]-->
  651.           </td>
  652.         </tr>
  653.       </tbody>
  654.     </table>
  655.   </div>
  656. </body>
  657.  
  658. </html>
Tags: mjml
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!