Skip to content

Commit eff3022

Browse files
matowdevmatowdev
committed
[LES-1.5/st-compl] practice-email-layout-2
Watching the teacher layout, adding comments. core: B-4 / WL-AL
1 parent e3fc3dc commit eff3022

File tree

2 files changed

+19
-30
lines changed

2 files changed

+19
-30
lines changed

‎core-courses/4-web-layout-advanced-level/1-html-email-layout/1-4-practice-mail-layout-1/index-new.html‎

Lines changed: 18 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -130,18 +130,17 @@ <h2 style="margin: 0;font-weight: 700; font-size: 24px;line-height: 29px;color:#
130130
<tr>
131131
<td style="padding: 0 60px 0 60px;text-align: center;background-color:#1B54DD;">
132132
<p style="margin: 0;font-weight: 400;font-size: 14px;line-height: 17px;color:#ffffff;">In the wild,
133-
there is no healthcare. In the wild healthcare is, ‘Ow, I hurt my
134-
leg. I can’t run. A lion eats me, and I’m dead.’ Well, I’m not dead. I’m the lion. You’re dead.</p>
133+
there is no healthcare. In the wild healthcare is, ‘Ow, I hurt my leg. I can’t run. A lion eats me,
134+
and I’m dead.’ Well, I’m not dead. I’m the lion. You’re dead.</p>
135135
</td>
136136
</tr>
137137
<tr>
138138
<td style="padding: 32px 0;text-align: center;background-color:#1B54DD;">
139139
<table align="center" border="0" cellspacing="0" cellpadding="0" role="presentation">
140140
<tr>
141141
<td style="background: #ffffff; text-align: center;border-radius: 2px; " class="btn">
142-
<a href="http://www.google.com" style="background: #ffffff;border: 1px solid #ffffff; border-radius: 2px; font-size: 14px;text-align: center;padding: 12px 24px;
143-
text-decoration: none; display: inline-block;font-weight:
144-
600;color: #1a2028;">
142+
<a href="http://www.google.com"
143+
style="background: #ffffff;border: 1px solid #ffffff; border-radius: 2px; font-size: 14px;text-align: center; padding: 12px 24px; text-decoration: none; display: inline-block;font-weight: 600;color: #1a2028;">
145144
CTA Text
146145
</a>
147146
</td>
@@ -167,15 +166,13 @@ <h2 style="margin: 0;font-weight: 700; font-size: 24px;line-height: 29px;color:#
167166
style="vertical-align: middle;width: 100%;max-width: 272px;display: inline-block;" class="column">
168167
<tr>
169168
<td style="padding: 16px 16px 16px 16px;" class="mobile-col-padding">
170-
171169
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="text-align: left;">
172170
<tr>
173171
<td>
174172
<img src="./images/1.jpg" alt="" width="240" border="0" style="max-width: 240px;" />
175173
</td>
176174
</tr>
177175
</table>
178-
179176
</td>
180177
</tr>
181178
</table>
@@ -188,7 +185,6 @@ <h2 style="margin: 0;font-weight: 700; font-size: 24px;line-height: 29px;color:#
188185
style="vertical-align: middle;width: 100%;max-width: 240px;display: inline-block;" class="column">
189186
<tr>
190187
<td style="padding: 16px 16px 16px 16px;" class="mobile-col-padding">
191-
192188
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="text-align: left;">
193189
<tr>
194190
<td style="padding: 0 0 16px 0;">
@@ -201,21 +197,18 @@ <h2 style="margin: 0;font-size: 24px;line-height: 29px;font-weight: 700;color: #
201197
<td style="padding: 0 0 16px 0;">
202198
<p style="margin: 0; font-size: 14px;line-height: 17px;font-weight: 400;color:#262626;">
203199
No office romances, no way. Very messy, inappropriate… no. But, I live by another rule: Just
204-
do
205-
it… Nike.
200+
do it… Nike.
206201
</p>
207202
</td>
208203
</tr>
209204
<tr>
210205
<td style="padding: 0 0 0 0;">
211206
<a href="#"
212207
style="text-decoration: none;font-size: 14px;line-height: 17px;font-weight: 600;color:#1b54dd;">Link
213-
out
214-
here &gt;</a>
208+
out here &gt;</a>
215209
</td>
216210
</tr>
217211
</table>
218-
219212
</td>
220213
</tr>
221214
</table>
@@ -283,8 +276,7 @@ <h2 style="margin: 0;font-size: 24px;line-height: 29px;font-weight: 700;color: #
283276
<td style="padding: 0 0 0 0;">
284277
<a href="#"
285278
style="text-decoration: none;font-size: 14px;line-height: 17px;font-weight: 600;color:#1b54dd;">Link
286-
out
287-
here &gt;</a>
279+
out here &gt;</a>
288280
</td>
289281
</tr>
290282
</table>
@@ -356,8 +348,7 @@ <h2 style="margin: 0;font-size: 24px;line-height: 29px;font-weight: 700;color: #
356348
<td style="padding: 0 0 0 0;">
357349
<a href="#"
358350
style="text-decoration: none;font-size: 14px;line-height: 17px;font-weight: 600;color:#1b54dd;">Link
359-
out
360-
here &gt;</a>
351+
out here &gt;</a>
361352
</td>
362353
</tr>
363354
</table>
@@ -380,14 +371,13 @@ <h2 style="margin: 0;font-size: 24px;line-height: 29px;font-weight: 700;color: #
380371
<td>
381372
<table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation">
382373
<tr>
383-
<td style="padding: 16px 0 32px 0;text-align: center;background-color:#ffffff;">
374+
<td style="padding: 16px 0 32px 0; text-align: center; background-color:#ffffff;">
384375
<table align="center" border="0" cellspacing="0" cellpadding="0" role="presentation">
385376
<tr>
386377
<td style="background: #1B54DD; text-align: center;border-radius: 2px;" class="btn">
387-
<a href="http://www.google.com" style="background: #1B54DD;border: 1px solid #1B54DD;border-radius: 2px; font-size:
388-
14px;text-align: center;padding: 12px 24px;
389-
text-decoration: none; display: inline-block;font-weight:
390-
600;color: #ffffff;">
378+
<a href="http://www.google.com"
379+
style="background: #1B54DD; border: 1px solid #1B54DD; border-radius: 2px; font-size:
380+
14px; text-align: center;padding: 12px 24px; text-decoration: none; display: inline-block;font-weight: 600;color: #ffffff;">
391381
CTA Text
392382
</a>
393383
</td>
@@ -402,7 +392,7 @@ <h2 style="margin: 0;font-size: 24px;line-height: 29px;font-weight: 700;color: #
402392

403393
<!-- Social section -->
404394
<tr>
405-
<td align="center" style="padding:10px 20px;font-size:0px;background-color:#E8E8E8;">
395+
<td align="center" style="padding: 10px 20px; font-size: 0px; background-color:#E8E8E8;">
406396
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation">
407397
<tr>
408398
<td align="center">
@@ -412,7 +402,7 @@ <h2 style="margin: 0;font-size: 24px;line-height: 29px;font-weight: 700;color: #
412402
<td>
413403
<![endif]-->
414404
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
415-
style="display:inline-block;vertical-align:middle;" class="column">
405+
style="display: inline-block; vertical-align: middle;" class="column">
416406
<tr>
417407
<td style="padding:16px;">
418408
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:18px;">
@@ -433,7 +423,7 @@ <h2 style="margin: 0;font-size: 24px;line-height: 29px;font-weight: 700;color: #
433423
<td>
434424
<![endif]-->
435425
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
436-
style="display:inline-block;vertical-align:middle;" class="column">
426+
style="display: inline-block; vertical-align: middle;" class="column">
437427
<tr>
438428
<td style="padding:16px;">
439429
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:18px;">
@@ -454,7 +444,7 @@ <h2 style="margin: 0;font-size: 24px;line-height: 29px;font-weight: 700;color: #
454444
<td>
455445
<![endif]-->
456446
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
457-
style="display:inline-block;vertical-align:middle;" class="column">
447+
style="display: inline-block; vertical-align: middle;" class="column">
458448
<tr>
459449
<td style="padding:16px;">
460450
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:30px;">
@@ -485,9 +475,8 @@ <h2 style="margin: 0;font-size: 24px;line-height: 29px;font-weight: 700;color: #
485475
</tr>
486476
<tr>
487477
<td align="center" style="padding: 0 0 16px 0;">
488-
<p style="margin: 0;font-size: 10px;line-height: 16px;font-weight: 400;color:#262626;">
489-
1725 Slough Avenue #200, Scranton, PA, 18540 <br />
490-
© 2020 Bonnie Kate Wolf
478+
<p style="margin: 0; font-size: 10px; line-height: 16px; font-weight: 400;color:#262626;">
479+
1725 Slough Avenue #200, Scranton, PA, 18540 <br /> © 2020 Bonnie Kate Wolf
491480
</p>
492481
</td>
493482
</tr>

‎core-courses/4-web-layout-advanced-level/1-html-email-layout/1-4-practice-mail-layout-1/start.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,7 @@
8585

8686
<!-- Preheader (remove comment) -->
8787
<div
88-
style="font-size: 0px;color: #fafdfe;line-height: 1px;mso-line-height-rule:exactly;display: none;max-width: 0px;max-height: 0px;opacity: 0;overflow: hidden;mso-hide:all;">
88+
style="font-size: 0px;color: #fafdfe;line-height: 1px; mso-line-height-rule:exactly; display: none; max-width: 0px; max-height: 0px;opacity: 0; overflow: hidden; mso-hide:all;">
8989
Прехедер письма
9090
</div>
9191
<!-- End Preheader (remove comment) -->

0 commit comments

Comments
 (0)