Advertisement
Guest User

Untitled

a guest
Jul 15th, 2019
518
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.75 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
  3.      xmlns:o="urn:schemas-microsoft-com:office:office">
  4. <head>
  5.     <meta charset="utf-8"> <!-- utf-8 works for most cases -->
  6.     <meta name="viewport" content="width=device-width"> <!-- Forcing initial-scale shouldn't be necessary -->
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Use the latest (edge) version of IE rendering engine -->
  8.     <meta name="x-apple-disable-message-reformatting">  <!-- Disable auto-scale in iOS 10 Mail entirely -->
  9.     <title></title> <!-- The title tag shows in email notifications, like Android 4.4. -->
  10.  
  11.     <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  12.  
  13.     <!-- Web Font / @font-face : BEGIN -->
  14.     <!-- NOTE: If web fonts are not required, lines 10 - 27 can be safely removed. -->
  15.  
  16.     <!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font. -->
  17.     <!--[if mso]>
  18.    <style>
  19.        * {
  20.            font-family: "Roboto", sans-serif;
  21.            font-size: 13px;
  22.            color: rgb(52, 53, 53);
  23.            font-weight: 300;
  24.        }
  25.    </style>
  26.    <![endif]-->
  27.  
  28.     <!-- 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-email/ -->
  29.     <!--[if !mso]><!-->
  30.     <!-- insert web font reference, eg: <link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> -->
  31.     <!--<![endif]-->
  32.  
  33.     <!-- Web Font / @font-face : END -->
  34.  
  35.     <!-- CSS Reset : BEGIN -->
  36.     <style>
  37.  
  38.         /* What it does: Remove spaces around the email design added by some email clients. */
  39.         /* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */
  40.         html,
  41.         body {
  42.             font-family: "Roboto", sans-serif;
  43.             font-size: 13px;
  44.             color: rgb(52, 53, 53);
  45.             font-weight: 300;
  46.             margin: 0 auto !important;
  47.             padding: 0 !important;
  48.             height: 100% !important;
  49.             width: 100% !important;
  50.         }
  51.  
  52.         /* What it does: Stops email clients resizing small text. */
  53.         * {
  54.             -ms-text-size-adjust: 100%;
  55.             -webkit-text-size-adjust: 100%;
  56.         }
  57.  
  58.         /* What it does: Centers email on Android 4.4 */
  59.         div[style*="margin: 16px 0"] {
  60.             margin: 0 !important;
  61.         }
  62.  
  63.         /* What it does: Stops Outlook from adding extra spacing to tables. */
  64.         table,
  65.         td {
  66.             mso-table-lspace: 0pt !important;
  67.             mso-table-rspace: 0pt !important;
  68.         }
  69.  
  70.         /* 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. */
  71.         table {
  72.             border-spacing: 0 !important;
  73.             border-collapse: collapse !important;
  74.             table-layout: fixed !important;
  75.             margin: 0 auto !important;
  76.         }
  77.  
  78.         table table table {
  79.             table-layout: auto;
  80.         }
  81.  
  82.         /* What it does: Prevents Windows 10 Mail from underlining links despite inline CSS. Styles for underlined links should be inline. */
  83.         a {
  84.             text-decoration: none;
  85.         }
  86.  
  87.         /* What it does: Uses a better rendering method when resizing images in IE. */
  88.         img {
  89.             -ms-interpolation-mode: bicubic;
  90.         }
  91.  
  92.         /* What it does: A work-around for email clients meddling in triggered links. */
  93.         *[x-apple-data-detectors], /* iOS */
  94.         .unstyle-auto-detected-links *,
  95.         .aBn {
  96.             border-bottom: 0 !important;
  97.             cursor: default !important;
  98.             color: inherit !important;
  99.             text-decoration: none !important;
  100.             font-size: inherit !important;
  101.             font-family: inherit !important;
  102.             font-weight: inherit !important;
  103.             line-height: inherit !important;
  104.         }
  105.  
  106.         /* What it does: Prevents Gmail from displaying a download button on large, non-linked images. */
  107.         .a6S {
  108.             display: none !important;
  109.             opacity: 0.01 !important;
  110.         }
  111.  
  112.         /* If the above doesn't work, add a .g-img class to any image in question. */
  113.         img.g-img + div {
  114.             display: none !important;
  115.         }
  116.  
  117.         /* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89  */
  118.         /* Create one of these media queries for each additional viewport size you'd like to fix */
  119.  
  120.         /*!* iPhone 4, 4S, 5, 5S, 5C, and 5SE *!*/
  121.         /*@media  only screen and (min-device-width: 320px) and (max-device-width: 374px) {*/
  122.             /*.email-container {*/
  123.                 /*min-width: 320px !important;*/
  124.             /*}*/
  125.         /*}*/
  126.  
  127.         /*!* iPhone 6, 6S, 7, 8, and X *!*/
  128.         /*@media  only screen and (min-device-width: 375px) and (max-device-width: 413px) {*/
  129.             /*.email-container {*/
  130.                 /*min-width: 375px !important;*/
  131.             /*}*/
  132.         /*}*/
  133.  
  134.         /*!* iPhone 6+, 7+, and 8+ *!*/
  135.         /*@media  only screen and (min-device-width: 414px) {*/
  136.             /*.email-container {*/
  137.                 /*min-width: 414px !important;*/
  138.             /*}*/
  139.         /*}*/
  140.  
  141.     </style>
  142.     <!-- CSS Reset : END -->
  143.     <!-- Reset list spacing because Outlook ignores much of our inline CSS. -->
  144.     <!--[if mso]>
  145.    <style type="text/css">
  146.        ul,
  147.        ol {
  148.            margin: 0 !important;
  149.        }
  150.  
  151.        li {
  152.            margin-left: 30px !important;
  153.        }
  154.  
  155.        li.list-item-first {
  156.            margin-top: 0 !important;
  157.        }
  158.  
  159.        li.list-item-last {
  160.            margin-bottom: 10px !important;
  161.        }
  162.    </style>
  163.    <![endif]-->
  164.  
  165.     <!-- Progressive Enhancements : BEGIN -->
  166.     <style>
  167.  
  168.         /* What it does: Hover styles for buttons */
  169.         .button-td,
  170.         .button-a {
  171.             transition: all 100ms ease-in;
  172.         }
  173.  
  174.         .button-td-primary:hover,
  175.         .button-a-primary:hover {
  176.             background: #555555 !important;
  177.             border-color: #555555 !important;
  178.         }
  179.  
  180.         /* Media Queries */
  181.         @media  screen and (max-width: 600px) {
  182.  
  183.             .email-container {
  184.                 width: 100% !important;
  185.                 margin: auto !important;
  186.             }
  187.  
  188.             /* What it does: Forces elements to resize to the full width of their container. Useful for resizing images beyond their max-width. */
  189.             .fluid {
  190.                 max-width: 100% !important;
  191.                 height: auto !important;
  192.                 margin-left: auto !important;
  193.                 margin-right: auto !important;
  194.             }
  195.  
  196.             /* What it does: Forces table cells into full-width rows. */
  197.             .stack-column,
  198.             .stack-column-center {
  199.                 display: block !important;
  200.                 width: 100% !important;
  201.                 max-width: 100% !important;
  202.                 direction: ltr !important;
  203.             }
  204.  
  205.             /* And center justify these ones. */
  206.             .stack-column-center {
  207.                 text-align: center !important;
  208.             }
  209.  
  210.             /* What it does: Generic utility class for centering. Useful for images, buttons, and nested tables. */
  211.             .center-on-narrow {
  212.                 text-align: center !important;
  213.                 display: block !important;
  214.                 margin-left: auto !important;
  215.                 margin-right: auto !important;
  216.                 float: none !important;
  217.             }
  218.  
  219.             table.center-on-narrow {
  220.                 display: inline-block !important;
  221.             }
  222.  
  223.             /*!* What it does: Adjust typography on small screens to improve readability *!*/
  224.             /*.email-container p {*/
  225.                 /*font-size: 17px !important;*/
  226.             /*}*/
  227.         }
  228.  
  229.     </style>
  230.  
  231.     <style type="text/css">
  232.         .table-bordered {
  233.             border-top: 3px solid #404A7B;
  234.             padding: 10px;
  235.             border-top-left-radius: 20px;
  236.             border-top-right-radius: 20px;
  237.         }
  238.     </style>
  239.     <!-- Progressive Enhancements : END -->
  240.  
  241.     <!-- What it does: Makes background images in 72ppi Outlook render at correct size. -->
  242.     <!--[if gte mso 9]>
  243.    <xml>
  244.        <o:OfficeDocumentSettings>
  245.            <o:AllowPNG/>
  246.            <o:PixelsPerInch>96</o:PixelsPerInch>
  247.        </o:OfficeDocumentSettings>
  248.    </xml>
  249.    <![endif]-->
  250.  
  251. </head>
  252. <body width="100%" style="margin: 0; padding: 0 !important; mso-line-height-rule: exactly; background-color: #F5F5F5;">
  253. <center style="width: 100%; background-color: #F5F5F5;">
  254.     <!--[if mso | IE]>
  255.    <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%"
  256.           style="background-color: #F5F5F5;">
  257.        <tr>
  258.            <td>
  259.    <![endif]-->
  260.  
  261.     <!-- Email Body : BEGIN -->
  262.     <table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" width="600"
  263.           style="margin: 0 auto;" class="email-container">
  264.         <!-- Email Header : BEGIN -->
  265.         <tr>
  266.             <td style="padding: 25px 0 10px 0; text-align: center">
  267.                 <img src="cid:94834770d1438855ae47ff18bb9481e5@swift.generated" width="auto" height="75" style="max-height: 75px;">
  268.             </td>
  269.         </tr>
  270.         <!-- Email Header : END -->
  271.  
  272.         <!-- 1 Column Text + Button : BEGIN -->
  273.         <tr>
  274.             <td style="background-color: #ffffff;">
  275.                 <table role="presentation" cellspacing="0" cellpadding="0" border="0" class="table-bordered"
  276.                       width="100%">
  277.                     <tr>
  278.                        
  279.                         <td style="padding: 3% 8%">
  280.                        
  281.     <h4>Dokończ rejestrację Konta LIBRUS</h4>
  282.     Aby dokończyć proces zakładania Konta LIBRUS i je aktywować, kliknij w poniższy przycisk, który będzie ważny
  283.         przez 14 dni.
  284.     <br><br>
  285.  
  286.     <div style="text-align: center;"><a href="http://portal.librus.local/rodzina/profile/activate/eyJpdiI6ImQ5dHMxN3NVdkVWYllnakNHRFpoWlE9PSIsInZhbHVlIjoicGVcL2FqTGcyOVVKYlwvQXVETzlLM3dQb1QwQ1ArVHdjYVhqVlhpWTl3eFwvRzBXRUxuNW01N0ZVcGsrVkhQV0FDQyIsIm1hYyI6IjBkMmMwNWFkMDliZGI3YzZmNjA2MzIwNDA4YjBhNGE3OWQ3MTZiNzUzOTUxYTkxYTk5OTgxMjRhZGJkYzdmYjEifQ==" style="color: #fff;
  287.    background-color: #028ae1;
  288.    display: inline-block;
  289.    font-weight: 400;
  290.    text-align: center;
  291.    vertical-align: middle;
  292.    -webkit-user-select: none;
  293.    -moz-user-select: none;
  294.    -ms-user-select: none;
  295.    user-select: none;
  296.    border: 1px solid #028ae1;
  297.    padding: 15px 50px;
  298.    line-height: 1.6;
  299.    max-width: 100%;
  300.    text-transform: uppercase">
  301.             Aktywuj konto Librus</a></div>
  302.  
  303.     <br>
  304.     <br>
  305.     Wysłaliśmy do Ciebie tę wiadomość, ponieważ Twój adres e-mail został podany przy rejestracji Konta LIBRUS na
  306.         portalu Librus Rodzina dostępnym pod adresem rodzina.librus.pl.
  307.  
  308.                         </td>
  309.                     </tr>
  310.                 </table>
  311.             </td>
  312.         </tr>
  313.         <!-- 1 Column Text + Button : END -->
  314.         <!-- Clear Spacer : BEGIN -->
  315.  
  316.                     <tr>
  317.     <td aria-hidden="true" height="20" style="font-size: 0; line-height: 0;">
  318.         &nbsp;
  319.     </td>
  320. </tr>
  321.  
  322. <tr>
  323.     <td style="background-color: #ffffff;">
  324.         <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
  325.             <tr>
  326.                 <td style="padding: 3% 8%">
  327.                     <h4>Dbamy o Twoją prywatność</h4>
  328.                                                                                             Jeżeli w ciągu 14 dni od daty rejestracji nie aktywujesz swojego Konta LIBRUS, dane
  329.                             podane przez Ciebie w formularzu rejestracyjnym zostaną przez nas usunięte. Jeżeli to
  330.                             nie Ty rozpocząłeś proces zakładania Konta LIBRUS, zignoruj tę wiadomość i nie martw się
  331.                             – Twój adres e-mail zostanie automatycznie usunięty z naszej bazy danych.
  332.                                     </td>
  333.             </tr>
  334.         </table>
  335.     </td>
  336. </tr>
  337.                     <tr>
  338.     <td aria-hidden="true" height="20" style="font-size: 0; line-height: 0;">
  339.         &nbsp;
  340.     </td>
  341. </tr>
  342.  
  343. <tr>
  344.     <td style="background-color: #ffffff;">
  345.         <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
  346.             <tr>
  347.                 <td style="padding: 3% 8%">
  348.                     <h4>Dokumenty i informacje</h4>
  349.                     Udostępniamy <a href="http://portal.librus.local/rodzina/regulamin">Regulamin</a>
  350.                     korzystania z Konta LIBRUS i usług dodatkowych.<br>
  351.                     Możesz również zapoznać się z naszą <a href="https://librus.pl/artykuly/polityka-prywatnosci">
  352.                         Polityką Prywatności</a>.
  353.                     <br><br>
  354.                     Pod <a href="https://konto.librus.pl" target="_blank">tym linkiem</a> uzyskasz aktualne informacje
  355.                     na temat
  356.                     Konta LIBRUS.
  357.                                         <br><br>
  358.  
  359.                     Potrzebujesz wsparcia - <a href="https://konto.librus.pl/pomoc" target="_blank">przejdź do działu
  360.                         Pomoc.</a>
  361.  
  362.                     <br><br>
  363.  
  364.                                     </td>
  365.             </tr>
  366.         </table>
  367.     </td>
  368. </tr>
  369.  
  370.        
  371.         <tr>
  372.             <td style="background-color: #ffffff;">
  373.                 <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
  374.                     <tr>
  375.                         <td style="padding: 3% 8%; text-align: right">
  376.                                 Pozdrawiamy,<br>Zespół Librus
  377.                         </td>
  378.                     </tr>
  379.                 </table>
  380.             </td>
  381.         </tr>
  382.     </table>
  383.     <!-- Email Body : END -->
  384.  
  385.     <!-- Email Footer : BEGIN -->
  386.     <table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" width="600"
  387.           style="margin: 0 auto" class="email-container">
  388.         <tr style="text-align: center;">
  389.             <td style="padding: 30px 0 15px 0; line-height: 15px; text-align: center; color: #888888;">
  390.                 <img src="cid:ad0e72b7b96d5e51f7f9043d3d4915ff@swift.generated"
  391.                     style="filter: grayscale(100%); opacity: 0.7; max-height: 35px" width="auto" height="35">
  392.             </td>
  393.         </tr>
  394.         <tr style="text-align: justify">
  395.             <td style="padding: 0 75px; font-size: 10px; line-height: 15px; color: #888888;">
  396.                 <span>Librus Spółka z ograniczoną odpowiedzialnością Spółka komandytowa, al. Korfantego 193, 40-153
  397.                     Katowice,
  398.                     KRS: 0000630561, NIP: 6342622989, REGON: 240547379, Sąd Rejonowy Katowice-Wschód w Katowicach, VIII
  399.                     Wydział Gospodarczy Krajowego Rejestru Sądowego</span>
  400.             </td>
  401.         </tr>
  402.         <tr style="text-align: center">
  403.             <td style="padding: 0 75px; font-size: 10px; line-height: 15px; color: #888888;">
  404.                 <hr style="margin: 20px;">
  405.                 <span style="margin-bottom: 15px;">Wiadomość wysłana automatycznie - prosimy na nią nie odpowiadać.</span>
  406.             </td>
  407.         </tr>
  408.     </table>
  409.     <!-- Email Footer : END -->
  410.  
  411.     <!--[if mso | IE]>
  412.    </td>
  413.    </tr>
  414.    </table>
  415.    <![endif]-->
  416. </center>
  417. </body>
  418. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement