Matthias Andreas Benkard | b382b10 | 2021-01-02 15:32:21 +0100 | [diff] [blame^] | 1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
| 2 | <html xmlns="http://www.w3.org/1999/xhtml"> |
| 3 | <head> |
| 4 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
| 5 | <meta name="viewport" content="width=680"> |
| 6 | </head> |
| 7 | <body class="cat-update-email cat-update" style="background: #ffccee; color: blue; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0; padding: 0; text-align: center" bgcolor="#ffccee"> |
| 8 | <style type="text/css"> |
| 9 | body.cat-update-email { |
| 10 | margin: 0; padding: 0; background: #ffccee; color: blue; text-align: center; |
| 11 | } |
| 12 | body.cat-update-email { |
| 13 | font-size: 12px; font-family: Times New Roman; font-weight: normal; |
| 14 | } |
| 15 | body.cat-update-email th { |
| 16 | font-size: 12px; font-family: Times New Roman; font-weight: normal; |
| 17 | } |
| 18 | body.cat-update-email td { |
| 19 | font-size: 12px; font-family: Times New Roman; font-weight: normal; |
| 20 | } |
| 21 | </style> |
| 22 | <table class="header-wrapper" style="border-spacing: 0; border: none; margin: 0; width: 100%"> |
| 23 | <tr> |
| 24 | <td class="header" style="background: none; color: #999; font-family: Times New Roman; font-size: 12px; font-weight: normal; padding: 15px 0"> |
| 25 | <table cellspacing="0" cellpadding="0" border="0" style="margin: 0 auto; padding: 0 20px; width: 640px"> |
| 26 | <tr> |
| 27 | <th style="font-family: Times New Roman; font-size: 12px; font-weight: normal"> |
| 28 | <a class="logo" href="http://localhost/home" style="color: red; text-decoration: none"> |
| 29 | <img border="0" height="32" src="test.png" width="200" style="display: block"> |
| 30 | </a> </th> |
| 31 | <td class="account-number" style="color: white; font-family: Times New Roman; font-size: 12px; font-weight: normal; text-align: right" align="right"> |
| 32 | 16 December 2015<br> |
| 33 | Account 123 |
| 34 | </td> |
| 35 | </tr> |
| 36 | </table> |
| 37 | </td> |
| 38 | </tr> |
| 39 | </table> |
| 40 | |
| 41 | <table class="section-wrapper" style="border-spacing: 0; border: none; margin: 0 auto 20px; width: 640px"> |
| 42 | <tr> |
| 43 | <td class="salutation section" style="background: white; color: black; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0 auto 20px; padding: 40px 20px; text-align: left; width: 600px" align="left" bgcolor="white"> |
| 44 | <h1 class="user_greeting" style="font-family: Times New Roman; font-size: 1.8; font-weight: normal; line-height: 1.2; margin: 0 0 1em"> |
| 45 | Hi Susan |
| 46 | </h1> |
| 47 | <p class="message" style="font-size: 1.5em; line-height: 1.2; margin: 0"> |
| 48 | Here is your cat report. |
| 49 | </p> |
| 50 | |
| 51 | </td> |
| 52 | </tr> |
| 53 | </table> |
| 54 | |
| 55 | |
| 56 | |
| 57 | |
| 58 | <table class="section-wrapper" style="border-spacing: 0; border: none; margin: 0 auto 20px; width: 640px"> |
| 59 | <tr> |
| 60 | <td class="balance section" style="background: white; color: black; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0 auto 20px; padding: 40px 20px; text-align: left; width: 600px" align="left" bgcolor="white"> |
| 61 | <div class="account-status-heading" style="font-size: 2.5em; line-height: 1em; padding: 30px 20px; text-align: center" align="center">You have found <span class="status-cats-negative" style="color: #df0000">5 cats</span> less than anyone else</div> |
| 62 | |
| 63 | <div id="cat-update-action-buttons"> |
| 64 | <div id="buy-button" style="text-align: center" align="center"> |
| 65 | <a class="btn-alert" href="http://localhost/cats" id="buy-cats-button" style="-moz-appearance: none; -webkit-appearance: none; background: #DF0000; border-radius: 3px; border: 11px solid #df0000; color: #fff; cursor: pointer; display: block; font-size: 16px; height: 16px; line-height: 16px; margin: 0 auto; text-decoration: none; transition: background-color .15s; width: 120px">Find more cats</a> |
| 66 | </div> |
| 67 | </div> |
| 68 | </td> |
| 69 | </tr> |
| 70 | </table> |
| 71 | |
| 72 | <table class="section-wrapper" style="border-spacing: 0; border: none; margin: 0 auto 20px; width: 640px"> |
| 73 | <tr> |
| 74 | <td class="cats section" id="cats" style="background: white; color: black; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0 auto 20px; padding: 40px 20px; text-align: left; width: 600px" align="left" bgcolor="white"> |
| 75 | <div class="cats-usage"> |
| 76 | <h2 style="font-family: Times New Roman; font-size: 1.8; font-weight: normal; line-height: 1.2; margin: 0">Down the road</h2> |
| 77 | <p class="fine-print" style="margin: 0">Across the hall</p> |
| 78 | |
| 79 | <h3 style="font-family: Times New Roman; font-size: 18px; font-weight: normal; line-height: 2em; margin: 10px 0 0">Your achievements</h3> |
| 80 | <table class="current-usage with-icon-left" style="border-collapse: collapse; border-spacing: 0; margin-bottom: 20px; margin-top: 20px; width: 100%"> |
| 81 | <tr> |
| 82 | <th style="border: none; font-family: Times New Roman; font-size: 14px; font-weight: bold; margin: 0; padding: 0; text-align: left; vertical-align: middle; width: 50px" align="left" valign="middle"><img src="test.png"></th> |
| 83 | <td style="border: none; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0; padding: 0; vertical-align: top; width: 550px" valign="top"> |
| 84 | <div class="top">You're currently finding about</div> |
| 85 | <div class="large" style="color: black; font-size: 18px; padding: 4px 0">12 cats</div> |
| 86 | <div class="bottom">per day</div> |
| 87 | </td> |
| 88 | </tr> |
| 89 | <tr><td colspan="2" style="border: none; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0; padding: 0; vertical-align: top; width: 550px" valign="top">Â </td></tr> |
| 90 | <tr> |
| 91 | <td colspan="2" style="border: none; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0; padding: 0; vertical-align: top; width: 550px" valign="top"><img alt="Number of cats found" src="test.png"></td> |
| 92 | </tr> |
| 93 | </table> |
| 94 | </div> |
| 95 | |
| 96 | |
| 97 | <div class="summary"> |
| 98 | <hr class="fine-print" style="border-bottom-color: #eee; border-bottom-style: solid; border-width: 0 0 1px; margin: 20px 0"> |
| 99 | |
| 100 | <h3 style="font-family: Times New Roman; font-size: 18px; font-weight: normal; line-height: 2em; margin: 10px 0 0">Your last cat was found two days ago.</h3> |
| 101 | <p class="fine-print" style="margin: 0">One type of cat is a kitten.</p> |
| 102 | |
| 103 | <table class="readings" style="border-collapse: collapse; border-spacing: 0; margin: 10px 0; width: 100%"> |
| 104 | <tr style="color: #BD236C"> |
| 105 | <td class="left-column" style="border: none; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0; padding: 0; width: 5%"> |
| 106 | <img src="test.png" style="padding-top: 10px"> |
| 107 | </td> |
| 108 | <td class="center-column" style="border: none; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0; padding: 0; width: 60%"> |
| 109 | <h3 style="font-family: Times New Roman; font-size: 18px; font-weight: normal; line-height: 2em; margin: 10px 0 0">Special account <span class="nickname" style="font-size: 12px"></span> <span class="fine-print">A1</span> |
| 110 | </h3> |
| 111 | </td> |
| 112 | <td class="right-column" style="border: none; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0; padding: 0; width: 20%"> |
| 113 | <h3 style="font-family: Times New Roman; font-size: 18px; font-weight: normal; line-height: 2em; margin: 10px 0 0">12.345</h3> |
| 114 | </td> |
| 115 | <td style="border: none; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0; padding: 0"></td> |
| 116 | </tr> |
| 117 | </table> |
| 118 | |
| 119 | </div> |
| 120 | |
| 121 | </td> |
| 122 | </tr> |
| 123 | </table> |
| 124 | |
| 125 | <div class="banner" style="margin: 0 auto 20px; padding: 10px; text-align: center; width: 640px" align="center"> |
| 126 | <a href="http://localhost/logout" style="color: red; text-decoration: none"> |
| 127 | <img alt="" border="0" height="177" src="http://localhost/photo1.png" width="600"> |
| 128 | </a> |
| 129 | </div> |
| 130 | |
| 131 | <table class="section-wrapper" style="border-spacing: 0; border: none; margin: 0 auto 20px; width: 640px"> |
| 132 | <tr> |
| 133 | <td class="tips section" style="background: white; color: black; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0 auto 20px; padding: 40px 20px; text-align: left; width: 600px" align="left" bgcolor="white"> |
| 134 | <table style="border-collapse: collapse; border-spacing: 0; width: 100%"> |
| 135 | <tr> |
| 136 | <td colspan="3" style="border: none; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0; padding: 5px 0 0; vertical-align: top; width: 200px" valign="top"><h2 style="font-family: Times New Roman; font-size: 1.8; font-weight: normal; line-height: 1.2; margin: 0 0 10px">How can you find more cats?</h2></td> |
| 137 | </tr> |
| 138 | |
| 139 | <tr class="icon"> |
| 140 | <td style="border: none; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0; padding: 5px 0 0; vertical-align: top; width: 200px" valign="top"><img height="40" src="http://localhost/photo1.png" width="40"></td> |
| 141 | <td style="border: none; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0; padding: 5px 0 0 17px; vertical-align: top; width: 200px" valign="top"><img height="40" src="http://localhost/photo2.png" width="40"></td> |
| 142 | <td style="border: none; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0; padding: 5px 0 0 17px; vertical-align: top; width: 200px" valign="top"><img height="40" src="http://localhost/photo3.png" width="40"></td> |
| 143 | </tr> |
| 144 | |
| 145 | <tr class="subtitle"> |
| 146 | <td style="border: none; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0; padding: 5px 0 0; vertical-align: top; width: 200px" valign="top"><h3 style="font-family: Times New Roman; font-size: 18px; font-weight: normal; line-height: 2em; margin: 0 0 5px">Look in trash cans</h3></td> |
| 147 | <td style="border: none; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0; padding: 5px 0 0 17px; vertical-align: top; width: 200px" valign="top"><h3 style="font-family: Times New Roman; font-size: 18px; font-weight: normal; line-height: 2em; margin: 0 0 5px">Start meowing</h3></td> |
| 148 | <td style="border: none; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0; padding: 5px 0 0 17px; vertical-align: top; width: 200px" valign="top"><h3 style="font-family: Times New Roman; font-size: 18px; font-weight: normal; line-height: 2em; margin: 0 0 5px">Eat cat food</h3></td> |
| 149 | </tr> |
| 150 | |
| 151 | <tr class="body" style="color: green"> |
| 152 | <td style="border: none; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0; padding: 5px 0 0; vertical-align: top; width: 200px" valign="top">Some cats like to hang out in trash cans. Some cats do not.</td> |
| 153 | <td style="border: none; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0; padding: 5px 0 0 17px; vertical-align: top; width: 200px" valign="top">Some cats are attracted to similar tones.</td> |
| 154 | <td style="border: none; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0; padding: 5px 0 0 17px; vertical-align: top; width: 200px" valign="top">So one day your tears may smell like cat food, attracting more cats.</td> |
| 155 | </tr> |
| 156 | |
| 157 | <tr class="image"> |
| 158 | <td style="border: none; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0; padding: 5px 0 0; vertical-align: top; width: 200px" valign="top"> |
| 159 | <a href="https://localhost/about" style="color: red; text-decoration: none"> |
| 160 | <img border="0" height="130" src="http://localhost/photo1.png" style="display: block; margin: 10px 0" width="165"> |
| 161 | </a> |
| 162 | </td> |
| 163 | <td style="border: none; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0; padding: 5px 0 0 17px; vertical-align: top; width: 200px" valign="top"> |
| 164 | <a href="https://localhost/about" style="color: red; text-decoration: none"> |
| 165 | <img border="0" height="130" src="http://localhost/photo2.png" style="display: block; margin: 10px 0" width="165"> |
| 166 | </a> |
| 167 | </td> |
| 168 | <td style="border: none; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0; padding: 5px 0 0 17px; vertical-align: top; width: 200px" valign="top"> |
| 169 | <a href="https://localhost/about" style="color: red; text-decoration: none"> |
| 170 | <img border="0" height="130" src="http://localhost/photo3.png" style="display: block; margin: 10px 0" width="165"> |
| 171 | </a> |
| 172 | </td> |
| 173 | </tr> |
| 174 | |
| 175 | <tr class="tips-footer" style="color: green"> |
| 176 | <td style="border: none; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0; padding: 5px 0 0; vertical-align: top; width: 200px" valign="top"> |
| 177 | <a href="https://github.com/soundasleep/html2text_ruby" style="color: red; text-decoration: none">Cats are great.</a> |
| 178 | </td> |
| 179 | <td style="border: none; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0; padding: 5px 0 0 17px; vertical-align: top; width: 200px" valign="top"> |
| 180 | <a href="https://github.com/soundasleep/html2text_ruby" style="color: red; text-decoration: none">Find more cats.</a> |
| 181 | </td> |
| 182 | <td style="border: none; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0; padding: 5px 0 0 17px; vertical-align: top; width: 200px" valign="top"> |
| 183 | <a href="https://github.com/soundasleep/html2text_ruby" style="color: red; text-decoration: none">Do more things.</a> |
| 184 | </td> |
| 185 | </tr> |
| 186 | </table> |
| 187 | </td> |
| 188 | </tr> |
| 189 | </table> |
| 190 | |
| 191 | |
| 192 | |
| 193 | |
| 194 | |
| 195 | <table class="footer-wrapper" style="margin: 0 auto 20px"> |
| 196 | <tr> |
| 197 | <td class="footer" style="color: #9B9B9B; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0 auto 4em; text-align: left; width: 600px" align="left"> |
| 198 | <h3 style="font-family: Times New Roman; font-size: 1.2; font-weight: normal; line-height: 2em; margin: 0"> |
| 199 | <a href="http://localhost/contact" style="color: red; text-decoration: none">Contact us</a> |
| 200 | </h3> |
| 201 | <p style="margin: 0 0 1em"> |
| 202 | cats@cats.com<br> |
| 203 | Monday and Friday |
| 204 | </p> |
| 205 | |
| 206 | <p style="margin: 0 0 1em"><a href="https://github.com/soundasleep/html2text" style="color: red; text-decoration: none"><img align="absmiddle" height="26" src="test.png" width="26"></a> |
| 207 | <a href="https://github.com/soundasleep/html2text_ruby" style="color: red; text-decoration: none"><img align="absmiddle" height="26" src="test.png" width="26"></a> |
| 208 | </p> |
| 209 | |
| 210 | <p class="message no-web-display" style="margin: 0">Having trouble seeing this email? |
| 211 | <a href="http://localhost/view_it_online" style="color: red; text-decoration: none">View it online</a>. |
| 212 | </p> |
| 213 | |
| 214 | </td> |
| 215 | </tr> |
| 216 | </table> |
| 217 | <script async type="text/javascript" id="profiler" src="/profiler.js" data-version="1.0"></script> |
| 218 | </body> |
| 219 | </html> |
| 220 | |