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
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!--
You can read this newsletter online at
[webversion]
-->
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Premailer Test</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<style type="text/css">
@import "import.css" screen, handheld;
</style>
<style type="text/css">
@import "noimport.css" print;
</style>
<style type="text/css">
#iphone { display: block; }
</style>
</head>
<body>
<div id="wrapper">
<p class="hide" id="hide01">This line should be hidden.</p>
<p class="hide" id="iphone">This is an iPhone style.</p>
<table width="646" class="container" cellspacing="0" cellpadding="0">
<tr><td id="webversion" colspan="6">Having trouble reading this newsletter? <webversion>Click here to see it in your browser</webversion></td></tr>
<tr><td height="13" colspan="6" class="frame"> </td></tr>
<table width="646" class="container" cellspacing="0" cellpadding="0">
<tr>
<td class="frame" width="13"> </td>
<td class="gutter" width="60"> </td>
<td class="content" colspan="2" width="500">
<h1><span>Premailer Test</span></h1>
<table width="500" cellpadding="0" cellspacing="0">
<tr>
<td width="20"> </td>
<td colspan="2" width="460">
<h2>Lorem ipsum dolor</h2>
<h3>Suspendisse id velit vitae ligula volutpat condimentum</h3>
<p class="dt">Morbi commodo, ipsum sed</p>
<p class="unaligned"><img src="2009-placeholder.png" alt="Image" align="right" class="right">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. <a href="http://premailer.dialect.ca/">Nulla facilisi</a>. Nulla libero.</p>
<p attr="another quote">Here’s a quote. Here’s a quote. “Here’s a quote in quotes”.</p>
<p>Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero.</p>
<blockquote><p>“Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis.”</p></blockquote>
<p>Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero.</p>
<h3>Link tests</h3>
<ul>
<li><a id="l01" href="/">Relative path to root</a></li>
<li><a id="l02" href="http://premailer.dialect.ca/">Absolute path to root</a></li>
<li><a id="l03" href="http://example.com/">Different domain</a></li>
<li><a id="l04" href="images/">Relative path to sub-directory</a></li>
<li><a id="l05" href="#relative">Link is not converted</a></li>
<li><a id="l06" href="http://example.com/test.html?cn=tf&c=20&ord=%%RANDOM%%">Funky ASP URL</a></li>
<li><a id="l07" href="?query=string">Appends tracking query string</a></li>
<li><a id="l08" href="{DONOTCONVERT}">Link is not converted</a></li>
<li><a id="l09" href="[DONOTCONVERT]">Link is not converted</a></li>
<li><a id="l10" href="<DONOTCONVERT>">Link is not converted</a></li>
<li><a id="l11" href="mailto:premailer@example.com">mailto link</a></li>
<li><a id="l12" href="ftp://example.com">FTP link</a></li>
<li><a id="l13" href="gopher://gopher.floodgap.com/1/fun/twitpher">Gopher link</a></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis.</p>
<p> </p>
</td>
<td width="20"> </td>
</tr>
</table>
<p class="section"><img src="dots_end.png" alt="---" width="499" height="75"></p>
</td><!-- /#content -->
<td class="gutter" width="60"> </td>
<td class="frame" width="13"> </td>
</tr>
<tr>
<td class="frame" width="13"> </td>
<td colspan="4" width="620">
<table summary="Contact information" cellspacing="0" cellpadding="0" width="620">
<tr><td height="4" class="hairline"> </td></tr>
<tr><td height="34"class="contact"> </td></tr>
<tr>
<td align="center" class="contact" id="contact_info">
<p id="address">Premailer Test<br>
<a href="http://dialect.ca/?utm_source=Premailer&utm_medium=Test+Suite&utm_campaign=Premailer">by Dialect</a><br>
Vancouver Island, British Columbia<br>
250 555.2222</p>
</td>
</tr>
<tr><td height="34"class="contact"> </td></tr>
<tr><td height="4" class="hairline"> </td></tr>
</table>
</td>
<td class="frame" width="13"> </td>
</tr>
<tr>
<td class="frame" width="13"> </td>
<td colspan="4" class="content" height="60"> </td>
<td class="frame" width="13"> </td>
</tr>
<tr><td height="13" colspan="6" class="frame"> </td></tr>
<tr><td height="22" colspan="6" > </td></tr>
<tr><td id="credit" colspan="6">Newsletter communications by<br><a href="http://dialect.ca/dialogue/?utm_source=Dialogue&utm_medium=Credit&utm_campaign=South+Hollow"><img src="inc/dialect.png" alt="Dialect" width="60" height="35" border="0"></a><br><unsubscribe>Click here to unsubscribe</unsubscribe></td></tr>
</table>
</div>
</body>
</html>
|
