-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
164 lines (151 loc) · 8.03 KB
/
index.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
160
161
162
163
164
<!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-gb">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>PixelsMatter Email Signature</title>
</head>
<body class="body">
<table class="signature" cellpadding="0" border="0" cellspacing="0">
<tbody>
<tr>
<td>
<table cellpadding="0" border="0" cellspacing="0">
<tbody>
<tr>
<td class="left">
<img src="https://pixelsmatter.io/email-signature/img/logo.png" alt="PixelsMatter logo" class="logo" />
</td>
<td>
<table class="right">
<tbody>
<tr>
<td>
<h3 class="name">Leon Burman</h3>
</td>
</tr>
<tr>
<td>
<h4 class="job-title">Director</h4>
</td>
</tr>
<tr>
<td class="contact site">
<a class="contact site" href="https://pixelsmatter.io">
<span class="contact site">pixelsmatter.io</span>
</a>
</td>
</tr>
<tr>
<td class="contact email">
<a class="contact email" href="mailto:leon@pixelsmatter.io">
<span class="contact email">leon@pixelsmatter.io</span>
</a>
</td>
</tr>
<tr>
<td class="contact mobile">
<a class="contact mobile" href="tel:+447960399032">
<span class="contact mobile">+44 7960 399032</span>
</a>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" border="0" cellspacing="0">
<tr>
<td>
<a class="social facebook first" href="https://facebook.com/pixelsmatter" title="Facebook"><img src="https://pixelsmatter.io/email-signature/img/social/facebook.png" alt="Facebook logo" /></a>
</td>
<td>
<a class="social twitter" href="https://twitter.com/pixelsmatter" title="Twitter"><img src="https://pixelsmatter.io/email-signature/img/social/twitter.png" alt="Twitter logo" /></a>
</td>
<td>
<a class="social linkedin" href="https://linkedin.com/company/pixelsmatter" title="LinkedIn"><img src="https://pixelsmatter.io/email-signature/img/social/linkedin.png" alt="LinkedIn logo" /></a>
</td>
<td>
<a class="social instagram" href="https://instagram.com/pixelsmatter" title="Instagram"><img src="https://pixelsmatter.io/email-signature/img/social/instagram.png" alt="Instagram logo" /></a>
</td>
<td>
<a class="social github last" href="https://github.com/pixelsmatter" title="GitHub"><img src="https://pixelsmatter.io/email-signature/img/social/github.png" alt="GitHub logo" /></a>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<small class="disclaimer">The information transmitted by this email is intended only for the person or entity to which it is addressed. This email may contain proprietary, business-confidential, and/or privileged material. If you are not the intended recipient of this message, be aware that any use, review, retransmission, distribution, reproduction or any action taken in reliance upon this message is strictly prohibited. If you received this in error, please contact the sender and delete the material from all devices.</small>
</td>
</tr>
</tbody>
</table>
</body>
<!-- CSS styles - the will be inlined by Gulp -->
<style type="text/css">
.body {
padding: 0;
margin: 0;
}
.signature {
font-family: sans-serif;
line-height: 1.1;
margin-top: 10px;
max-width: 410px;
width: 100%;
}
.left {
margin-right: 10px;
}
.right {
margin-left: 10px;
margin: 0 auto;
}
.logo {
height: 140px;
width: 140px;
}
.name,
.job-title,
.social,
.contact {
color: #0D0D0D;
font-family: sans-serif;
margin: 0;
}
.name {
font-size: 18px;
}
.job-title {
font-size: 15px;
margin-bottom: 10px;
}
.contact {
font-size: 14px;
text-decoration: none;
}
.social {
display: inline-block;
margin-top: 10px;
padding-right: 8px;
}
.social img {
width: 18px;
}
.social.last {
padding-right: 0;
}
.disclaimer {
color: #999999;
display: block;
font-size: 9px;
line-height: 1.3;
margin-top: 15px;
}
</style>
</html>