API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 17th, 2019
176
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.88 KB | None | 0 0
raw download clone embed print report
  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>
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!