API tools faq
paste
Advertisement
isotonicq

csgo_email_template

isotonicq
Apr 29th, 2017
1,088
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 11.08 KB | None | 0 0
raw download clone embed print report
  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>
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!