Theme Inspinia
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

alert.html 2.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  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>
  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="alert alert-good">
  18. Info: You're approaching your limit. Please upgrade.
  19. </td>
  20. </tr>
  21. <tr>
  22. <td class="content-wrap">
  23. <table width="100%" cellpadding="0" cellspacing="0">
  24. <tr>
  25. <td class="content-block">
  26. You have <strong>1 free report</strong> remaining.
  27. </td>
  28. </tr>
  29. <tr>
  30. <td class="content-block">
  31. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.
  32. </td>
  33. </tr>
  34. <tr>
  35. <td class="content-block">
  36. <a href="#" class="btn-primary">Upgrade my account</a>
  37. </td>
  38. </tr>
  39. <tr>
  40. <td class="content-block">
  41. Thanks for choosing Company Inc.
  42. </td>
  43. </tr>
  44. </table>
  45. </td>
  46. </tr>
  47. </table>
  48. <div class="footer">
  49. <table width="100%">
  50. <tr>
  51. <td class="aligncenter content-block"><a href="#">Unsubscribe</a> from these alerts.</td>
  52. </tr>
  53. </table>
  54. </div></div>
  55. </td>
  56. <td></td>
  57. </tr>
  58. </table>
  59. </body>
  60. </html>