mail.subscription.html 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html lang="en">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <title></title>
  8. <style type="text/css">
  9. /* CLIENT-SPECIFIC STYLES */
  10. body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
  11. table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
  12. img { -ms-interpolation-mode: bicubic; }
  13. /* RESET STYLES */
  14. img { border: 0; outline: none; text-decoration: none; }
  15. table { border-collapse: collapse !important; }
  16. body { margin: 0 !important; padding: 0 !important; width: 100% !important; }
  17. /* iOS BLUE LINKS */
  18. a[x-apple-data-detectors] {
  19. color: inherit !important;
  20. text-decoration: none !important;
  21. font-size: inherit !important;
  22. font-family: inherit !important;
  23. font-weight: inherit !important;
  24. line-height: inherit !important;
  25. }
  26. /* ANDROID CENTER FIX */
  27. div[style*="margin: 16px 0;"] { margin: 0 !important; }
  28. /* MEDIA QUERIES */
  29. @media all and (max-width:639px){
  30. .wrapper{ width:320px!important; padding: 0 !important; }
  31. .container{ width:300px!important; padding: 0 !important; }
  32. .mobile{ width:300px!important; display:block!important; padding: 0 !important; }
  33. .img{ width:100% !important; height:auto !important; }
  34. *[class="mobileOff"] { width: 0px !important; display: none !important; }
  35. *[class*="mobileOn"] { display: block !important; max-height:none !important; }
  36. }
  37. </style>
  38. </head>
  39. <body style="margin:0; padding:0; background-color:#F2F2F2;">
  40. <center>
  41. <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#F2F2F2">
  42. <tr>
  43. <td align="center" valign="top">
  44. <!-- grids -->
  45. <table width="640" cellpadding="0" cellspacing="0" border="0" class="wrapper" bgcolor="#FFFFFF">
  46. <tr>
  47. <td height="5" bgcolor="#FFC107" style="font-size:5px; line-height:5px;">&nbsp;</td>
  48. </tr>
  49. <tr>
  50. <td height="10" style="font-size:10px; line-height:10px;">&nbsp;</td>
  51. </tr>
  52. <tr>
  53. <td align="center" valign="top">
  54. <table width="600" cellpadding="0" cellspacing="0" border="0" class="container">
  55. <tr>
  56. <td align="center" valign="top">
  57. <h3>Bonjour {{firstname}} {{name}}</h3>
  58. <p>Vous recevez cet e-mail suite à votre inscription sur <strong>{{url}}</strong></p>
  59. <br>
  60. <p>Pour confirmer votre inscription, cliquez sur le boutton ci dessous.</p>
  61. <table width="200" height="44" cellpadding="0" cellspacing="0" border="0" bgcolor="#ff074e" style="border-radius:4px;">
  62. <tr>
  63. <td align="center" valign="middle" height="44" style="font-family: Arial, sans-serif; font-size:14px; font-weight:bold;">
  64. <a href="{{link}}" target="_blank" style="font-family: Arial, sans-serif; color:#ffffff; display: inline-block; text-decoration: none; line-height:44px; width:200px; font-weight:bold;">Confirmer l'inscription</a>
  65. </td>
  66. </tr>
  67. </table>
  68. <br>
  69. <p style="color:#cecece;">Si vous ne parvenez pas à cliquer sur le bouton, copiez l'adresse ci dessous dans la barre d'adresse de votre navigateur.<br><a href="{{link}}">{{link}}</a></p>
  70. {{#accountExpiration}}
  71. <p style="color:#cecece;">Sans action de votre part, votre compte sera automatiquement supprimé dans un délai de {{accountExpiration}} jours.</p>
  72. {{/accountExpiration}}
  73. <br>
  74. {{#expDays}}
  75. <i style="color:#cecece;">Ce lien expirera dans {{expDays}} jours (le {{expDate}})</i>
  76. {{/expDays}}
  77. </td>
  78. </tr>
  79. </table>
  80. </td>
  81. </tr>
  82. <tr>
  83. <td height="10" style="font-size:10px; line-height:10px;">&nbsp;</td>
  84. </tr>
  85. </table>
  86. <!-- /grids -->
  87. </td>
  88. </tr>
  89. </table>
  90. </center>
  91. </body>
  92. </html>