DOCTYPE html html head style id userstyle media only screen and max-wi

  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
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
<!DOCTYPE html><html><head>
<style id="userstyle">@media only screen and (max-width: 480px){
table.body center{min-width: 0 !important}
table.body .container{width: 95% !important}
table.body .row,table.body tr,table.body tbody,table.body th,table.body td{min-width: 100% !important;width: 100% !important;display: block !important}
table.body .wrapper{display: block !important;padding-right: 0 !important}
table.body table.col-12{min-width: 100% !important;width: 100% !important;display: block !important}
table.body td.col-12{padding-right: 0px !important;padding-left: 0px !important}
table.body table.col-11{min-width: 100% !important;width: 100% !important;display: block !important}
table.body td.col-11{padding-right: 0px !important;padding-left: 0px !important}
table.body table.col-10{min-width: 100% !important;width: 100% !important;display: block !important}
table.body td.col-10{padding-right: 0px !important;padding-left: 0px !important}
table.body table.col-9{min-width: 100% !important;width: 100% !important;display: block !important}
table.body td.col-9{padding-right: 0px !important;padding-left: 0px !important}
table.body table.col-8{min-width: 100% !important;width: 100% !important;display: block !important}
table.body td.col-8{padding-right: 0px !important;padding-left: 0px !important}
table.body table.col-7{min-width: 100% !important;width: 100% !important;display: block !important}
table.body td.col-7{padding-right: 0px !important;padding-left: 0px !important}
table.body table.col-6{min-width: 100% !important;width: 100% !important;display: block !important}
table.body td.col-6{padding-right: 0px !important;padding-left: 0px !important}
table.body table.col-5{min-width: 100% !important;width: 100% !important;display: block !important}
table.body td.col-5{padding-right: 0px !important;padding-left: 0px !important}
table.body table.col-4{min-width: 100% !important;width: 100% !important;display: block !important}
table.body td.col-4{padding-right: 0px !important;padding-left: 0px !important}
table.body table.col-3{min-width: 100% !important;width: 100% !important;display: block !important}
table.body td.col-3{padding-right: 0px !important;padding-left: 0px !important}
table.body table.col-2{min-width: 100% !important;width: 100% !important;display: block !important}
table.body td.col-2{padding-right: 0px !important;padding-left: 0px !important}
table.body table.col-1{min-width: 100% !important;width: 100% !important;display: block !important}
table.body td.col-1{padding-right: 0px !important;padding-left: 0px !important}
table[class="body"] img{width: auto !important;height: auto !important}
table[class="body"] .columns,table[class="body"] .column{table-layout: fixed !important;float: none !important;width: 100% !important;padding-right: 0px !important;padding-left: 0px !important;display: block !important}
table[class="body"] .wrapper.first .columns,table[class="body"] .wrapper.first .column{display: table !important}
table[class="body"] table.columns td,table[class="body"] table.column td{width: 100% !important}
table[class="body"] table.columns td.expander{width: 1px !important}
table[class="body"] .right-text-pad,table[class="body"] .text-pad-right{padding-left: 10px !important}
table[class="body"] .left-text-pad,table[class="body"] .text-pad-left{padding-right: 10px !important}
table[class="body"] .hide-for-small,table[class="body"] .show-for-desktop{display: none !important}
table[class="body"] .show-for-small,table[class="body"] .hide-for-desktop{display: inherit !important}
}</style>
</head>
<body style="/* body */width: 100% !important;min-width: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin: 0;padding: 0;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px;/* body */background: #F9F9F9"><table class="body" style="/* table */border-spacing: 0;border-collapse: collapse;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* table.body */height: 100%;width: 100%;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px;/* .body,.fullscreen */background-image: url(test/images/header-bg.jpg);background-position: center top;background-repeat: no-repeat;background-size: 100% 330px">
<tbody><tr style="/* table,tr,td */padding: 0;vertical-align: top;text-align: left">
<td class="center" align="center" valign="top" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<center style="/* center */width: 100%;min-width: 580px">
<div class="header">
<table border="0" cellspacing="0" cellpadding="0" class="container top" style="/* table */border-spacing: 0;border-collapse: collapse;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* table.container */width: 580px;margin-top: 0;margin-bottom: 0;margin-left: auto;margin-right: auto;text-align: inherit;/* .top */color: white">
<tbody>
<tr style="/* table,tr,td */padding: 0;vertical-align: top;text-align: left">
<td id="_uid4" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<table border="0" cellspacing="0" cellpadding="0" class="row" style="/* table */border-spacing: 0;border-collapse: collapse;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* table.row */padding-top: 0;padding-right: 0;padding-left: 0;padding-bottom: 0;width: 100%;position: relative;/* table.container table.row */display: block">
<tbody>
<tr id="_uid3" style="/* table,tr,td */padding: 0;vertical-align: top;text-align: left">
<td class="col-3 wrapper __first" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* td.wrapper */padding-top: 10px;padding-right: 20px;padding-left: 0;padding-bottom: 10px;position: relative;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<table class="col-3" style="/* table */border-spacing: 0;border-collapse: collapse;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* table.col-3 */margin-top: 0;margin-bottom: 0;margin-left: auto;margin-right: auto;width: 130px">
<tbody>
<tr style="/* table,tr,td */padding: 0;vertical-align: top;text-align: left">
<td style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<a class="logo" style="/* .logo */display: block">
<img src="http://placehold.it/150x50&amp;text=logo" style="/* img */outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;width: auto;max-width: 100%;float: left;clear: both;display: block;/* a img */border: none">
</a>
</td>
</tr>
</tbody>
</table>
</td>
<td class="col-9 text-right wrapper __last" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* td.wrapper */padding-top: 10px;padding-right: 20px;padding-left: 0;padding-bottom: 10px;position: relative;/* td.wrapper.__last */padding-right: 0px !important;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px;/* .text-right */text-align: right !important">
<table class="col-9 text-right" style="/* table */border-spacing: 0;border-collapse: collapse;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* table.col-9 */margin-top: 0;margin-bottom: 0;margin-left: auto;margin-right: auto;width: 430px;/* .text-right */text-align: right !important">
<tbody>
<tr style="/* table,tr,td */padding: 0;vertical-align: top;text-align: left">
<td class=" text-right" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px;/* .text-right */text-align: right !important">
blah blah
</td>
</tr>
</tbody>
</table>
</td>
<td class="__expander" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* td.__expander */visibility: hidden;width: 0px;padding-left: 0 !important;padding-right: 0 !important;padding-top: 0 !important;padding-bottom: 0 !important;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="0" class="container title" style="/* table */border-spacing: 0;border-collapse: collapse;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* table.container */width: 580px;margin-top: 0;margin-bottom: 0;margin-left: auto;margin-right: auto;text-align: inherit;/* .title */margin-top: 60px !important;margin-bottom: 40px !important">
<tbody>
<tr style="/* table,tr,td */padding: 0;vertical-align: top;text-align: left">
<td id="_uid7" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<table border="0" cellspacing="0" cellpadding="0" class="row" style="/* table */border-spacing: 0;border-collapse: collapse;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* table.row */padding-top: 0;padding-right: 0;padding-left: 0;padding-bottom: 0;width: 100%;position: relative;/* table.container table.row */display: block">
<tbody>
<tr id="_uid6" style="/* table,tr,td */padding: 0;vertical-align: top;text-align: left">
<td class="col-12 wrapper __first __last" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* td.wrapper */padding-top: 10px;padding-right: 20px;padding-left: 0;padding-bottom: 10px;position: relative;/* td.wrapper.__last */padding-right: 0px !important;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<table class="col-12" style="/* table */border-spacing: 0;border-collapse: collapse;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* table.col-12 */margin-top: 0;margin-bottom: 0;margin-left: auto;margin-right: auto;width: 580px">
<tbody>
<tr style="/* table,tr,td */padding: 0;vertical-align: top;text-align: left">
<td style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<h3 class="text-center" style="/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* h1,h2,h3,h4,h5,h6 */word-break: normal;/* h3 */font-size: 32px;/* .text-center */text-align: center !important;/* .title h3 */color: white">
<strong style="/* h1 strong,h2 strong,h3 strong,h4 strong,h5 strong */color: #fb5557">THE REVOLUTION</strong> <br> of email development
</h3>
</td>
</tr>
</tbody>
</table>
</td>
<td class="__expander" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* td.__expander */visibility: hidden;width: 0px;padding-left: 0 !important;padding-right: 0 !important;padding-top: 0 !important;padding-bottom: 0 !important;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="0" class="container content" style="/* table */border-spacing: 0;border-collapse: collapse;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* table.container */width: 580px;margin-top: 0;margin-bottom: 0;margin-left: auto;margin-right: auto;text-align: inherit;/* .content */background: white">
<tbody>
<tr style="/* table,tr,td */padding: 0;vertical-align: top;text-align: left">
<td id="_uid17" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<table border="0" cellspacing="0" cellpadding="0" class="row section" style="/* table */border-spacing: 0;border-collapse: collapse;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* table.row */padding-top: 0;padding-right: 0;padding-left: 0;padding-bottom: 0;width: 100%;position: relative;/* table.container table.row */display: block;/* .section */border-bottom: 1px solid #ddd;margin-bottom: 10px">
<tbody>
<tr id="_uid9" style="/* table,tr,td */padding: 0;vertical-align: top;text-align: left">
<td class="col-12 nopadding wrapper __first __last" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* td.wrapper */padding-top: 10px;padding-right: 20px;padding-left: 0;padding-bottom: 10px;position: relative;/* td.wrapper.__last */padding-right: 0px !important;/* td.wrapper.nopadding */padding-top: 0px !important;padding-bottom: 0px !important;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<table class="col-12 nopadding" style="/* table */border-spacing: 0;border-collapse: collapse;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* table.col-12 */margin-top: 0;margin-bottom: 0;margin-left: auto;margin-right: auto;width: 580px">
<tbody>
<tr style="/* table,tr,td */padding: 0;vertical-align: top;text-align: left">
<td class=" nopadding" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<div class="subtitle text-center" style="/* .text-center */text-align: center !important;/* .subtitle */padding: 10px 10px 20px 10px">
<h4 style="/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* h1,h2,h3,h4,h5,h6 */word-break: normal;/* h4 */font-size: 28px">Designed for everyone, everywhere.</h4>
<p style="/* p */margin: 0 0 0 10px;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px;/* .subtitle p */margin-top: 10px;color: #494E5E">
Mailsoup makes email development faster and easier. It's made for folks of all skill levels, devices of all shapes, and projects of all sizes.
</p>
</div>
</td>
</tr>
</tbody>
</table>
</td>
<td class="__expander" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* td.__expander */visibility: hidden;width: 0px;padding-left: 0 !important;padding-right: 0 !important;padding-top: 0 !important;padding-bottom: 0 !important;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px"></td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="0" class="row" style="/* table */border-spacing: 0;border-collapse: collapse;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* table.row */padding-top: 0;padding-right: 0;padding-left: 0;padding-bottom: 0;width: 100%;position: relative;/* table.container table.row */display: block">
<tbody>
<tr id="_uid12" style="/* table,tr,td */padding: 0;vertical-align: top;text-align: left">
<td class="col-6 wrapper __first" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* td.wrapper */padding-top: 10px;padding-right: 20px;padding-left: 0;padding-bottom: 10px;position: relative;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<table class="col-6" style="/* table */border-spacing: 0;border-collapse: collapse;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* table.col-6 */margin-top: 0;margin-bottom: 0;margin-left: auto;margin-right: auto;width: 280px">
<tbody>
<tr style="/* table,tr,td */padding: 0;vertical-align: top;text-align: left">
<td style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<div class="feature text-center" style="/* .text-center */text-align: center !important;/* .feature */padding: 10px">
<h5 style="/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* h1,h2,h3,h4,h5,h6 */word-break: normal;/* h5 */font-size: 24px">No more tables</h5>
<p style="/* p */margin: 0 0 0 10px;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
Forget about fucking tables, inline styles, css selectors etc. Only twitter bootstrap–like DIVs markup!
</p>
</div>
</td>
</tr>
</tbody>
</table>
</td>
<td class="col-6 wrapper __last" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* td.wrapper */padding-top: 10px;padding-right: 20px;padding-left: 0;padding-bottom: 10px;position: relative;/* td.wrapper.__last */padding-right: 0px !important;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<table class="col-6" style="/* table */border-spacing: 0;border-collapse: collapse;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* table.col-6 */margin-top: 0;margin-bottom: 0;margin-left: auto;margin-right: auto;width: 280px">
<tbody>
<tr style="/* table,tr,td */padding: 0;vertical-align: top;text-align: left">
<td style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<div class="feature text-center" style="/* .text-center */text-align: center !important;/* .feature */padding: 10px">
<h5 style="/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* h1,h2,h3,h4,h5,h6 */word-break: normal;/* h5 */font-size: 24px">Rich API</h5>
<p style="/* p */margin: 0 0 0 10px;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
Bootstrap easily and efficiently scales your websites and applications with a single code base, from phones to tablets to desktops with CSS media queries.
</p>
</div>
</td>
</tr>
</tbody>
</table>
</td>
<td class="__expander" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* td.__expander */visibility: hidden;width: 0px;padding-left: 0 !important;padding-right: 0 !important;padding-top: 0 !important;padding-bottom: 0 !important;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px"></td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="0" class="row" style="/* table */border-spacing: 0;border-collapse: collapse;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* table.row */padding-top: 0;padding-right: 0;padding-left: 0;padding-bottom: 0;width: 100%;position: relative;/* table.container table.row */display: block">
<tbody>
<tr id="_uid16" style="/* table,tr,td */padding: 0;vertical-align: top;text-align: left">
<td class="col-4 wrapper __first" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* td.wrapper */padding-top: 10px;padding-right: 20px;padding-left: 0;padding-bottom: 10px;position: relative;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<table class="col-4" style="/* table */border-spacing: 0;border-collapse: collapse;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* table.col-4 */margin-top: 0;margin-bottom: 0;margin-left: auto;margin-right: auto;width: 180px">
<tbody>
<tr style="/* table,tr,td */padding: 0;vertical-align: top;text-align: left">
<td style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<div class="feature text-center" style="/* .text-center */text-align: center !important;/* .feature */padding: 10px">
<h5 style="/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* h1,h2,h3,h4,h5,h6 */word-break: normal;/* h5 */font-size: 24px">LESS / wzhik</h5>
<p style="/* p */margin: 0 0 0 10px;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
Bootstrap ships with vanilla CSS, but its source code utilizes the two most popular CSS preprocessors, Less and Sass. Quickly get started with precompiled CSS or build on the source.
</p>
</div>
</td>
</tr>
</tbody>
</table>
</td>
<td class="col-4 wrapper" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* td.wrapper */padding-top: 10px;padding-right: 20px;padding-left: 0;padding-bottom: 10px;position: relative;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<table class="col-4" style="/* table */border-spacing: 0;border-collapse: collapse;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* table.col-4 */margin-top: 0;margin-bottom: 0;margin-left: auto;margin-right: auto;width: 180px">
<tbody>
<tr style="/* table,tr,td */padding: 0;vertical-align: top;text-align: left">
<td style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<div class="feature text-center" style="/* .text-center */text-align: center !important;/* .feature */padding: 10px">
<h5 style="/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* h1,h2,h3,h4,h5,h6 */word-break: normal;/* h5 */font-size: 24px">Responsive</h5>
<p style="/* p */margin: 0 0 0 10px;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
Bootstrap easily and efficiently scales your websites and applications with a single code base, from phones to tablets to desktops with CSS media queries.
</p>
</div>
</td>
</tr>
</tbody>
</table>
</td>
<td class="col-4 wrapper __last" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* td.wrapper */padding-top: 10px;padding-right: 20px;padding-left: 0;padding-bottom: 10px;position: relative;/* td.wrapper.__last */padding-right: 0px !important;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<table class="col-4" style="/* table */border-spacing: 0;border-collapse: collapse;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* table.col-4 */margin-top: 0;margin-bottom: 0;margin-left: auto;margin-right: auto;width: 180px">
<tbody>
<tr style="/* table,tr,td */padding: 0;vertical-align: top;text-align: left">
<td style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<div class="feature text-center" style="/* .text-center */text-align: center !important;/* .feature */padding: 10px">
<h5 style="/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* h1,h2,h3,h4,h5,h6 */word-break: normal;/* h5 */font-size: 24px">Full of features</h5>
<p style="/* p */margin: 0 0 0 10px;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
With Bootstrap, you get extensive and beautiful documentation for common HTML elements, dozens of custom HTML and CSS components, and awesome jQuery plugins.
</p>
</div>
</td>
</tr>
</tbody>
</table>
</td>
<td class="__expander" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* td.__expander */visibility: hidden;width: 0px;padding-left: 0 !important;padding-right: 0 !important;padding-top: 0 !important;padding-bottom: 0 !important;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div class="fullscreen" style="/* .body,.fullscreen */background-image: url(test/images/header-bg.jpg);background-position: center top;background-repeat: no-repeat;background-size: 100% 330px">
<table border="0" cellspacing="0" cellpadding="0" class="container" style="/* table */border-spacing: 0;border-collapse: collapse;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* table.container */width: 580px;margin-top: 0;margin-bottom: 0;margin-left: auto;margin-right: auto;text-align: inherit">
<tbody>
<tr style="/* table,tr,td */padding: 0;vertical-align: top;text-align: left">
<td id="_uid20" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<table border="0" cellspacing="0" cellpadding="0" class="row " style="/* table */border-spacing: 0;border-collapse: collapse;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* table.row */padding-top: 0;padding-right: 0;padding-left: 0;padding-bottom: 0;width: 100%;position: relative;/* table.container table.row */display: block">
<tbody>
<tr id="_uid19" style="/* table,tr,td */padding: 0;vertical-align: top;text-align: left">
<td class="col-12 wrapper __first __last" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* td.wrapper */padding-top: 10px;padding-right: 20px;padding-left: 0;padding-bottom: 10px;position: relative;/* td.wrapper.__last */padding-right: 0px !important;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<table class="col-12" style="/* table */border-spacing: 0;border-collapse: collapse;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* table.col-12 */margin-top: 0;margin-bottom: 0;margin-left: auto;margin-right: auto;width: 580px">
<tbody>
<tr style="/* table,tr,td */padding: 0;vertical-align: top;text-align: left">
<td style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<h4 class="text-center" style="color:white;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* h1,h2,h3,h4,h5,h6 */word-break: normal;/* h4 */font-size: 28px;/* .text-center */text-align: center !important">Beautiful <strong style="/* h1 strong,h2 strong,h3 strong,h4 strong,h5 strong */color: #fb5557">UI elements</strong></h4>
</td>
</tr>
</tbody>
</table>
</td>
<td class="__expander" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* td.__expander */visibility: hidden;width: 0px;padding-left: 0 !important;padding-right: 0 !important;padding-top: 0 !important;padding-bottom: 0 !important;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<table border="0" cellspacing="0" cellpadding="0" class="container content" style="/* table */border-spacing: 0;border-collapse: collapse;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* table.container */width: 580px;margin-top: 0;margin-bottom: 0;margin-left: auto;margin-right: auto;text-align: inherit;/* .content */background: white">
<tbody>
<tr style="/* table,tr,td */padding: 0;vertical-align: top;text-align: left">
<td id="_uid26" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<table border="0" cellspacing="0" cellpadding="0" class="row section" style="/* table */border-spacing: 0;border-collapse: collapse;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* table.row */padding-top: 0;padding-right: 0;padding-left: 0;padding-bottom: 0;width: 100%;position: relative;/* table.container table.row */display: block;/* .section */border-bottom: 1px solid #ddd;margin-bottom: 10px">
<tbody>
<tr id="_uid25" style="/* table,tr,td */padding: 0;vertical-align: top;text-align: left">
<td class="col-6 wrapper __first __last" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* td.wrapper */padding-top: 10px;padding-right: 20px;padding-left: 0;padding-bottom: 10px;position: relative;/* td.wrapper.__last */padding-right: 0px !important;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<table class="col-6" style="/* table */border-spacing: 0;border-collapse: collapse;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* table.col-6 */margin-top: 0;margin-bottom: 0;margin-left: auto;margin-right: auto;width: 280px">
<tbody>
<tr style="/* table,tr,td */padding: 0;vertical-align: top;text-align: left">
<td style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<div class="quote" style="/* .quote */padding: 10px">
<table border="0" cellspacing="0" cellpadding="0" class="row" style="/* table */border-spacing: 0;border-collapse: collapse;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* table.row */padding-top: 0;padding-right: 0;padding-left: 0;padding-bottom: 0;width: 100%;position: relative;/* table.container table.row */display: block">
<tbody>
<tr style="/* table,tr,td */padding: 0;vertical-align: top;text-align: left">
<td class="col-3 wrapper __first" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* td.wrapper */padding-top: 10px;padding-right: 20px;padding-left: 0;padding-bottom: 10px;position: relative;/* table[class^=col-] td table.row td.col-3 */width: 25%;padding-left: 0px;padding-right: 0px;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<table class="col-3" style="/* table */border-spacing: 0;border-collapse: collapse;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* table.col-3 */margin-top: 0;margin-bottom: 0;margin-left: auto;margin-right: auto;width: 130px;/* table[class^=col-] td table.row td.col-3 > table */width: 100%">
<tbody>
<tr style="/* table,tr,td */padding: 0;vertical-align: top;text-align: left">
<td style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<img class="round" src="./test/images/obama.jpg" alt="" style="/* img */outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;width: auto;max-width: 100%;float: left;clear: both;display: block;/* .round */-webkit-border-top-right-radius: 500px;-webkit-border-bottom-right-radius: 500px;-webkit-border-bottom-left-radius: 500px;-webkit-border-top-left-radius: 500px;-moz-border-radius-topright: 500px;-moz-border-radius-bottomright: 500px;-moz-border-radius-bottomleft: 500px;-moz-border-radius-topleft: 500px;border-top-right-radius: 500px;border-bottom-right-radius: 500px;border-bottom-left-radius: 500px;border-top-left-radius: 500px">
</td>
</tr>
</tbody>
</table>
</td>
<td class="col-9 wrapper __last" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* td.wrapper */padding-top: 10px;padding-right: 20px;padding-left: 0;padding-bottom: 10px;position: relative;/* table[class^=col-] td table.row td.col-9 */width: 75%;padding-left: 0px;padding-right: 0px;/* td.wrapper.__last */padding-right: 0px !important;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<table class="col-9" style="/* table */border-spacing: 0;border-collapse: collapse;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* table.col-9 */margin-top: 0;margin-bottom: 0;margin-left: auto;margin-right: auto;width: 430px;/* table[class^=col-] td table.row td.col-9 > table */width: 100%">
<tbody>
<tr style="/* table,tr,td */padding: 0;vertical-align: top;text-align: left">
<td style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px">
<div class="quote__text" style="/* .quote__text */padding: 10px 0 0 20px;color: rgba(133, 133, 133, 0.75)">
I can do it by myself!
</div>
<div class="quote__name" style="/* .quote__name */padding: 0 0 0 20px;color: #fb5557;font-weight: bold">
Barak Obama
</div>
</td>
</tr>
</tbody>
</table>
</td>
<td class="__expander" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* td.__expander */visibility: hidden;width: 0px;padding-left: 0 !important;padding-right: 0 !important;padding-top: 0 !important;padding-bottom: 0 !important;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px"></td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</td>
<td class="__expander" style="/* td */word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;border-collapse: collapse !important;/* table,tr,td */padding: 0;vertical-align: top;text-align: left;/* td.__expander */visibility: hidden;width: 0px;padding-left: 0 !important;padding-right: 0 !important;padding-top: 0 !important;padding-bottom: 0 !important;/* body,table.body,h1,h2,h3,h4,h5,h6,p,td */font-family: &quot;Helvetica&quot;, &quot;Arial&quot;, sans-serif;font-weight: normal;padding: 0;margin: 0;line-height: 1.3;color: #333;/* body,table.body,p,td */font-size: 14px;line-height: 19px"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody></table></body></html>