isotonicq

csgo_email_template

Apr 29th, 2017
795
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8"> <!-- utf-8 works for most cases -->
  5.     <meta name="viewport" content="width=device-width"> <!-- Forcing initial-scale shouldn't be necessary -->
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Use the latest (edge) version of IE rendering engine -->
  7.     <meta name="x-apple-disable-message-reformatting">  <!-- Disable auto-scale in iOS 10 Mail entirely -->
  8.     <title></title> <!-- The title tag shows in username notifications, like Android 4.4. -->
  9.  
  10.     <!-- Web Font / @font-face : BEGIN -->
  11.     <!-- NOTE: If web fonts are not required, lines 10 - 27 can be safely removed. -->
  12.  
  13.     <!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font. -->
  14.     <!--[if mso]>
  15.        <style>
  16.            * {
  17.                font-family: sans-serif !important;
  18.            }
  19.        </style>
  20.    <![endif]-->
  21.  
  22.     <!-- All other clients get the webfont reference; some will render the font and others will silently fail to the fallbacks. More on that here: http://stylecampaign.com/blog/2015/02/webfont-support-in-username/ -->
  23.     <!--[if !mso]><!-->
  24.         <!-- insert web font reference, eg: <link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> -->
  25.     <!--<![endif]-->
  26.  
  27.     <!-- Web Font / @font-face : END -->
  28.  
  29.     <!-- CSS Reset -->
  30.     <style>
  31.  
  32.         /* What it does: Remove spaces around the username design added by some username clients. */
  33.         /* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */
  34.         html,
  35.         body {
  36.             margin: 0 auto !important;
  37.             padding: 0 !important;
  38.             height: 100% !important;
  39.             width: 100% !important;
  40.         }
  41.  
  42.         h2 {
  43.             color: #f44242;
  44.         }
  45.  
  46.         h3 {
  47.             color: #f44242;
  48.         }
  49.  
  50.         /* What it does: Stops username clients resizing small text. */
  51.         * {
  52.             -ms-text-size-adjust: 100%;
  53.             -webkit-text-size-adjust: 100%;
  54.         }
  55.  
  56.         /* What it does: Centers username on Android 4.4 */
  57.         div[style*="margin: 16px 0"] {
  58.             margin:0 !important;
  59.         }
  60.  
  61.         /* What it does: Stops Outlook from adding extra spacing to tables. */
  62.         table,
  63.         td {
  64.             mso-table-lspace: 0pt !important;
  65.             mso-table-rspace: 0pt !important;
  66.         }
  67.  
  68.         /* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */
  69.         table {
  70.             border-spacing: 0 !important;
  71.             border-collapse: collapse !important;
  72.             table-layout: fixed !important;
  73.             margin: 0 auto !important;
  74.         }
  75.         table table table {
  76.             table-layout: auto;
  77.         }
  78.  
  79.         /* What it does: Uses a better rendering method when resizing images in IE. */
  80.         img {
  81.             -ms-interpolation-mode:bicubic;
  82.         }
  83.  
  84.         /* What it does: A work-around for iOS meddling in triggered links. */
  85.         *[x-apple-data-detectors] {
  86.             color: inherit !important;
  87.             text-decoration: none !important;
  88.         }
  89.  
  90.         /* What it does: A work-around for Gmail meddling in triggered links. */
  91.         .x-gmail-data-detectors,
  92.         .x-gmail-data-detectors *,
  93.         .aBn {
  94.             border-bottom: 0 !important;
  95.             cursor: default !important;
  96.         }
  97.  
  98.         /* What it does: Prevents Gmail from displaying an download button on large, non-linked images. */
  99.         .a6S {
  100.             display: none !important;
  101.             opacity: 0.01 !important;
  102.         }
  103.         /* If the above doesn't work, add a .g-img class to any image in question. */
  104.         img.g-img + div {
  105.             display:none !important;
  106.         }
  107.  
  108.         /* What it does: Prevents underlining the button text in Windows 10 */
  109.         .button-link {
  110.             text-decoration: none !important;
  111.         }
  112.  
  113.         /* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89  */
  114.         /* Create one of these media queries for each additional viewport size you'd like to fix */
  115.         /* Thanks to Eric Lepetit @ericlepetitsf) for help troubleshooting */
  116.         @media only screen and (min-device-width: 375px) and (max-device-width: 413px) { /* iPhone 6 and 6+ */
  117.             .email-container {
  118.                 min-width: 375px !important;
  119.             }
  120.         }
  121.  
  122.     </style>
  123.  
  124.     <!-- What it does: Makes background images in 72ppi Outlook render at correct size. -->
  125.     <!--[if gte mso 9]>
  126.     <xml>
  127.         <o:OfficeDocumentSettings>
  128.             <o:AllowPNG/>
  129.             <o:PixelsPerInch>96</o:PixelsPerInch>
  130.         </o:OfficeDocumentSettings>
  131.     </xml>
  132.     <![endif]-->
  133.  
  134.     <!-- Progressive Enhancements -->
  135.     <style>
  136.  
  137.         /* What it does: Hover styles for buttons */
  138.         .button-td,
  139.         .button-a {
  140.             transition: all 100ms ease-in;
  141.         }
  142.         .button-td:hover,
  143.         .button-a:hover {
  144.             background: #555555 !important;
  145.             border-color: #555555 !important;
  146.         }
  147.  
  148.     </style>
  149.  
  150. </head>
  151. <body width="100%" bgcolor="#222222" style="margin: 0; mso-line-height-rule: exactly; ">
  152.     <center style="width: 100%; background: #222222; text-align: left;">
  153.  
  154.         <!-- Visually Hidden Preheader Text : BEGIN -->
  155.         <div style="display:none;font-size:1px;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;mso-hide:all;font-family: sans-serif;">
  156.         </div>
  157.         <!-- Visually Hidden Preheader Text : END -->
  158.  
  159.         <!--
  160.            Set the username width. Defined in two places:
  161.            1. max-width for all clients except Desktop Windows Outlook, allowing the username to squish on narrow but never go wider than 600px.
  162.            2. MSO tags for Desktop Windows Outlook enforce a 600px width.
  163.        -->
  164.         <div style="max-width: 600px; margin: auto; background-image:url(https://preview.ibb.co/doO5gQ/image.png); background-repeat:no-repeat; background-size: cover" class="email-container">
  165.             <!--[if mso]>
  166.            <table role="presentation" aria-hidden="true" cellspacing="0" cellpadding="0" border="0" width="600" align="center">
  167.            <tr>
  168.            <td>
  169.            <![endif]-->
  170.  
  171.      
  172.             <!-- Email Body : BEGIN -->
  173.             <table role="presentation" aria-hidden="true" cellspacing="0" cellpadding="0" border="0" align="center" width="100%" style="max-width: 600px;">
  174.  
  175.                 <!-- Hero Image, Flush : BEGIN -->
  176.                 <tr>
  177.                     <td>
  178.                         <img src="https://image.ibb.co/eAKjak/foodnavilogo.png" aria-hidden="true" width="600" height="" alt="alt_text" border="0" align="center" style="width: 100%; max-width: 600px; height: auto; font-family: sans-serif; font-size: 15px; line-height: 20px;" class="g-img">
  179.                     </td>
  180.                 </tr>
  181.                 <!-- Hero Image, Flush : END -->
  182.  
  183.                 <!-- 1 Column Text + Button : BEGIN -->
  184.                 <tr>
  185.                     <td>
  186.                         <table role="presentation" aria-hidden="true" cellspacing="0" cellpadding="0" border="0" width="100%">
  187.                                                  
  188.                             <tr>
  189.                                 <td style=" padding: 15px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #FFF;">
  190.                                     <p><h1><b>Witamy! <h2>(nazwa drużyny)</h2></font></b></h1></p>
  191.                                     <br/>
  192.                                     <p>
  193.                                         <h2>Twoje zgłoszenie znalazło się w pierwszej 10!</h2>
  194.                                         Aby wziąć udział w turnieju wymagana jest jeszcze wpłata wpisowego w wysokości 50zł od całej drużyny która w całości przekazywana jest na okoliczny dom dziecka.
  195.                                     </p>    
  196.                                    
  197.                                     <p>
  198.                                         <h2>Przelew należy wykonać na konto:</h2>
  199.                                         Zespół Placówek Opiekuńczo-Wychowawczych <br/>
  200.                                         Bank Pekao S.A.<br/>
  201.                                         <h3>92 1240 4142 1111 0000 4824 2594</h3>
  202.                                        
  203.                                         W tytule przelewu należy wpisać nazwe drużyny z dopiskiem <font color="#f44242">"dla dzieci z Pocztowej 24"</font> . Jest to bardzo istotna część gdyż wpłaty bez tego dopisku nie będą uznawane. Wpisowe, nawet w momencie rezygnacji z turnieju, jest bezzwrotne.
  204.                                         Potwierdzenie wykonania przelewu należy wysłać nam w odpowiedzi do tej wiadomości w przeciągu trzech kolejnych dni roboczych. Brak potwierdzenia w podanym terminie skutkuje natychmiastowym skreśleniem z listy drużyn zapisanych.
  205.                                     </p>
  206.                                    
  207.                                     <p>
  208.                                         <h2>Przypomnienie:</h2>
  209.                                         Przypominamy również, że osoby niepełnoletnie muszą dostarczyć nam oświadczenie o pokryciu kosztów napraw w przypadku uszkodzeń sprzętu podpisane przez rodzica bądź prawnego opiekuna. Wzór oświadczenia można znaleźć w Regulaminie.
  210.                                     </p>
  211.                                    
  212.                                     <p>
  213.                                         <h2>Zmiany:</h2>
  214.                                         Aby dokonać zmian w przesłanym formularzu należy wysłać do nas wiadomość, w tytule wpisując nazwe drużyny, w którym opiszecie dokonane zmiany. Każda informacja musi być wysłana z adresu e-mail podanego podczas rejestracji. Możliwość edycji kończy się z dniem 5 maja 2017. Udział zawodnika który nie został zgłoszony w odpowiednim terminie skutuje dyskwalifikacją drużyny.
  215.                                     </p>
  216.                                 </td>          
  217.                             </tr>
  218.  
  219.                            
  220.                        
  221.                         </table>
  222.                        
  223.                         <p style="padding: 10px 0; text-align: center;alignment: center">
  224.                             <img src="https://image.ibb.co/n8VPak/Untitled_1.png" aria-hidden="true" width="200" height="50" alt="alt_text" border="0" style="height: auto; font-family: sans-serif; font-size: 15px; line-height: 20px;">
  225.                         </p>
  226.                         <!-- Email Header : END -->
  227.                     </td>
  228.                 </tr>
  229.                 <!-- 1 Column Text + Button : END -->
  230.  
  231.                
  232.  
  233.             <!-- Email Footer : END -->
  234.  
  235.             <!--[if mso]>
  236.            </td>
  237.            </tr>
  238.            </table>
  239.            <![endif]-->
  240.  
  241.         </div>
  242.     </center>
  243. </body>
  244. </html>
RAW Paste Data