-
Notifications
You must be signed in to change notification settings - Fork 0
/
two.html
189 lines (177 loc) · 12.2 KB
/
two.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<style type="text/css">
.block-blue ul { padding-left: 0;}
h1, h2, h3, p, a, td { font-family: arial, sans-serif; }
a:hover { text-decoration: underline !important; }
p { font-size: 14px; line-height: 1.6; margin-top: 5px; margin-bottom: 0;}
h1 { font-size: 26px; font-weight: lighter;}
h2 { font-size: 15px; font-weight: lighter;}
h3 { font-size: 16px; margin-top: 0; }
span { font-weight: bold;}
a { font-size: 14px; }
ul {list-style-type: none;}
@media only screen and (max-width: 480px) {
table, .block, .cell, .img-full {
float: none !important;
width: 100% !important;
padding: 0 !important;
}
.border-side
{
border-right: none !important;
border-bottom: 1px solid rgb(204, 204, 204) !important;
}
}
</style>
</head>
<body style="-webkit-font-smoothing: antialiased; width:100% !important;background:#ebebeb;-webkit-text-size-adjust:none; margin: 0; font-size: .9em;" spellcheck="false">
<table width="600" align="center" border="0" cellpadding="10">
<tr>
<td width="50%" height="50">
<img alt="" src="http://placekitten.com/145/17" />
</td>
<td width="50%">
<h1 style="font-size: 12px; font-weight: bold; text-align: right;">May 2013 Newsletter</h1>
</td>
</tr>
</table>
<table width="600" align="center" cellpadding="1" border="0" bgcolor="#bcbcbc">
<tbody>
<tr>
<td bgcolor="#fff">
<table width="100%" cellpadding="10" style=" border-bottom: 1px solid #bcbcbc;">
<tr>
<td>
<h2 style="color: rgb(37, 135, 178); font-size: 24px; font-weight: bold; margin: 0pt;">Dear User,</h2>
<p style="font-size: 16px; line-height: 1.5;">But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</p>
</td>
</tr>
</table>
<table width="50%" class="border-side" align="left" height="50" cellpadding="10" style="border-right: 1px solid rgb(204, 204, 204);">
<tr>
<td colspan="2">
<h2 style="color: rgb(37, 135, 178); font-size: 18px; font-weight: bold; margin: 0pt 0pt 20px;">Kittens everywhere</h2>
</td>
</tr>
<tr>
<td valign="top" style="border-collapse: collapse;"><img alt="" src="assets/number-one.png" /></td>
<td valign="top" style="border-collapse: collapse; padding: 0pt 15px 10px;">
<h3 style="font-size: 14px; font-weight: bold; margin: 0pt; padding: 3px 0pt 5px;">Seriously a ton of kittens</h3>
<p style="font-size: 13px; line-height: 1.5;">But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</p>
</td>
</tr>
<tr>
<td valign="top" style="border-collapse: collapse;"><img alt="" src="assets/number-two.png" /></td>
<td valign="top" style="border-collapse: collapse; padding: 0pt 15px 10px;">
<h3 style="font-size: 14px; font-weight: bold; margin: 0pt; padding: 3px 0pt 5px;">How to raptor proof your home</h3>
<p style="font-size: 13px; line-height: 1.5;">But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</p>
</td>
</tr>
<tr>
<td valign="top" style="border-collapse: collapse;"><img alt="" src="assets/number-three.png" /></td>
<td valign="top" style="border-collapse: collapse; padding: 0pt 15px 10px;">
<h3 style="font-size: 14px; font-weight: bold; margin: 0pt; padding: 3px 0pt 5px;">The ultimate guide to mangos</h3>
<p style="font-size: 13px; line-height: 1.5;">But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</p>
</td>
</tr>
<tr>
<td valign="top" style="border-collapse: collapse;"><img alt="" src="assets/number-four.png" /></td>
<td valign="top" style="border-collapse: collapse; padding: 0pt 15px 10px;">
<h3 style="font-size: 14px; font-weight: bold; margin: 0pt; padding: 3px 0pt 5px;">Drew is awesome, you should buy him a beer.</h3>
<p style="font-size: 13px; line-height: 1.5;">But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</p>
</td>
</tr>
<tr>
<td valign="top" style="border-collapse: collapse;"><img alt="" src="assets/number-five.png" /></td>
<td valign="top" style="border-collapse: collapse; padding: 0pt 15px 10px;">
<h3 style="font-size: 14px; font-weight: bold; margin: 0pt; padding: 3px 0pt 5px;">I hope you bought Drew a beer</h3>
<p style="font-size: 13px; line-height: 1.5;">But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</p>
</td>
</tr>
<tr>
<td colspan="2" style="border-collapse: collapse;">
<p style="font-size: 13px; line-height: 1.5;">But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</p>
</td>
</tr>
</table>
<table width="50%" align="right" cellpadding="10">
<tr>
<td style="border-collapse: collapse; padding-top: 10px; padding-bottom: 15px; border-bottom: 1px solid #bcbcbc;">
<h2 style="color: rgb(37, 135, 178); font-size: 18px; font-weight: bold; margin: 0pt 0pt 5px;">Holy crap, LOOK at this one.</h2>
<p style="font-size: 13px; line-height: 1.5;"><!-- <font size="7"><bold>80.0%</bold></font> --><img alt="Inbound Marketing Adoption." src="http://placekitten.com/248/200" style="border: medium none; padding-bottom: 10px;" /></p>
</td>
</tr>
<tr>
<td style="border-collapse: collapse; padding-top: 10px; padding-bottom: 15px; border-bottom: 1px solid #bcbcbc;">
<h2 style="color: rgb(37, 135, 178); font-size: 18px; font-weight: bold;">SEO Kitten</h2>
<h3 style="font-size: 14px; font-weight: bold; margin: 0pt; padding: 3px 0pt 5px;"></h3>
<a href="#"><img style="border: medium none;" src="http://placekitten.com/248/131" alt="SEO Activities and Outcomes" /></a>
<p style="font-size: 13px;"> </p>
<p style="font-size: 13px;"><a href="#" style="color: rgb(102, 171, 201);">Balls of yarn and how they effect you.»</a></p>
</td>
</tr>
<td style="border-collapse: collapse; padding-top: 20px;"><a href="#"><img src="http://placekitten.com/76/147" alt=" " style="border: medium none; float: left; margin-right: 10px;" /></a>
<p style="font-size: 13px;">Do something important!</p>
<p style="font-size: 13px;"><a href="#" style="color: rgb(102, 171, 201);">Be the best nerd</a></p>
</td>
</table>
<table width="100%" align="left" cellpadding="10" style=" border-top: 1px solid #bcbcbc;"><tr><td>
<h2 style="color: rgb(37, 135, 178); font-size: 18px; font-weight: bold;">What's New @ Your Company</h2>
</td></tr>
</table>
<table width="66.6%" align="left" cellpadding="2">
<tr>
<td>
<table width="52%" align="left" cellpadding="5">
<tr>
<td valign="top" style="border-collapse: collapse; "><a href="#"><img class="img-full"width="98%" style="margin-bottom: 10px;" border="0" alt=" " src="http://placekitten.com/183/93" /></a>
<h3 style="color: rgb(37, 135, 178); font-size: 14px; font-weight: bold;">Cat Launch</h3>
<p style="font-size: 13px;">But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</p>
<p style="font-size: 13px;"><a href="#" style="color: rgb(102, 171, 201);">View Site »</a></p>
</td>
</tr>
</table>
<table width="48%" align="right" cellpadding="5">
<tr>
<td valign="top" style="border-collapse: collapse;"><a href="#"><img class="img-full" width="98%" style="margin-bottom: 10px;" border="0" alt="Blog." src="http://placekitten.com/183/93" /></a>
<h3 style="color: rgb(37, 135, 178); font-size: 14px; font-weight: bold;">More on Inbound!</h3>
<p style="font-size: 13px;">But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</p>
<p style="font-size: 13px;"><a href="#" style="color: rgb(102, 171, 201);">Learn & Share »</a></p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="33.3%" align="right" cellpadding="2">
<tr>
<td valign="top" style="position: relative; top: 5px; border-collapse: collapse;"><a href="#"><img class="img-full" style="margin-bottom: 10px;" width="168" border="0" alt="Seminar." src="http://placekitten.com/183/93" /></a>
<h3 style="color: rgb(37, 135, 178); font-size: 14px; font-weight: bold;">Seminar</h3>
<p style="font-size: 13px;">But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</p>
<p style="font-size: 13px;"><a href="#" style="color: rgb(102, 171, 201);">Register Now »</a></p>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
<table width="600" cellspacing="0" cellpadding="10" border="0" align="center">
<tbody>
<tr>
<td width="100%" style="border-collapse: collapse; border-top: 1px solid rgb(220, 220, 220);">
<h4 style="color: rgb(37, 135, 178); font-size: 18px; font-weight: bold; margin: 0pt 0pt 10px; padding: 0pt;">Connect With Us</h4>
<a href="#" style="border: medium none;"><img alt="Facebook" src="assets/facebook-icon.png" style="border: medium none;" /></a> <a href="#" style="border: medium none;"><img alt="Connect with on LinkedIn" src="http://go.ennectmail.com/Resources/EllianceTesting/Images/linkedin-icon.png" style="border: medium none;" /></a> <a href="#" style="border: medium none;"><img alt="" src="assets/twitter-icon.png" style="border: medium none;" /></a> <a href="#" style="border: medium none;"><img src="assets/google-plus-icon.png" alt="on Google+" style="border: medium none;" /></a> <a href="#" style="border: medium none;"><img src="assets/transW22logo.png" alt="Blog" style="border: medium none;" /></a> <a href="#" style="border: medium none;"><img src="assets/pinterest-logo-.png" alt="Pinterest" style="border: medium none;" /></a>
<p style="font-size: 13px;">123 Main Avenue<br />
Pittsburgh, PA 15212</p>
<p style="font-size: 13px;">1-888-555-1234<br />
<a href="#" style="color: rgb(84, 84, 84); text-decoration: none;">www.yoursite.com/</a></p>
</td>
</tr>
</tbody>
</table>
</body>
</html>