blob: acb65bfe6864c11286e69d1a8c2ffd694c1aa41a [file] [log] [blame]
Matthias Andreas Benkardb382b102021-01-02 15:32:21 +01001<!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">
9body.cat-update-email {
10margin: 0; padding: 0; background: #ffccee; color: blue; text-align: center;
11}
12body.cat-update-email {
13font-size: 12px; font-family: Times New Roman; font-weight: normal;
14}
15body.cat-update-email th {
16font-size: 12px; font-family: Times New Roman; font-weight: normal;
17}
18body.cat-update-email td {
19font-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