| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
| <meta name="viewport" content="width=680"> |
| </head> |
| <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"> |
| <style type="text/css"> |
| body.cat-update-email { |
| margin: 0; padding: 0; background: #ffccee; color: blue; text-align: center; |
| } |
| body.cat-update-email { |
| font-size: 12px; font-family: Times New Roman; font-weight: normal; |
| } |
| body.cat-update-email th { |
| font-size: 12px; font-family: Times New Roman; font-weight: normal; |
| } |
| body.cat-update-email td { |
| font-size: 12px; font-family: Times New Roman; font-weight: normal; |
| } |
| </style> |
| <table class="header-wrapper" style="border-spacing: 0; border: none; margin: 0; width: 100%"> |
| <tr> |
| <td class="header" style="background: none; color: #999; font-family: Times New Roman; font-size: 12px; font-weight: normal; padding: 15px 0"> |
| <table cellspacing="0" cellpadding="0" border="0" style="margin: 0 auto; padding: 0 20px; width: 640px"> |
| <tr> |
| <th style="font-family: Times New Roman; font-size: 12px; font-weight: normal"> |
| <a class="logo" href="http://localhost/home" style="color: red; text-decoration: none"> |
| <img border="0" height="32" src="test.png" width="200" style="display: block"> |
| </a> </th> |
| <td class="account-number" style="color: white; font-family: Times New Roman; font-size: 12px; font-weight: normal; text-align: right" align="right"> |
| 16 December 2015<br> |
| Account 123 |
| </td> |
| </tr> |
| </table> |
| </td> |
| </tr> |
| </table> |
| |
| <table class="section-wrapper" style="border-spacing: 0; border: none; margin: 0 auto 20px; width: 640px"> |
| <tr> |
| <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"> |
| <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"> |
| Hi Susan |
| </h1> |
| <p class="message" style="font-size: 1.5em; line-height: 1.2; margin: 0"> |
| Here is your cat report. |
| </p> |
| |
| </td> |
| </tr> |
| </table> |
| |
| |
| |
| |
| <table class="section-wrapper" style="border-spacing: 0; border: none; margin: 0 auto 20px; width: 640px"> |
| <tr> |
| <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"> |
| <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> |
| |
| <div id="cat-update-action-buttons"> |
| <div id="buy-button" style="text-align: center" align="center"> |
| <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> |
| </div> |
| </div> |
| </td> |
| </tr> |
| </table> |
| |
| <table class="section-wrapper" style="border-spacing: 0; border: none; margin: 0 auto 20px; width: 640px"> |
| <tr> |
| <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"> |
| <div class="cats-usage"> |
| <h2 style="font-family: Times New Roman; font-size: 1.8; font-weight: normal; line-height: 1.2; margin: 0">Down the road</h2> |
| <p class="fine-print" style="margin: 0">Across the hall</p> |
| |
| <h3 style="font-family: Times New Roman; font-size: 18px; font-weight: normal; line-height: 2em; margin: 10px 0 0">Your achievements</h3> |
| <table class="current-usage with-icon-left" style="border-collapse: collapse; border-spacing: 0; margin-bottom: 20px; margin-top: 20px; width: 100%"> |
| <tr> |
| <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> |
| <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"> |
| <div class="top">You're currently finding about</div> |
| <div class="large" style="color: black; font-size: 18px; padding: 4px 0">12 cats</div> |
| <div class="bottom">per day</div> |
| </td> |
| </tr> |
| <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> |
| <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"><img alt="Number of cats found" src="test.png"></td> |
| </tr> |
| </table> |
| </div> |
| |
| |
| <div class="summary"> |
| <hr class="fine-print" style="border-bottom-color: #eee; border-bottom-style: solid; border-width: 0 0 1px; margin: 20px 0"> |
| |
| <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> |
| <p class="fine-print" style="margin: 0">One type of cat is a kitten.</p> |
| |
| <table class="readings" style="border-collapse: collapse; border-spacing: 0; margin: 10px 0; width: 100%"> |
| <tr style="color: #BD236C"> |
| <td class="left-column" style="border: none; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0; padding: 0; width: 5%"> |
| <img src="test.png" style="padding-top: 10px"> |
| </td> |
| <td class="center-column" style="border: none; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0; padding: 0; width: 60%"> |
| <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> |
| </h3> |
| </td> |
| <td class="right-column" style="border: none; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0; padding: 0; width: 20%"> |
| <h3 style="font-family: Times New Roman; font-size: 18px; font-weight: normal; line-height: 2em; margin: 10px 0 0">12.345</h3> |
| </td> |
| <td style="border: none; font-family: Times New Roman; font-size: 12px; font-weight: normal; margin: 0; padding: 0"></td> |
| </tr> |
| </table> |
| |
| </div> |
| |
| </td> |
| </tr> |
| </table> |
| |
| <div class="banner" style="margin: 0 auto 20px; padding: 10px; text-align: center; width: 640px" align="center"> |
| <a href="http://localhost/logout" style="color: red; text-decoration: none"> |
| <img alt="" border="0" height="177" src="http://localhost/photo1.png" width="600"> |
| </a> |
| </div> |
| |
| <table class="section-wrapper" style="border-spacing: 0; border: none; margin: 0 auto 20px; width: 640px"> |
| <tr> |
| <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"> |
| <table style="border-collapse: collapse; border-spacing: 0; width: 100%"> |
| <tr> |
| <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> |
| </tr> |
| |
| <tr class="icon"> |
| <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> |
| <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> |
| <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> |
| </tr> |
| |
| <tr class="subtitle"> |
| <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> |
| <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> |
| <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> |
| </tr> |
| |
| <tr class="body" style="color: green"> |
| <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> |
| <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> |
| <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> |
| </tr> |
| |
| <tr class="image"> |
| <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"> |
| <a href="https://localhost/about" style="color: red; text-decoration: none"> |
| <img border="0" height="130" src="http://localhost/photo1.png" style="display: block; margin: 10px 0" width="165"> |
| </a> |
| </td> |
| <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"> |
| <a href="https://localhost/about" style="color: red; text-decoration: none"> |
| <img border="0" height="130" src="http://localhost/photo2.png" style="display: block; margin: 10px 0" width="165"> |
| </a> |
| </td> |
| <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"> |
| <a href="https://localhost/about" style="color: red; text-decoration: none"> |
| <img border="0" height="130" src="http://localhost/photo3.png" style="display: block; margin: 10px 0" width="165"> |
| </a> |
| </td> |
| </tr> |
| |
| <tr class="tips-footer" style="color: green"> |
| <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"> |
| <a href="https://github.com/soundasleep/html2text_ruby" style="color: red; text-decoration: none">Cats are great.</a> |
| </td> |
| <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"> |
| <a href="https://github.com/soundasleep/html2text_ruby" style="color: red; text-decoration: none">Find more cats.</a> |
| </td> |
| <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"> |
| <a href="https://github.com/soundasleep/html2text_ruby" style="color: red; text-decoration: none">Do more things.</a> |
| </td> |
| </tr> |
| </table> |
| </td> |
| </tr> |
| </table> |
| |
| |
| |
| |
| |
| <table class="footer-wrapper" style="margin: 0 auto 20px"> |
| <tr> |
| <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"> |
| <h3 style="font-family: Times New Roman; font-size: 1.2; font-weight: normal; line-height: 2em; margin: 0"> |
| <a href="http://localhost/contact" style="color: red; text-decoration: none">Contact us</a> |
| </h3> |
| <p style="margin: 0 0 1em"> |
| cats@cats.com<br> |
| Monday and Friday |
| </p> |
| |
| <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> |
| <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> |
| </p> |
| |
| <p class="message no-web-display" style="margin: 0">Having trouble seeing this email? |
| <a href="http://localhost/view_it_online" style="color: red; text-decoration: none">View it online</a>. |
| </p> |
| |
| </td> |
| </tr> |
| </table> |
| <script async type="text/javascript" id="profiler" src="/profiler.js" data-version="1.0"></script> |
| </body> |
| </html> |
| |