-
Notifications
You must be signed in to change notification settings - Fork 1
/
Zurb-Email2-Example.html
150 lines (150 loc) · 6.98 KB
/
Zurb-Email2-Example.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
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="icon" href="https://foundation.zurb.com/assets/img/icons/foundation-favicon.ico" type="image/x-icon">
<meta name="viewport" content="width=device-width">
<link href="https://cdnjs.cloudflare.com/ajax/libs/foundation-emails/2.2.1/foundation-emails.min.css" rel="stylesheet">
<title>Zurb Foundation for emails - Welcome example</title>
<style type="text/css">
body, html, .body {
background: #f3f3f3 !important;
}
.container.header {
background: #f3f3f3;
}
.body-border {
border-top: 8px solid #663399;
}
</style>
</head>
<body>
<span class="preheader"></span>
<table class="body">
<tr>
<td align="center" class="center" valign="top">
<center>
<table class="spacer float-center">
<tbody>
<tr>
<td height="16px" style="font-size:16px;line-height:16px;"> </td>
</tr>
</tbody>
</table>
<table align="center" class="container header float-center">
<tbody>
<tr>
<td>
<table class="row">
<tbody>
<tr>
<th class="small-12 large-12 columns first last">
<table>
<tr>
<th>
<h1 class="text-center">Foundation for Emails 2</h1>
<center data-parsed="">
<table align="center" class="menu text-center float-center">
<tr>
<td>
<table>
<tr>
<th class="menu-item float-center"> <a href="https://foundation.zurb.com/emails.html">About</a> </th>
<th class="menu-item float-center"> <a href="https://foundation.zurb.com/emails.html">Getting started</a> </th>
<th class="menu-item float-center"> <a href="#">Templates</a> </th>
<th class="menu-item float-center"> <a href="https://foundation.zurb.com/emails.html">Docs</a> </th>
</tr>
</table>
</td>
</tr>
</table>
</center>
</th>
<th class="expander"></th>
</tr>
</table>
</th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" class="container body-border float-center">
<tbody>
<tr>
<td>
<table class="row">
<tbody>
<tr>
<th class="small-12 large-12 columns first last">
<table>
<tr>
<th>
<table class="spacer">
<tbody>
<tr>
<td height="32px" style="font-size:32px;line-height:32px;"> </td>
</tr>
</tbody>
</table>
<center data-parsed="">
<img align="center" class="float-center" src="https://foundation.zurb.com/assets/img/foundation-emails/inky-with-emailicons.jpg" alt=" inky">
</center>
<table class="spacer">
<tbody>
<tr>
<td height="16px" style="font-size:16px;line-height:16px;"> </td>
</tr>
</tbody>
</table>
<h4>Welcome bolierplate</h4>
<p>We know building HTML emails is hard, especially responsive emails. That's why we created Foundation for Emails. Get away from complex table markup and inconsistent results. Use Foundation for Emails to spend less time coding emails, and more time on other things, like building amazing products.</p>
<center data-parsed="">
<table align="center" class="menu float-center">
<tr>
<td>
<table>
<tr>
<th class="menu-item float-center"> <a href="https://foundation.zurb.com/emails/zurb-stack.html">ZURB stack</a> </th>
<th class="menu-item float-center"> <a href="##Gulp##">Gulp</a> </th>
<th class="menu-item float-center"> <a href="https://foundation.zurb.com/emails/zurb-stack.html">Inky</a> </th>
<th class="menu-item float-center"> <a href="https://foundation.zurb.com/emails/zurb-stack.html">Sass</a> </th>
</tr>
</table>
</td>
</tr>
</table>
</center>
</th>
<th class="expander"></th>
</tr>
</table>
</th>
</tr>
</tbody>
</table>
<table class="spacer">
<tbody>
<tr>
<td height="16px" style="font-size:16px;line-height:16px;"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</table>
<div style="display:none; white-space:nowrap; font:15px courier; line-height:0;"> </div>
<!-- Email Tools - Local only -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="css/core.css" rel="stylesheet" type="text/css" />
<script src="scripts/core.js"></script>
</body>
</html>