alert.html 3.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta name="viewport" content="width=device-width">
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6. <title>Alerts e.g. approaching your limit</title>
  7. <link href="styles.css" media="all" rel="stylesheet" type="text/css">
  8. </head>
  9. <body itemscope itemtype="http://schema.org/EmailMessage">
  10. <table class="body-wrap">
  11. <tr>
  12. <td></td>
  13. <td class="container" width="600">
  14. <div class="content">
  15. <table class="main" width="100%" cellpadding="0" cellspacing="0">
  16. <tr>
  17. <td class="logo">
  18. <img src="logo.png">
  19. </td>
  20. </tr>
  21. <tr>
  22. <td class="alert alert-warning">
  23. Warning: You're approaching your limit. Please upgrade.
  24. </td>
  25. </tr>
  26. <tr>
  27. <td class="content-wrap">
  28. <table width="100%" cellpadding="0" cellspacing="0">
  29. <tr>
  30. <td class="content-block">
  31. You have <strong>1 free report</strong> remaining.
  32. </td>
  33. </tr>
  34. <tr>
  35. <td class="content-block">
  36. Add your credit card now to upgrade your account to a premium plan to ensure you don't miss out on any reports.
  37. </td>
  38. </tr>
  39. <tr>
  40. <td class="content-block">
  41. <a href="#" class="btn-primary">Upgrade my account</a>
  42. </td>
  43. </tr>
  44. <tr>
  45. <td class="content-block">
  46. Thanks for choosing Boooya Inc.
  47. </td>
  48. </tr>
  49. </table>
  50. </td>
  51. </tr>
  52. </table>
  53. <div class="footer">
  54. <table width="100%">
  55. <tr>
  56. <td class="aligncenter content-block"><a href="#">Unsubscribe</a> from these alerts.</td>
  57. </tr>
  58. </table>
  59. </div></div>
  60. </td>
  61. <td></td>
  62. </tr>
  63. </table>
  64. </body>
  65. </html>