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

added simplified versions

This commit is contained in:
Dan Mindru 2015-03-06 12:16:46 +01:00
parent e532652b00
commit 9b89bf755e
11 changed files with 481 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

206
other-versions/index.html Normal file
View File

@ -0,0 +1,206 @@
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>fadeit email</title>
<style type="text/css">
body {margin: 0; padding: 0; min-width: 100%!important;}
img {height: auto;}
.content {width: 100%; max-width: 760px;}
.header {padding: 40px 30px 20px 30px; border-bottom: 8px solid #D7D5D5;}
.innerpadding {padding: 30px 30px 30px 30px;}
.borderbottom {border-bottom: 1px solid #f2eeed;}
.subhead {font-size: 14px; color: #888888; font-family: sans-serif;}
.h1, .h2, .bodycopy {color: #153643; font-family: sans-serif;}
.h1 {font-size: 24px; line-height: 38px; font-weight: normal; color:#888888;}
.h2 {padding: 0 0 15px 0; font-size: 24px; line-height: 28px; font-weight: bold;}
.bodycopy {font-size: 16px; line-height: 22px;}
.button {text-align: center; font-size: 16px; font-family: sans-serif; font-weight: bold; padding: 0 30px 0 30px;}
.button a {color: #888888; text-decoration: none;}
.footer {padding: 20px 30px 15px 30px; color: #888888;}
.footercopy {font-family: sans-serif; font-size: 14px; color: #888888;}
.footercopy a {color: #888888; text-decoration: underline;}
.notopbottom{padding: 0px 30px 0px 30px;}
@media only screen and (max-width: 550px), screen and (max-device-width: 550px) {
body[yahoo] .hide {display: none!important;}
body[yahoo] .buttonwrapper {background-color: transparent!important;}
body[yahoo] .button {padding: 0px!important;}
body[yahoo] .button a {background-color: #E4E4E4; padding: 15px 15px 13px!important;}
body[yahoo] .unsubscribe {display: block; margin-top: 20px; padding: 10px 50px; background: #2f3942; border-radius: 5px; text-decoration: none!important; font-weight: bold;}
}
/*@media only screen and (min-device-width: 601px) {
.content {width: 760px !important;}
.col585 {width: 585px!important;}
.col700 {width: 700px!important;}
}*/
</style>
</head>
<body yahoo bgcolor="#f5f5f5">
<table width="100%" bgcolor="#f5f5f5" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<!--[if (gte mso 9)|(IE)]>
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
<table bgcolor="#ffffff" class="content" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td bgcolor="#E4E4E4" class="header">
<!--[if (gte mso 9)|(IE)]>
<table width="585" align="left" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
<table class="col585" align="left" border="0" cellpadding="0" cellspacing="0" style="width: 100%; max-width: 585px;">
<tr>
<td height="90">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="subhead" style="padding: 0 0 0 3px; line-height:22px;">
We hope you are having a wonderful day! Without taking too much of your time,
</td>
</tr>
<tr>
<td class="h1" style="padding: 0px 0 10px 0;">
Here's a new message:
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
<tr>
<td class="innerpadding borderbottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="h2">
Hi there,
</td>
</tr>
<tr>
<td class="bodycopy">
This is a reply to your previous email. Uniquely conceptualize corporate alignments whereas resource-leveling users. Proactively unleash high-payoff technology vis-a-vis effective users. Assertively innovate performance based meta-services vis-a-vis exceptional sources. Intrinsicly provide access to covalent best practices rather than bleeding-edge manufactured products. Authoritatively leverage other's resource-leveling opportunities without sticky resources.
<br/><br/>
Competently coordinate highly efficient initiatives for robust manufactured products. Authoritatively reconceptualize interdependent expertise whereas e-business infomediaries. Dramatically procrastinate real-time experiences rather than resource-leveling convergence.
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="innerpadding borderbottom">
<!--[if (gte mso 9)|(IE)]>
<table width="700" align="left" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
<table class="col700" align="left" border="0" cellpadding="0" cellspacing="0" style="width: 100%; max-width: 700px;">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="bodycopy">
Holisticly productize mission-critical applications with transparent methods of empowerment. Assertively administrate cost effective portals whereas enabled results. Monotonectally create timely vortals vis-a-vis premier.
</td>
</tr>
<tr>
<td style="padding: 20px 0 0 0;">
<table class="buttonwrapper" bgcolor="#E4E4E4" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="button" height="45">
<a href="#">View a file we sent</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
<tr>
<td class="innerpadding borderbottom">
<img class="fix" src="http://fadeit.dk/!email/wide.png" width="100%" border="0" alt="" />
</td>
</tr>
<tr>
<td class="innerpadding bodycopy">
Dramatically incubate compelling results and magnetic e-tailers. Holisticly maximize standardized results rather than leveraged functionalities. Professionally conceptualize fully tested solutions and diverse networks.
</td>
</tr>
<tr border="0" cellspacing="0" cellpadding="0">
<td class="innerpadding bodycopy notopbottom" style="color: #888888; padding-top:15px;">
Best regards,<br/>
Adam Georgeson
</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: #888888;">
<strong>Software Developer</strong>
</td>
</tr>
<tr>
<td class="footer" bgcolor="#E4E4E4">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" class="footercopy">
<strong><a href="http://fadeit.dk" target="_blank" style="text-decoration:none;">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">
<strong>Call 81100200 or email us at <a href="mailto:info@fadeit.dk" target="_blank" style="text-decoration:none;">info@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">
<img class="fix" src="http://fadeit.dk/!email/fadeit-logo.png" width="90" height="45" border="0" alt="" />
</td>
</table>
</tr>
</table>
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
</body>
</html>

17
simplified-body.html Normal file
View File

@ -0,0 +1,17 @@
<br/>
<table width="100%" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">
<tr height="30"></tr>
<tr border="0" cellspacing="0" cellpadding="0">
<td class="footer" style="padding: 20px 30px 0px 30px; color: #888; border-top: 8px solid #EAEAEA;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" style="font-family: sans-serif; font-size: 14px; color: #888; line-height:20px;">
Med venlig hilsen / best regards,<br />
Lars Normark Holmgaard
</td>
</tr>
</table>
</td>
</tr>
</table>

38
simplified-footer-signature.html Normal file
View File

@ -0,0 +1,38 @@
<br/>
<table width="100%" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">
<tr height="30"></tr>
<tr border="0" cellspacing="0" cellpadding="0">
<td class="footer" bgcolor="#f5f5f5" style="padding: 20px 30px 0px 30px; color: #888; border-top: 8px solid #EAEAEA;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" style="font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #888; line-height:20px;">
Med venlig hilsen / best regards,<br />
The fadeit team <br />
<b>Always here to help</b>
</td>
</tr>
<tr>
<td width="100%">
<hr style="border-bottom:1px solid #E4E4E4; border-top:none; margin-bottom:20px; margin-top:20px;" /></td>
</tr>
<tr>
<table width="80%" align="left" border="0" cellpadding="0" cellspacing="0" style="margin-bottom:30px;">
<td align="left" style="font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #888;">
<strong>Call 81100200 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&nbsp;&nbsp;&#9679;&nbsp;&nbsp;DK-8381 Tilst&nbsp;&nbsp;&#9679;&nbsp;&nbsp;Aarhus<br />
</td>
</table>
<table width="20%" align="right" border="0" cellpadding="0" cellspacing="0">
<td align="right" style="font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #888;">
<a href="http://fadeit.dk">
<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;"/>
</a>
</td>
</table>
</tr>
</table>
</td>
</tr>
</table>

17
v2/dan-simplified-body.html Normal file
View File

@ -0,0 +1,17 @@
<br/>
<table width="100%" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">
<tr height="30"></tr>
<tr border="0" cellspacing="0" cellpadding="0">
<td class="footer" style="padding: 20px 30px 0px 30px; color: #888; border-top: 8px solid #EAEAEA;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" style="font-family: sans-serif; font-size: 14px; color: #888; line-height:20px;">
Med venlig hilsen / best regards,<br />
Dan Mindru
</td>
</tr>
</table>
</td>
</tr>
</table>

38
v2/dan-simplified-footer-signature.html Normal file
View File

@ -0,0 +1,38 @@
<br/>
<table width="100%" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">
<tr height="30"></tr>
<tr border="0" cellspacing="0" cellpadding="0">
<td class="footer" bgcolor="#f5f5f5" style="padding: 20px 30px 0px 30px; color: #888; border-top: 8px solid #EAEAEA;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" style="font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #888; line-height:20px;">
Med venlig hilsen / best regards,<br />
Dan Mindru <br />
<b>Experience Designer</b>
</td>
</tr>
<tr>
<td width="100%">
<hr style="border-bottom:1px solid #E4E4E4; border-top:none; margin-bottom:20px; margin-top:20px;" /></td>
</tr>
<tr>
<table width="80%" align="left" border="0" cellpadding="0" cellspacing="0" style="margin-bottom:30px;">
<td align="left" style="font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #888;">
<strong>Call 81100200 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&nbsp;&nbsp;&#9679;&nbsp;&nbsp;DK-8381 Tilst&nbsp;&nbsp;&#9679;&nbsp;&nbsp;Aarhus<br />
</td>
</table>
<table width="20%" align="right" border="0" cellpadding="0" cellspacing="0">
<td align="right" style="font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #888;">
<a href="http://fadeit.dk">
<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;"/>
</a>
</td>
</table>
</tr>
</table>
</td>
</tr>
</table>

17
v2/justas-simplified-body.html Normal file
View File

@ -0,0 +1,17 @@
<br/>
<table width="100%" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">
<tr height="30"></tr>
<tr border="0" cellspacing="0" cellpadding="0">
<td class="footer" style="padding: 20px 30px 0px 30px; color: #888; border-top: 8px solid #EAEAEA;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" style="font-family: sans-serif; font-size: 14px; color: #888; line-height:20px;">
Med venlig hilsen / best regards,<br />
Justas Azna
</td>
</tr>
</table>
</td>
</tr>
</table>

38
v2/justas-simplified-footer-signature.html Normal file
View File

@ -0,0 +1,38 @@
<br/>
<table width="100%" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">
<tr height="30"></tr>
<tr border="0" cellspacing="0" cellpadding="0">
<td class="footer" bgcolor="#f5f5f5" style="padding: 20px 30px 0px 30px; color: #888; border-top: 8px solid #EAEAEA;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" style="font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #888; line-height:20px;">
Med venlig hilsen / best regards,<br />
Justas Azna<br />
<b>Software Engineer</b>
</td>
</tr>
<tr>
<td width="100%">
<hr style="border-bottom:1px solid #E4E4E4; border-top:none; margin-bottom:20px; margin-top:20px;" /></td>
</tr>
<tr>
<table width="80%" align="left" border="0" cellpadding="0" cellspacing="0" style="margin-bottom:30px;">
<td align="left" style="font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #888;">
<strong>Call 81100200 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&nbsp;&nbsp;&#9679;&nbsp;&nbsp;DK-8381 Tilst&nbsp;&nbsp;&#9679;&nbsp;&nbsp;Aarhus<br />
</td>
</table>
<table width="20%" align="right" border="0" cellpadding="0" cellspacing="0">
<td align="right" style="font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #888;">
<a href="http://fadeit.dk">
<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;"/>
</a>
</td>
</table>
</tr>
</table>
</td>
</tr>
</table>

17
v2/lars-simplified-body.html Normal file
View File

@ -0,0 +1,17 @@
<br/>
<table width="100%" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">
<tr height="30"></tr>
<tr border="0" cellspacing="0" cellpadding="0">
<td class="footer" style="padding: 20px 30px 0px 30px; color: #888; border-top: 8px solid #EAEAEA;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" style="font-family: sans-serif; font-size: 14px; color: #888; line-height:20px;">
Med venlig hilsen / best regards,<br />
Lars Normark Holmgaard
</td>
</tr>
</table>
</td>
</tr>
</table>

38
v2/lars-simplified-footer-signature.html Normal file
View File

@ -0,0 +1,38 @@
<br/>
<table width="100%" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">
<tr height="30"></tr>
<tr border="0" cellspacing="0" cellpadding="0">
<td class="footer" bgcolor="#f5f5f5" style="padding: 20px 30px 0px 30px; color: #888; border-top: 8px solid #EAEAEA;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" style="font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #888; line-height:20px;">
Med venlig hilsen / best regards,<br />
Lars Normark Holmgaard<br/>
<b>CEO</b>
</td>
</tr>
<tr>
<td width="100%">
<hr style="border-bottom:1px solid #E4E4E4; border-top:none; margin-bottom:20px; margin-top:20px;" /></td>
</tr>
<tr>
<table width="80%" align="left" border="0" cellpadding="0" cellspacing="0" style="margin-bottom:30px;">
<td align="left" style="font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #888;">
<strong>Call 81100200 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&nbsp;&nbsp;&#9679;&nbsp;&nbsp;DK-8381 Tilst&nbsp;&nbsp;&#9679;&nbsp;&nbsp;Aarhus<br />
</td>
</table>
<table width="20%" align="right" border="0" cellpadding="0" cellspacing="0">
<td align="right" style="font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #888;">
<a href="http://fadeit.dk">
<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;"/>
</a>
</td>
</table>
</tr>
</table>
</td>
</tr>
</table>

17
v2/sander-simplified-body.html Normal file
View File

@ -0,0 +1,17 @@
<br/>
<table width="100%" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">
<tr height="30"></tr>
<tr border="0" cellspacing="0" cellpadding="0">
<td class="footer" style="padding: 20px 30px 0px 30px; color: #888; border-top: 8px solid #EAEAEA;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" style="font-family: sans-serif; font-size: 14px; color: #888; line-height:20px;">
Med venlig hilsen / best regards,<br />
Sander Sink
</td>
</tr>
</table>
</td>
</tr>
</table>

38
v2/sander-simplified-footer-signature.html Normal file
View File

@ -0,0 +1,38 @@
<br/>
<table width="100%" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">
<tr height="30"></tr>
<tr border="0" cellspacing="0" cellpadding="0">
<td class="footer" bgcolor="#f5f5f5" style="padding: 20px 30px 0px 30px; color: #888; border-top: 8px solid #EAEAEA;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" style="font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #888; line-height:20px;">
Med venlig hilsen / best regards,<br />
Sander Sink<br/>
<b>Software Developer</b>
</td>
</tr>
<tr>
<td width="100%">
<hr style="border-bottom:1px solid #E4E4E4; border-top:none; margin-bottom:20px; margin-top:20px;" /></td>
</tr>
<tr>
<table width="80%" align="left" border="0" cellpadding="0" cellspacing="0" style="margin-bottom:30px;">
<td align="left" style="font-family: Helvetica Neue, Helvetica, Arial, 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&nbsp;&nbsp;&#9679;&nbsp;&nbsp;DK-8381 Tilst&nbsp;&nbsp;&#9679;&nbsp;&nbsp;Aarhus<br />
</td>
</table>
<table width="20%" align="right" border="0" cellpadding="0" cellspacing="0">
<td align="right" style="font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #888;">
<a href="http://fadeit.dk">
<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;"/>
</a>
</td>
</table>
</tr>
</table>
</td>
</tr>
</table>