SHARE
TWEET

Untitled

a guest Sep 17th, 2019 103 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title></title>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  8.     <style type="text/css">
  9.         /* FONTS */
  10.         @media screen {
  11.             @font-face {
  12.                 font-family: 'Lato';
  13.                 font-style: normal;
  14.                 font-weight: 400;
  15.                 src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
  16.             }
  17.  
  18.             @font-face {
  19.                 font-family: 'Lato';
  20.                 font-style: normal;
  21.                 font-weight: 700;
  22.                 src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/qdgUG4U09HnJwhYI-uK18wLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
  23.             }
  24.  
  25.             @font-face {
  26.                 font-family: 'Lato';
  27.                 font-style: italic;
  28.                 font-weight: 400;
  29.                 src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v11/RYyZNoeFgb0l7W3Vu1aSWOvvDin1pK8aKteLpeZ5c0A.woff) format('woff');
  30.             }
  31.  
  32.             @font-face {
  33.                 font-family: 'Lato';
  34.                 font-style: italic;
  35.                 font-weight: 700;
  36.                 src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v11/HkF_qI1x_noxlxhrhMQYELO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
  37.             }
  38.         }
  39.  
  40.         /* CLIENT-SPECIFIC STYLES */
  41.         body, table, td, a {
  42.             -webkit-text-size-adjust: 100%;
  43.             -ms-text-size-adjust: 100%;
  44.         }
  45.  
  46.         table, td {
  47.             mso-table-lspace: 0pt;
  48.             mso-table-rspace: 0pt;
  49.         }
  50.  
  51.         img {
  52.             -ms-interpolation-mode: bicubic;
  53.         }
  54.  
  55.         /* RESET STYLES */
  56.         img {
  57.             border: 0;
  58.             height: auto;
  59.             line-height: 100%;
  60.             outline: none;
  61.             text-decoration: none;
  62.         }
  63.  
  64.         table {
  65.             border-collapse: collapse !important;
  66.         }
  67.  
  68.         body {
  69.             height: 100% !important;
  70.             margin: 0 !important;
  71.             padding: 0 !important;
  72.             width: 100% !important;
  73.         }
  74.         a{
  75.             text-transform:uppercase;
  76.             font-family:'Roboto',sans-serif;
  77.             font-weight:400;
  78.             color:#FFFFFF;
  79.         }
  80.         a:hover{
  81.             color:#DDDDDD;
  82.         }
  83.         @media all and (max-width:30em){
  84.             a{
  85.                 display:block;
  86.                 margin:0.4em auto;
  87.             }
  88.         }
  89.  
  90.         /* iOS BLUE LINKS */
  91.         a[x-apple-data-detectors] {
  92.             color: inherit !important;
  93.             text-decoration: none !important;
  94.             font-size: inherit !important;
  95.             font-family: inherit !important;
  96.             font-weight: inherit !important;
  97.             line-height: inherit !important;
  98.         }
  99.  
  100.         /* MOBILE STYLES */
  101.         @media screen and (max-width:600px) {
  102.             h1 {
  103.                 font-size: 25px !important;
  104.                 line-height: 32px !important;
  105.             }
  106.         }
  107.  
  108.         /* ANDROID CENTER FIX */
  109.         div[style*="margin: 16px 0;"] {
  110.             margin: 0 !important;
  111.         }
  112.     </style>
  113. </head>
  114. <body style="background-color: #f4f4f4; margin: 0 !important; padding: 0 !important;">
  115.  
  116.     <!-- HIDDEN PREHEADER TEXT -->
  117.  
  118.     <table border="0" cellpadding="0" cellspacing="0" width="100%">
  119.         <!-- HERO -->
  120.         <tr>
  121.             <td bgcolor="#FFA73B" align="center" style="padding: 0px 10px 0px 10px;">
  122.                 <!--[if (gte mso 9)|(IE)]>
  123.                <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
  124.                <tr>
  125.                <td align="center" valign="top" width="600">
  126.                <![endif]-->
  127.                 <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
  128.                     <tr>
  129.                         <td bgcolor="#ffffff" align="center" valign="top" style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #111111; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; letter-spacing: 4px; line-height: 48px;">
  130.                             <h1 style="font-size: 35px; font-weight: 400; margin: 0;">{header1} /<br/> {header2} </h1>
  131.                         </td>
  132.                     </tr>
  133.                 </table>
  134.                 <!--[if (gte mso 9)|(IE)]>
  135.                </td>
  136.                </tr>
  137.                </table>
  138.                <![endif]-->
  139.             </td>
  140.         </tr>
  141.         <!-- COPY BLOCK -->
  142.         <tr>
  143.             <td bgcolor="#f4f4f4" align="center" style="padding: 0px 10px 0px 10px;">
  144.                 <!--[if (gte mso 9)|(IE)]>
  145.                <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
  146.                <tr>
  147.                <td align="center" valign="top" width="600">
  148.                <![endif]-->
  149.                 <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
  150.                     <!-- COPY -->
  151.                     <tr>
  152.                         <td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;">
  153.                             <p style="margin: 0;"> <a href="{url}"> {text-pl}</a></p>
  154.                         </td>
  155.                     </tr>
  156.                     <tr>
  157.                         <td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;">
  158.                             <p style="margin: 0;"> <a href="{url}"> {text-en}</a></p>
  159.                         </td>
  160.                     </tr>
  161.  
  162.  
  163.                     <!-- COPY -->
  164.                     <tr>
  165.                         <td bgcolor="#ffffff" align="left" style="padding: 0px 30px 40px 30px; border-radius: 0px 0px 4px 4px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;">
  166.                             <p style="margin: 0;">Cheers,<br>ITSOL</p>
  167.                         </td>
  168.                     </tr>
  169.                 </table>
  170.                 <!--[if (gte mso 9)|(IE)]>
  171.                </td>
  172.                </tr>
  173.                </table>
  174.                <![endif]-->
  175.             </td>
  176.         </tr>
  177.         <!-- FOOTER -->
  178.         <tr>
  179.             <td bgcolor="#f4f4f4" align="center" style="padding: 0px 10px 0px 10px;">
  180.                 <!--[if (gte mso 9)|(IE)]>
  181.                <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
  182.                <tr>
  183.                <td align="center" valign="top" width="600">
  184.                <![endif]-->
  185.                 <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
  186.  
  187.                     <!-- ADDRESS -->
  188.                     <tr>
  189.                         <td bgcolor="#f4f4f4" align="left" style="padding: 30px 30px 30px 30px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 18px;">
  190.                             <p style="margin: 0;"><!--Ceej - 1234 Main Street - Anywhere, MA - 56789--></p>
  191.                         </td>
  192.                     </tr>
  193.                 </table>
  194.                 <!--[if (gte mso 9)|(IE)]>
  195.                </td>
  196.                </tr>
  197.                </table>
  198.                <![endif]-->
  199.             </td>
  200.         </tr>
  201.     </table>
  202.  
  203. </body>
  204. </html>
RAW Paste Data
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
 
Top