HTML-mail/mail-2.html at master · arkarlov/HTML-mail · GitHub

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title></title>
  <style type="text/css">
    body {
      margin: 0 !important;
      padding: 0 !important;
      width: 100% !important;
      height: 100% !important;
    }
  </style>
</head>

<body style="margin: 0; padding: 0; width: 100%; height: 100%;">
  <!-- Main Table -->
  <table border="0" cellpadding="0" cellspacing="0" width="100%"
    style="margin:0; padding:0; border-collapse: collapse; width: 100%; height: 100%; background-color: #383838;">
    <tr>
      <td
        style="color:#000000;display:none;font-family:'verdana', 'helvetica', 'arial', sans-serif; font-size:0; line-height:0; text-align:center">
        PreHeader
      </td>
    </tr>
    <tr>
      <td align="center" valign="top" style="height: 100%;">
        <!-- Wrapper Table -->
        <table border="0" cellpadding="0" cellspacing="0" width="620"
          style="margin: 0; padding: 0; width: 100%; max-width: 620px; min-width: 320px;">
          <tr>
            <td align="center" valign="top" style="padding: 20px 10px 20px 10px;">
              <!-- Content Table -->
              <table border="0" cellpadding="0" cellspacing="0" width="100%"
                style="margin: 0; padding: 0; width: 100%; background-color: cadetblue;">
                <!-- Header -->
                <tr>
                  <td align="center">
                    <img src="https://via.placeholder.com/600x90" alt="600x90" width="600" height="90"
                      style="display: block; width: 600px; max-width: 100%;" />
                  </td>
                </tr>
                <!-- Body -->
                <tr>
                  <td align="center">
                    <img src="https://via.placeholder.com/600x90" alt="600x90" width="600" height="90"
                      style="display: block; width: 600px; max-width: 100%;" />
                  </td>
                </tr>
                <!-- Footer -->
                <tr>
                  <td align="center">
                    <img src="https://via.placeholder.com/600x90" alt="600x90" width="600" height="90"
                      style="display: block; width: 600px; max-width: 100%;" />
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</body>

</html>