-
Notifications
You must be signed in to change notification settings - Fork 0
/
en_IIC_Targeted.html
159 lines (148 loc) · 10.2 KB
/
en_IIC_Targeted.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
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="EN" xml:lang="en" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<title>Broadcast Targeted Template</title>
<!--
Email is surprisingly hard. While this has been thoroughly tested, your mileage may vary.
It's highly recommended that you test with each message.
If you run into any issues, please contact [email protected]
Enjoy!
-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<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" />
<link href="file:///Sierra/Users/jbarkley/Public/email_templates/IIC_Styles.css" rel="stylesheet" type="text/css" />
</head>
<body style="margin: 0 !important; padding: 0 !important;">
<!-- HIDDEN PREHEADER TEXT -->
<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;"> Entice the open with some amazing preheader text. Use a little mystery and get those subscribers to read through... </div>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<!-- Logo Banner Table -->
<tr>
<td bgcolor="#ffffff" align="center"><!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
<tr>
<td align="left" valign="top" width="600">
<![endif]-->
<header role="banner">
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;" class="wrapper">
<!-- Logo Banner -->
<tr>
<td align="left" valign="top" style="padding: 15px 0;" class="logo"><a href="http://insuranceinstitute.ca" aria-describedby="Our website will open in a new tab" target="_blank"> <img alt="IIC Logo" src="https://i.imgur.com/cAWEv6h.png" width="103" height="auto" style="display: block; font-family: Helvetica, Arial, sans-serif; color: #ffffff; font-size: 16px;" border="0" /> </a></td>
</tr>
</table>
</header>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--></td>
</tr>
<!-- Main Body Table -->
<tr>
<td bgcolor="#ffffff" align="center" style="padding: 15px;" class="section-padding"><!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
<tr>
<td align="center" valign="top" width="600">
<![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;" class="responsive-table">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<!-- Main Body -->
<tr>
<td>
<main role="article">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<!-- Hero Image -->
<tr>
<td class="padding" align="center"><img src="{href}" width="600" height="auto" border="0" alt="Insert alt text here" style=" border: 0;height: auto; line-height: 100%;outline: none;text-decoration: none; color: #{COLOUR}; font-family: Helvetica, arial, sans-serif; font-size: 16px;" class="img-max" /></td>
</tr>
<!-- Body Copy -->
<tr>
<td align="left" class="padding-copy" style="padding: 34px 0px;font-size: 2em;font-size: 32px; -mso-line-height-rule: exactly; line-height: 45px; font-family: Helvetica, Arial, sans-serif; color: #{COLOUR}; font-weight: normal;">The Latest News</td>
</tr>
<tr>
<td align="left" style="padding: 18px 0px;font-size: 1em; font-size: 16px; -mso-line-height-rule: exactly; line-height: 25px; font-family: Helvetica, Arial, sans-serif; color: #545454" class="padding-copy">Hey %%Name%%,</td>
</tr>
<tr>
<td align="left" style="padding: 18px 0px;font-size: 1em; font-size: 16px; -mso-line-height-rule: exactly; line-height: 25px; font-family: Helvetica, Arial, sans-serif; color: #545454" class="padding-copy">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius, leo a ullamcorper feugiat, ante purus sodales justo, a faucibus libero lacus a est.</td>
</tr>
<tr>
<td align="left" style="padding: 18px 0px;font-size: 1em; font-size: 16px; -mso-line-height-rule: exactly; line-height: 25px; font-family: Helvetica, Arial, sans-serif; color: #545454" class="padding-copy">Sed varius, leo a ullamcorper feugiat, ante purus sodales justo, a faucibus libero lacus a est. Aenean at mollis ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius, leo a ullamcorper feugiat, ante purus sodales justo, a faucibus libero lacus a est.</td>
</tr>
<!-- Button -->
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation">
<tr>
<td align="center" class="padding" style="padding:17px 0px;"><table border="0" cellspacing="0" cellpadding="0" role="presentation">
<tr>
<td bgcolor="#{COLOUR}" style="padding: 12px 18px 12px 18px; border-radius:3px" align="center"><a href="http://insuranceinstitute.com" aria-describedby="Button" target="_blank" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #ffffff; text-decoration: none; display: inline-block;">CTA</a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<!-- Aside Copy -->
<tr>
<td align="left" style="padding: 18px 0px;font-size: 1em; font-size: 16px; -mso-line-height-rule: exactly; line-height: 25px; font-family: Helvetica, Arial, sans-serif; color: #545454" class="padding-copy">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius, leo a ullamcorper feugiat, ante purus sodales justo, a faucibus libero lacus a est. Aenean at mollis ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius, leo a ullamcorper feugiat, ante purus sodales justo, a faucibus libero lacus a est. Aenean at mollis ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius, leo a ullamcorper feugiat, ante purus sodales justo, a faucibus libero lacus a est. Aenean at mollis ipsum.</td>
</tr>
<!-- Closing Copy -->
<tr>
<td align="left" style="padding: 18px 0px;font-size: 1em; font-size: 16px; -mso-line-height-rule: exactly; line-height: 25px; font-family: Helvetica, Arial, sans-serif; color: #545454" class="padding-copy">Questions? Reply to this email to speak with a Member Services associate or contact us toll free at 1 866-362-8585.</td>
</tr>
<tr>
<td align="left" style="padding: 18px 0px;font-size: 1em; font-size: 16px; -mso-line-height-rule: exactly; line-height: 25px; font-family: Helvetica, Arial, sans-serif; color: #545454" class="padding-copy">Let's talk soon,<br />
The Insurance Institute</td>
</tr>
</table>
</main></td>
</tr>
</table></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--></td>
</tr>
<!-- UNSUBSCRIBE COPY -->
<tr>
<td bgcolor="#ffffff" align="center" style="padding: 20px 0px;"><!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
<tr>
<td align="center" valign="top" width="600">
<![endif]-->
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="max-width: 600px;" class="responsive-table">
<tr>
<td align="center" style="font-size: 0.813em; font-size: 12px; -mso-line-height-rule: exactly;line-height: 16px; padding-top:24px; font-family: Helvetica, Arial, sans-serif;color: #545454;"><footer role="contentinfo">
© 2019 Insurance Institute of Canada. All rights reserved.<br />
<a href="http://www.insuranceinstitute.ca/en/about-the-institute/Privacy.aspx" style="text-decoration:underline;color:#545454;">Privacy Policy</a><br />
<br />
Our mailing address is:<br />
18 King Street East, 6 Floor, Toronto, ON M5C 1C4, Canada<br />
<br />
Need to update your profile information?<br />
You can <a href="https://www.insuranceinstitute.ca/My-Page/My-Profile.aspx" aria-describedby="View your Profile in new tab" target="_blank" style="text-decoration:underline;color:#545454;">manage your settings</a><br />
<br />
<a href="%%viewonline%%" aria-describedby="View Email in browser" target="_blank" style="text-decoration:underline;color:#545454;">View this email in your browser</a>
</footer></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--></td>
</tr>
</table>
<!-- ACCESSIBILITY CHECKER -->
<!-- REMOVE THIS BLOCK TO DISABLE WARNINGS -->
<script type="text/javascript" src="a11y.js"></script>
<script type="text/javascript">
window.onload = function () { a11yChecker.default(); }
</script>
<!-- ACCESSIBILITY CHECKER -->
</body>
</html>