mshillam
/
responsive-html-email-signature
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

re-organized and created a few individual variations

This commit is contained in:
Dan Mindru 2015-01-13 19:55:47 +01:00
parent 66a33fd7c4
commit 391811cad9
18 changed files with 269 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
default-footer-signature.html Normal file
View File

@ -0,0 +1,53 @@
<table width="100%" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">
<tr border="0" cellspacing="0" cellpadding="0">
<td style="color: #000; padding: 10px 30px 0 30px; font-family: sans-serif; font-size: 16px; line-height: 22px">
Hi there,<br/>
Thanks for writing up this email.
</td>
</tr>
<tr border="0" cellspacing="0" cellpadding="0">
<td width="100%">
<hr style="border-bottom:1px solid #f2eeed; border-top:none; margin-bottom:15px; margin-top:15px;" />
</td>
</tr>
<tr border="0" cellspacing="0" cellpadding="0" height="70" style="vertical-align: top;">
<td style="color: #888; padding: 0 30px 0 30px; font-family: sans-serif; font-size: 16px; line-height: 22px;">
Best regards,<br/>
The fadeit team<br/>
<b></b>
</td>
</tr>
<tr height="10"></tr>
<tr border="0" cellspacing="0" cellpadding="0">
<td class="footer" bgcolor="#f5f5f5" style="padding: 20px 30px 15px 30px; color: #888; border-top: 8px solid #EAEAEA;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" class="footercopy" style="font-family: sans-serif; font-size: 14px; color: #888;">
<strong><a href="http://fadeit.dk" target="_blank" style="text-decoration: none; color: #888;">fadeit.dk</a></strong>
</td>
</tr>
<tr>
<td width="100%">
<hr style="border-bottom:1px solid #E4E4E4; border-top:none; margin-bottom:20px;" /></td>
</tr>
<tr>
<table width="80%" align="left" border="0" cellpadding="0" cellspacing="0" style="margin-bottom:30px;">
<td align="left" class="footercopy" style="font-family: sans-serif; font-size: 14px; color: #888;">
<strong>Call 81101101 or email us at <a href="mailto:info@fadeit.dk" target="_blank" style="text-decoration: none;color: #888">info@fadeit.dk</a></strong><br />
Anelystparken 31D, 8381 Tilst, Aarhus, Denmark<br />
</td>
</table>
<table width="20%" align="right" border="0" cellpadding="0" cellspacing="0">
<td align="right" class="footercopy" style="font-family: sans-serif; font-size: 14px; color: #888;">
<img class="fix" src="http://fadeit.dk/!email/fadeit-logo.png" border="0" alt="fadeit logo" style="padding-left:10px; max-width: 100%; max-height:38px; height: auto;"/>
</td>
</table>
</tr>
</table>
</td>
</tr>
</table>

BIN
images/article1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.9 KiB

BIN
images/facebook.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

BIN
images/fadeit-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB

BIN
images/icon.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.6 KiB

0
images/psd/icon.psd → images/psd/fadeit-logo.psd
View File

0
images/psd/wide.psd → images/psd/wide-example.psd
View File

BIN
images/twitter.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.9 KiB

BIN
images/wide.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 73 KiB

2
footer-responsive.html → other-versions/footer-responsive.html
View File

@ -95,7 +95,7 @@
</table>
<table width="50%" align="right" border="0" cellpadding="0" cellspacing="0">
<td align="right" class="footercopy">
<img class="fix" src="http://fadeit.dk/!email/icon.gif" width="90" height="45" border="0" alt="" />
<img class="fix" src="http://fadeit.dk/!email/fadeit-logo.png" width="90" height="45" border="0" alt="fadeit logo" />
</td>
</table>
</tr>

2
index.html → other-versions/full-responsive-email.html
View File

@ -185,7 +185,7 @@
</table>
<table width="50%" align="right" border="0" cellpadding="0" cellspacing="0">
<td align="right" class="footercopy">
<img class="fix" src="http://fadeit.dk/!email/icon.gif" width="90" height="45" border="0" alt="" />
<img class="fix" src="http://fadeit.dk/!email/fadeit-logo.png" width="90" height="45" border="0" alt="fadeit logo" />
</td>
</table>
</tr>

2
just-footer.html → other-versions/just-footer.html
View File

@ -87,7 +87,7 @@
</table>
<table width="50%" align="right" border="0" cellpadding="0" cellspacing="0">
<td align="right" class="footercopy">
<img class="fix" src="http://fadeit.dk/!email/icon.gif" width="90" height="45" border="0" alt="" />
<img class="fix" src="http://fadeit.dk/!email/fadeit-logo.png" width="90" height="45" border="0" alt="fadeit logo" />
</td>
</table>
</tr>

2
simple-index.html → other-versions/simple-index.html
View File

@ -105,7 +105,7 @@
</table>
<table width="50%" align="right" border="0" cellpadding="0" cellspacing="0">
<td align="right" class="footercopy">
<img class="fix" src="http://fadeit.dk/!email/icon.gif" width="90" height="45" border="0" alt="" />
<img class="fix" src="http://fadeit.dk/!email/fadeit-logo.png" width="90" height="45" border="0" alt="fadeit logo" />
</td>
</table>
</tr>

24
sander_sink.html
View File

@ -1,24 +0,0 @@
<table width="100%" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">
<tr border="0" cellspacing="0" cellpadding="0">
<td class="innerpadding bodycopy notopbottom" style="color: #000;padding-top: 15px;margin-top: 15px;padding: 0 30px 0 30px;font-family: sans-serif;font-size: 16px;line-height: 22px">Hi
</td></tr>
<tr border="0" cellspacing="0" cellpadding="0"><td width="100%">
<hr style="border-bottom:1px solid #f2eeed; border-top:none; margin-bottom:20px; margin-top:20px;" /></td></tr>
<tr border="0" cellspacing="0" cellpadding="0" height="70" style="vertical-align: top;"><td class="innerpadding bodycopy notopbottom" style="color: #888;padding: 0 30px 0 30px;font-family: sans-serif;font-size: 16px;line-height: 22px">
Best regards,<br/>
Sander Sink<br/>
<b>Software Engineer</b>
</td></tr>
<tr><td class="footer" bgcolor="#E4E4E4" style="padding: 20px 30px 15px 30px;color: #888">
<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td align="left" class="footercopy" style="font-family: sans-serif;font-size: 14px;color: #888">
<strong><a href="http://fadeit.dk" target="_blank" style="text-decoration: none;color: #888">fadeit.dk</a></strong>
</td>
</tr><tr><td width="100%">
<hr style="border-bottom:1px solid #C3C3C3; border-top:none; margin-bottom:20px;" /></td>
</tr><tr><table width="50%" align="left" border="0" cellpadding="0" cellspacing="0" style="margin-bottom:30px;"><td align="left" class="footercopy" style="font-family: sans-serif;font-size: 14px;color: #888">
<strong>Call 81101101 or email us at <a href="mailto:ss@fadeit.dk" target="_blank" style="text-decoration: none;color: #888">ss@fadeit.dk</a></strong><br />
Anelystparken 31D, 8381 Tilst, Aarhus, Denmark<br /></td>
</table><table width="50%" align="right" border="0" cellpadding="0" cellspacing="0"><td align="right" class="footercopy" style="font-family: sans-serif;font-size: 14px;color: #888">
<img class="fix" src="http://fadeit.dk/!email/icon.gif" width="90" height="45" border="0" alt="" style="height: auto" /></td>
</table></tr></table></td></tr>
</table>

53
v1/dan-footer-signature.html Normal file
View File

@ -0,0 +1,53 @@
<table width="100%" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">
<tr border="0" cellspacing="0" cellpadding="0">
<td style="color: #000; padding: 10px 30px 0 30px; font-family: sans-serif; font-size: 16px; line-height: 22px">
Hi there,<br/>
Thanks for writing up this email.
</td>
</tr>
<tr border="0" cellspacing="0" cellpadding="0">
<td width="100%">
<hr style="border-bottom:1px solid #f2eeed; border-top:none; margin-bottom:15px; margin-top:15px;" />
</td>
</tr>
<tr border="0" cellspacing="0" cellpadding="0" height="70" style="vertical-align: top;">
<td style="color: #888; padding: 0 30px 0 30px; font-family: sans-serif; font-size: 16px; line-height: 22px;">
Best regards,<br/>
Dan Mindru<br/>
<b>Experience Designer</b>
</td>
</tr>
<tr height="10"></tr>
<tr border="0" cellspacing="0" cellpadding="0">
<td class="footer" bgcolor="#f5f5f5" style="padding: 20px 30px 15px 30px; color: #888; border-top: 8px solid #EAEAEA;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" class="footercopy" style="font-family: sans-serif; font-size: 14px; color: #888;">
<strong><a href="http://fadeit.dk" target="_blank" style="text-decoration: none; color: #888;">fadeit.dk</a></strong>
</td>
</tr>
<tr>
<td width="100%">
<hr style="border-bottom:1px solid #E4E4E4; border-top:none; margin-bottom:20px;" /></td>
</tr>
<tr>
<table width="80%" align="left" border="0" cellpadding="0" cellspacing="0" style="margin-bottom:30px;">
<td align="left" class="footercopy" style="font-family: sans-serif; font-size: 14px; color: #888;">
<strong>Call 81101101 or email me at <a href="mailto:dm@fadeit.dk" target="_blank" style="text-decoration: none;color: #888">dm@fadeit.dk</a></strong><br />
Anelystparken 31D, 8381 Tilst, Aarhus, Denmark<br />
</td>
</table>
<table width="20%" align="right" border="0" cellpadding="0" cellspacing="0">
<td align="right" class="footercopy" style="font-family: sans-serif; font-size: 14px; color: #888;">
<img class="fix" src="http://fadeit.dk/!email/fadeit-logo.png" border="0" alt="fadeit logo" style="padding-left:10px; max-width: 100%; max-height:38px; height: auto;"/>
</td>
</table>
</tr>
</table>
</td>
</tr>
</table>

53
v1/justas-footer-signature.html Normal file
View File

@ -0,0 +1,53 @@
<table width="100%" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">
<tr border="0" cellspacing="0" cellpadding="0">
<td style="color: #000; padding: 10px 30px 0 30px; font-family: sans-serif; font-size: 16px; line-height: 22px">
Hi there,<br/>
Thanks for writing up this email.
</td>
</tr>
<tr border="0" cellspacing="0" cellpadding="0">
<td width="100%">
<hr style="border-bottom:1px solid #f2eeed; border-top:none; margin-bottom:15px; margin-top:15px;" />
</td>
</tr>
<tr border="0" cellspacing="0" cellpadding="0" height="70" style="vertical-align: top;">
<td style="color: #888; padding: 0 30px 0 30px; font-family: sans-serif; font-size: 16px; line-height: 22px;">
Best regards,<br/>
Justas Azna<br/>
<b>Software Developer</b>
</td>
</tr>
<tr height="10"></tr>
<tr border="0" cellspacing="0" cellpadding="0">
<td class="footer" bgcolor="#f5f5f5" style="padding: 20px 30px 15px 30px; color: #888; border-top: 8px solid #EAEAEA;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" class="footercopy" style="font-family: sans-serif; font-size: 14px; color: #888;">
<strong><a href="http://fadeit.dk" target="_blank" style="text-decoration: none; color: #888;">fadeit.dk</a></strong>
</td>
</tr>
<tr>
<td width="100%">
<hr style="border-bottom:1px solid #E4E4E4; border-top:none; margin-bottom:20px;" /></td>
</tr>
<tr>
<table width="80%" align="left" border="0" cellpadding="0" cellspacing="0" style="margin-bottom:30px;">
<td align="left" class="footercopy" style="font-family: sans-serif; font-size: 14px; color: #888;">
<strong>Call 81101101 or email me at <a href="mailto:ja@fadeit.dk" target="_blank" style="text-decoration: none;color: #888">ja@fadeit.dk</a></strong><br />
Anelystparken 31D, 8381 Tilst, Aarhus, Denmark<br />
</td>
</table>
<table width="20%" align="right" border="0" cellpadding="0" cellspacing="0">
<td align="right" class="footercopy" style="font-family: sans-serif; font-size: 14px; color: #888;">
<img class="fix" src="http://fadeit.dk/!email/fadeit-logo.png" border="0" alt="fadeit logo" style="padding-left:10px; max-width: 100%; max-height:38px; height: auto;"/>
</td>
</table>
</tr>
</table>
</td>
</tr>
</table>

53
v1/lars-footer-signature.html Normal file
View File

@ -0,0 +1,53 @@
<table width="100%" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">
<tr border="0" cellspacing="0" cellpadding="0">
<td style="color: #000; padding: 10px 30px 0 30px; font-family: sans-serif; font-size: 16px; line-height: 22px">
Hi there,<br/>
Thanks for writing up this email.
</td>
</tr>
<tr border="0" cellspacing="0" cellpadding="0">
<td width="100%">
<hr style="border-bottom:1px solid #f2eeed; border-top:none; margin-bottom:15px; margin-top:15px;" />
</td>
</tr>
<tr border="0" cellspacing="0" cellpadding="0" height="70" style="vertical-align: top;">
<td style="color: #888; padding: 0 30px 0 30px; font-family: sans-serif; font-size: 16px; line-height: 22px;">
Best regards,<br/>
Lars Normark Holmgaard<br/>
<b>CEO</b>
</td>
</tr>
<tr height="10"></tr>
<tr border="0" cellspacing="0" cellpadding="0">
<td class="footer" bgcolor="#f5f5f5" style="padding: 20px 30px 15px 30px; color: #888; border-top: 8px solid #EAEAEA;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" class="footercopy" style="font-family: sans-serif; font-size: 14px; color: #888;">
<strong><a href="http://fadeit.dk" target="_blank" style="text-decoration: none; color: #888;">fadeit.dk</a></strong>
</td>
</tr>
<tr>
<td width="100%">
<hr style="border-bottom:1px solid #E4E4E4; border-top:none; margin-bottom:20px;" /></td>
</tr>
<tr>
<table width="80%" align="left" border="0" cellpadding="0" cellspacing="0" style="margin-bottom:30px;">
<td align="left" class="footercopy" style="font-family: sans-serif; font-size: 14px; color: #888;">
<strong>Call 81101101 or email me at <a href="mailto:lnh@fadeit.dk" target="_blank" style="text-decoration: none;color: #888">lnh@fadeit.dk</a></strong><br />
Anelystparken 31D, 8381 Tilst, Aarhus, Denmark<br />
</td>
</table>
<table width="20%" align="right" border="0" cellpadding="0" cellspacing="0">
<td align="right" class="footercopy" style="font-family: sans-serif; font-size: 14px; color: #888;">
<img class="fix" src="http://fadeit.dk/!email/fadeit-logo.png" border="0" alt="fadeit logo" style="padding-left:10px; max-width: 100%; max-height:38px; height: auto;"/>
</td>
</table>
</tr>
</table>
</td>
</tr>
</table>

53
v1/sander-footer-signature.html Normal file
View File

@ -0,0 +1,53 @@
<table width="100%" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">
<tr border="0" cellspacing="0" cellpadding="0">
<td style="color: #000; padding: 10px 30px 0 30px; font-family: sans-serif; font-size: 16px; line-height: 22px">
Hi there,<br/>
Thanks for writing up this email.
</td>
</tr>
<tr border="0" cellspacing="0" cellpadding="0">
<td width="100%">
<hr style="border-bottom:1px solid #f2eeed; border-top:none; margin-bottom:15px; margin-top:15px;" />
</td>
</tr>
<tr border="0" cellspacing="0" cellpadding="0" height="70" style="vertical-align: top;">
<td style="color: #888; padding: 0 30px 0 30px; font-family: sans-serif; font-size: 16px; line-height: 22px;">
Best regards,<br/>
Sander Sink<br/>
<b>Software Developer</b>
</td>
</tr>
<tr height="10"></tr>
<tr border="0" cellspacing="0" cellpadding="0">
<td class="footer" bgcolor="#f5f5f5" style="padding: 20px 30px 15px 30px; color: #888; border-top: 8px solid #EAEAEA;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" class="footercopy" style="font-family: sans-serif; font-size: 14px; color: #888;">
<strong><a href="http://fadeit.dk" target="_blank" style="text-decoration: none; color: #888;">fadeit.dk</a></strong>
</td>
</tr>
<tr>
<td width="100%">
<hr style="border-bottom:1px solid #E4E4E4; border-top:none; margin-bottom:20px;" /></td>
</tr>
<tr>
<table width="80%" align="left" border="0" cellpadding="0" cellspacing="0" style="margin-bottom:30px;">
<td align="left" class="footercopy" style="font-family: sans-serif; font-size: 14px; color: #888;">
<strong>Call 81101101 or email me at <a href="mailto:ss@fadeit.dk" target="_blank" style="text-decoration: none;color: #888">ss@fadeit.dk</a></strong><br />
Anelystparken 31D, 8381 Tilst, Aarhus, Denmark<br />
</td>
</table>
<table width="20%" align="right" border="0" cellpadding="0" cellspacing="0">
<td align="right" class="footercopy" style="font-family: sans-serif; font-size: 14px; color: #888;">
<img class="fix" src="http://fadeit.dk/!email/fadeit-logo.png" border="0" alt="fadeit logo" style="padding-left:10px; max-width: 100%; max-height:38px; height: auto;"/>
</td>
</table>
</tr>
</table>
</td>
</tr>
</table>