ModernMail/email.html at master · patrickocoffeyo/ModernMail · 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
69
70
71
72
73
74
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link href="assets/css/style.css" rel="stylesheet" type="text/css">

    <title>ModernMail Template</title>
  </head>
  <body>
    <center>
      <table id="main" class="container-fluid">
        <tr>
          <td>
            <!-- Head -->
            <table id="header">
              <tr>
                <td>
                  <h1>Buy My Stuff</h1>
                </td>
              </tr>
            </table>
            <!-- /Head -->
          </td>
        </tr>

        <tr>
          <td>
            <!-- Content -->
            <table id="content">
              <tr>
                <td>
                  <h2>Please read this email and buy stuff</h2>
                  <p><strong>Example Marketing Email:</strong> Maecenas sed diam eget risus varius blandit sit amet non magna. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum. Etiam porta sem malesuada magna mollis euismod. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Curabitur blandit tempus porttitor.</p>
                  <p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec id elit non mi porta gravida at eget metus. Donec ullamcorper nulla non metus auctor fringilla. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis interdum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.</p>
                  <p>All said and done we're the smartest company selling you the best product in the market and you should just give us your money already. Please reply with account/routing numbers.</p>
                  <table class="row">
                    <tr>
                      <td class="col-lg-4">
                        <h3>4 Column</h3>
                        <p>You can use the bootstrap grid system on tables!</p>
                        <a href="#" class="btn btn-success btn-block">Buy All Products</a>
                      </td>
                      <td class="col-lg-8">
                        <h3>8 Column</h3>
                        <p>Add bootstrap grid classes the <code>td</code> elements. You can use <code>@media</code> queries to resize <code>.container-fluid</code> and change the layout of your email.</p>
                        <a href="#" class="btn btn-primary btn-block">Spend Your Money</a>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
            <!-- /Content -->
          </td>
        </tr>

        <tr>
          <td>
            <!-- Footer -->
            <table id="footer">
              <tr>
                <td>
                  <p>Copyrights and all that stuff</p>
                  <p><a href="#"><small>Unsubscribe?</small></a> | <a href="#"><small>View in browser</small></a> | <a href="#"><small>Give us your money</small></a></p>
                </td>
              </tr>
            </table>
            <!-- /Footer -->
          </td>
        </tr>
      </table>
    </center>
  </body>
</html>