-
Notifications
You must be signed in to change notification settings - Fork 17
/
example-email2.tpl.html
83 lines (70 loc) · 2.91 KB
/
example-email2.tpl.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Outline Mail - making html email easy. Example 2.</title>
<meta http-equiv="Content-Type" content="text/html;" charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<style type="text/css">
/* CLIENT-SPECIFIC STYLES */
#outlook a { padding: 0; }
.ReadMsgBody { width: 100%; } .ExternalClass { width: 100%; }
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div, .ExternalClass * { line-height: 100%; }
body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
img { -ms-interpolation-mode:bicubic; }
/* RESET STYLES */
body { height:100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; }
img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; }
table { border-collapse: collapse !important; }
/* Remove margin on email wrapper in Android 4.4 KitKat */
/* See more at: https://blog.jmwhite.co.uk/2015/09/19/revealing-why-emails-appear-off-centre-in-android-4-4-kitkat/ */
div[style*="margin: 16px 0"] {margin:0 !important; font-size:100% !important;}
/* Remove ios blue links */
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
/* Outline styles */
@media only screen and (max-width: 599px) {
.content-table {
width: 100% !important;
}
img[class="img-max"]{
width: 100% !important;
height: auto !important;
}
table[class="mobile-button-wrap"]{
margin: 0 auto;
width: 100% !important;
}
a[class="mobile-button"]{
width: 80% !important;
padding: 8px !important;
border: 0 !important;
}
.mobile-align-center {
text-align: center !important;
margin-right: auto;
margin-left: auto;
}
}
</style>
</head>
<body style="margin: 0 !important; padding: 0 !important;">
<!-- hidden preheader text - Remember to change it! -->
<div style="display: none; font-size: 1px; color: #fefefe; line-height: 1px; font-family: Helvetica, Arial, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;mso-hide:all;">
Outline Mail - making html email easy. Example 1.
</div>
<!-- Don't forget to include a header -->
@@include('header/_header.html')
<!-- Include all your body email components here -->
@@include('hero/_hero-title-text-cta.html')
@@include('gallery/_gallery-four-centre.html')
<!-- Don't forget to include a footer -->
@@include('footer/_footer.html')
</body>
</html>