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

tweaked header & changed image href's to fadeit.dk

This commit is contained in:
Dan Mindru 2015-01-12 17:18:44 +01:00
parent 4ab2085673
commit 406bbdf0fb
1 changed files with 23 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
index.html
View File

@ -3,12 +3,12 @@
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>A Simple Responsive HTML Email</title>
<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;}
.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;}
@ -21,6 +21,7 @@
.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;}
@ -62,12 +63,12 @@
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="subhead" style="padding: 0 0 0 3px;">
We hope your day is going great
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;">
You got a new email
Here's a new message:
</td>
</tr>
</table>
@ -139,7 +140,7 @@
</tr>
<tr>
<td class="innerpadding borderbottom">
<img class="fix" src="images/wide.png" width="100%" border="0" alt="" />
<img class="fix" src="http://fadeit.dk/!email/wide.png" width="100%" border="0" alt="" />
</td>
</tr>
<tr>
@ -147,6 +148,22 @@
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">
@ -169,7 +186,7 @@
</table>
<table width="50%" align="right" border="0" cellpadding="0" cellspacing="0">
<td align="right" class="footercopy">
<img class="fix" src="images/icon.gif" width="90" height="90" border="0" alt="" />
<img class="fix" src="http://fadeit.dk/!email/icon.gif" width="90" height="90" border="0" alt="" />
</td>
</table>
</tr>