Advertisement
Guest User

Untitled

a guest
Jul 17th, 2019
1,188
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.19 KB | None | 0 0
  1. simple reset password email
  2.  
  3.  
  4.  
  5. <!DOCTYPE html>
  6. <html>
  7. <head>
  8.  
  9. <meta charset="utf-8">
  10. <meta http-equiv="x-ua-compatible" content="ie=edge">
  11. <title>Password Reset</title>
  12. <meta name="viewport" content="width=device-width, initial-scale=1">
  13. <style type="text/css">
  14. /**
  15. * Google webfonts. Recommended to include the .woff version for cross-client compatibility.
  16. */
  17. @media screen {
  18. @font-face {
  19. font-family: 'Source Sans Pro';
  20. font-style: normal;
  21. font-weight: 400;
  22. src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v10/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff) format('woff');
  23. }
  24. @font-face {
  25. font-family: 'Source Sans Pro';
  26. font-style: normal;
  27. font-weight: 700;
  28. src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v10/toadOcfmlt9b38dHJxOBGFkQc6VGVFSmCnC_l7QZG60.woff) format('woff');
  29. }
  30. }
  31. /**
  32. * Avoid browser level font resizing.
  33. * 1. Windows Mobile
  34. * 2. iOS / OSX
  35. */
  36. body,
  37. table,
  38. td,
  39. a {
  40. -ms-text-size-adjust: 100%; /* 1 */
  41. -webkit-text-size-adjust: 100%; /* 2 */
  42. }
  43. /**
  44. * Remove extra space added to tables and cells in Outlook.
  45. */
  46. table,
  47. td {
  48. mso-table-rspace: 0pt;
  49. mso-table-lspace: 0pt;
  50. }
  51. /**
  52. * Better fluid images in Internet Explorer.
  53. */
  54. img {
  55. -ms-interpolation-mode: bicubic;
  56. }
  57. /**
  58. * Remove blue links for iOS devices.
  59. */
  60. a[x-apple-data-detectors] {
  61. font-family: inherit !important;
  62. font-size: inherit !important;
  63. font-weight: inherit !important;
  64. line-height: inherit !important;
  65. color: inherit !important;
  66. text-decoration: none !important;
  67. }
  68. /**
  69. * Fix centering issues in Android 4.4.
  70. */
  71. div[style*="margin: 16px 0;"] {
  72. margin: 0 !important;
  73. }
  74. body {
  75. width: 100% !important;
  76. height: 100% !important;
  77. padding: 0 !important;
  78. margin: 0 !important;
  79. }
  80. /**
  81. * Collapse table borders to avoid space between cells.
  82. */
  83. table {
  84. border-collapse: collapse !important;
  85. }
  86. a {
  87. color: #1a82e2;
  88. }
  89. img {
  90. height: auto;
  91. line-height: 100%;
  92. text-decoration: none;
  93. border: 0;
  94. outline: none;
  95. }
  96. </style>
  97.  
  98. </head>
  99. <body style="background-color: #e9ecef;">
  100.  
  101. <!-- start preheader -->
  102. <div class="preheader" style="display: none; max-width: 0; max-height: 0; overflow: hidden; font-size: 1px; line-height: 1px; color: #fff; opacity: 0;">
  103. A preheader is the short summary text that follows the subject line when an email is viewed in the inbox.
  104. </div>
  105. <!-- end preheader -->
  106.  
  107. <!-- start body -->
  108. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  109.  
  110. <!-- start logo -->
  111. <tr>
  112. <td align="center" bgcolor="#e9ecef">
  113. <!--[if (gte mso 9)|(IE)]>
  114. <table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
  115. <tr>
  116. <td align="center" valign="top" width="600">
  117. <![endif]-->
  118. <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
  119. <tr>
  120. <td align="center" valign="top" style="padding: 36px 24px;">
  121. <a href="https://sendgrid.com" target="_blank" style="display: inline-block;">
  122. <img src="./img/paste-logo-light@2x.png" alt="Logo" border="0" width="48" style="display: block; width: 48px; max-width: 48px; min-width: 48px;">
  123. </a>
  124. </td>
  125. </tr>
  126. </table>
  127. <!--[if (gte mso 9)|(IE)]>
  128. </td>
  129. </tr>
  130. </table>
  131. <![endif]-->
  132. </td>
  133. </tr>
  134. <!-- end logo -->
  135.  
  136. <!-- start hero -->
  137. <tr>
  138. <td align="center" bgcolor="#e9ecef">
  139. <!--[if (gte mso 9)|(IE)]>
  140. <table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
  141. <tr>
  142. <td align="center" valign="top" width="600">
  143. <![endif]-->
  144. <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
  145. <tr>
  146. <td align="left" bgcolor="#ffffff" style="padding: 36px 24px 0; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; border-top: 3px solid #d4dadf;">
  147. <h1 style="margin: 0; font-size: 32px; font-weight: 700; letter-spacing: -1px; line-height: 48px;">Reset Your Password</h1>
  148. </td>
  149. </tr>
  150. </table>
  151. <!--[if (gte mso 9)|(IE)]>
  152. </td>
  153. </tr>
  154. </table>
  155. <![endif]-->
  156. </td>
  157. </tr>
  158. <!-- end hero -->
  159.  
  160. <!-- start copy block -->
  161. <tr>
  162. <td align="center" bgcolor="#e9ecef">
  163. <!--[if (gte mso 9)|(IE)]>
  164. <table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
  165. <tr>
  166. <td align="center" valign="top" width="600">
  167. <![endif]-->
  168. <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
  169.  
  170. <!-- start copy -->
  171. <tr>
  172. <td align="left" bgcolor="#ffffff" style="padding: 24px; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;">
  173. <p style="margin: 0;">Dear customer, tap the button below to reset your customer account password. If you didn't request a new password, you can safely delete this email.</p>
  174. </td>
  175. </tr>
  176. <!-- end copy -->
  177.  
  178. <!-- start button -->
  179. <tr>
  180. <td align="left" bgcolor="#ffffff">
  181. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  182. <tr>
  183. <td align="center" bgcolor="#ffffff" style="padding: 12px;">
  184. <table border="0" cellpadding="0" cellspacing="0">
  185. <tr>
  186. <td align="center" bgcolor="#1a82e2" style="border-radius: 6px;">
  187. <a href="https://sendgrid.com" target="_blank" style="display: inline-block; padding: 16px 36px; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; color: #ffffff; text-decoration: none; border-radius: 6px;">Reset my password</a>
  188. </td>
  189. </tr>
  190. </table>
  191. </td>
  192. </tr>
  193. </table>
  194. </td>
  195. </tr>
  196. <!-- end button -->
  197.  
  198. <!-- start copy -->
  199. <tr>
  200. <td align="left" bgcolor="#ffffff" style="padding: 24px; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;">
  201. <p style="margin: 0;">If that doesn't work, copy and paste the following link in your browser:</p>
  202. <p style="margin: 0;"><a href="https://sendgrid.com" target="_blank">https://same-link-as-button.url/xxx-xxx-xxxx</a></p>
  203. </td>
  204. </tr>
  205. <!-- end copy -->
  206.  
  207. <!-- start copy -->
  208. <tr>
  209. <td align="left" bgcolor="#ffffff" style="padding: 24px; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; border-bottom: 3px solid #d4dadf">
  210. <p style="margin: 0;">Cheers,<br> Biomerieux</p>
  211. </td>
  212. </tr>
  213. <!-- end copy -->
  214.  
  215. </table>
  216. <!--[if (gte mso 9)|(IE)]>
  217. </td>
  218. </tr>
  219. </table>
  220. <![endif]-->
  221. </td>
  222. </tr>
  223. <!-- end copy block -->
  224.  
  225. <!-- start footer -->
  226. <tr>
  227. <td align="center" bgcolor="#e9ecef" style="padding: 24px;">
  228. <!--[if (gte mso 9)|(IE)]>
  229. <table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
  230. <tr>
  231. <td align="center" valign="top" width="600">
  232. <![endif]-->
  233. <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
  234.  
  235. <!-- start permission -->
  236. <tr>
  237. <td align="center" bgcolor="#e9ecef" style="padding: 12px 24px; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #666;">
  238. <p style="margin: 0;">You received this email because we received a request for password reset for your account. If you didn't requested you can safely delete this email.</p>
  239. </td>
  240. </tr>
  241. <!-- end permission -->
  242.  
  243. <!-- start unsubscribe -->
  244. <tr>
  245. <td align="center" bgcolor="#e9ecef" style="padding: 12px 24px; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #666;">
  246. <p style="margin: 0;">In case of doubts please contact your system administrator any time.</p>
  247. <p style="margin: 0;">Biomerioux Avenida 25 De Abril 1974, 23, 3.ยบ, Linda-a-velha, Lisboa</p>
  248. </td>
  249. </tr>
  250. <!-- end unsubscribe -->
  251.  
  252. </table>
  253. <!--[if (gte mso 9)|(IE)]>
  254. </td>
  255. </tr>
  256. </table>
  257. <![endif]-->
  258. </td>
  259. </tr>
  260. <!-- end footer -->
  261.  
  262. </table>
  263. <!-- end body -->
  264.  
  265. </html>
  266. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement