Simple but Professional looking html Email Signature with popular social media button links included used for your business or personal Email.
A Pen by Carlo Moscatiello on CodePen.
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate!important; table-layout: fixed; text-size-adjust: none !important; -ms-text-size-adjust: none !important; -webkit-text-size-adjust: none !important; | |
" width="450"> | |
<tbody> | |
<tr> | |
<td align="left" valign="top" width="90"> | |
<p style="margin-bottom: 10px; margin-right: 10px; font-family: Helvetica, Arial, sans-serif; font-size: 10px; line-height: 12px;"> | |
<a style="text-decoration:none" href="https://htmlsig.com/t/000001C6PR29"> | |
<img src="https://u200015521.dl.dropboxusercontent.com/u/200015521/Forgiveness%20Assist%20Logos/Forgiveness%20Assist%20Logo%20copy.png" alt="Forgiveness Assist" border="0" height="80" width="80"> | |
</a> | |
</p> | |
<p style="font-size: 0px; line-height: 0; font-family: Helvetica, Arial, sans-serif;"> | |
<a style="text-decoration: none; display: inline;" href="https://htmlsig.com/t/000001C6HFV7"> | |
<img width="16" style="margin-bottom:2px; border:none; display:inline;" height="16" data-filename="twitter.png" src="https://s3.amazonaws.com/htmlsig-assets/round/twitter.png" alt="Twitter"> | |
</a> | |
<span style="white-space: nowrap; display: inline;"> | |
<img src="https://s3.amazonaws.com/htmlsig-assets/spacer.gif" width="2"> | |
</span> | |
<a style="text-decoration: none; display: inline;" href="https://htmlsig.com/t/000001C4DFE2"> | |
<img width="16" style="margin-bottom:2px; border:none; display:inline;" height="16" data-filename="facebook.png" src="https://s3.amazonaws.com/htmlsig-assets/round/facebook.png" alt="Facebook"> | |
</a> | |
<span style="white-space: nowrap; display: inline;"> | |
<img src="https://s3.amazonaws.com/htmlsig-assets/spacer.gif" width="2"> | |
</span> | |
<a style="text-decoration: none; display: inline;" href="https://htmlsig.com/t/000001C4N7MZ"> | |
<img width="16" style="margin-bottom:2px; border:none; display:inline;" height="16" data-filename="googleplus.png" src="https://s3.amazonaws.com/htmlsig-assets/round/googleplus.png" alt="Google +"> | |
</a> | |
<span style="white-space: nowrap; display: inline;"> | |
<img src="https://s3.amazonaws.com/htmlsig-assets/spacer.gif" width="2"> | |
</span> | |
<a style="text-decoration: none; display: inline;" href="https://htmlsig.com/t/000001C9E394"> | |
<img width="16" style="margin-bottom:2px; border:none; display:inline;" height="16" data-filename="instagram.png" src="https://s3.amazonaws.com/htmlsig-assets/round/instagram.png" alt="Instagram"> | |
</a> | |
<span style="white-space: nowrap; display: inline;"> | |
<img src="https://s3.amazonaws.com/htmlsig-assets/spacer.gif" width="2"> | |
</span> | |
<a style="display: inline; text-decoration: none;" href="https://htmlsig.com/t/000001C1BDQQ"> | |
<img width="16" style="margin-bottom:2px; border:none; display:inline;" height="16" data-filename="yelp.png" src="https://s3.amazonaws.com/htmlsig-assets/round/yelp.png" alt="Yelp"> | |
</a> | |
<span style="white-space: nowrap; display: inline;"> | |
<img src="https://s3.amazonaws.com/htmlsig-assets/spacer.gif" width="2"> | |
</span> | |
</p> | |
</td> | |
<td align="left" valign="top" nowrap="nowrap" width="16" style="border-left-width: 6px; border-left-style: solid; border-left-color: rgb(41, 148, 239);"> | |
<img src="https://s3.amazonaws.com/htmlsig-assets/spacer.gif" width="10"> | |
</td> | |
<td align="left" valign="top" nowrap="nowrap" width="354"> | |
<div style=""> | |
<p style="font-family: Helvetica, Arial, sans-serif; font-size: 10px; line-height: 12px; color: rgb(33, 33, 33); margin-bottom: 10px;"> | |
<span style="font-weight: bold; color: rgb(1, 8, 17); display: inline;">Carlo Moscatiello</span> | |
<span style="display: inline;">|</span> <span style="color: rgb(1, 8, 17); display: inline;">CFO</span> | |
<span style="display: inline;"><br></span> | |
<a href="mailto:cmoscatiello@forgivenessassist.com" style="color: rgb(41, 148, 239); text-decoration: none; display: inline;">cmoscatiello@forgivenessassist.com</a><span style="display: inline;"> | </span><span style="color: rgb(1, 8, 17); display: inline;">(949) 633-6354</span> | |
</p> | |
<p style="font-family: Helvetica, Arial, sans-serif; font-size: 10px; line-height: 12px; margin-bottom: 10px;"> | |
<span style="font-weight: bold; color: rgb(1, 8, 17); display: inline;">Forgiveness Assist</span> | |
<span style="display: inline;"><br></span> | |
<span style="color: rgb(1, 8, 17); display: inline;">Office: </span> <span style="color: rgb(1, 8, 17); display: inline;">(800) 757-5001</span> | |
<span style="color: rgb(1, 8, 17); display: inline;">| Fax: </span> <span style="color: rgb(1, 8, 17); display: inline;">(800) 575-7223</span> | |
<span style="display: inline;"><br></span> <span style="color: rgb(1, 8, 17); display: inline;">22365 El Toro Road #257</span> | |
<span style="display: block;"></span> <span style="color: rgb(1, 8, 17); display: inline;">Lake Forest, CA 92630</span> | |
<span style="display: inline;"><br></span> | |
<a href="http://www.forgivenessassist.com" style="color: rgb(41, 148, 239); text-decoration: none; display: inline;">www.forgivenessassist.com</a> | |
</p> | |
</div> | |
</td> | |
</tr> | |
<tr> | |
<td colspan="3"> | |
</td> | |
</tr> | |
<tr> | |
<td colspan="3"> | |
</td> | |
</tr> | |
<tr> | |
<td colspan="3"><p style="font-family: Helvetica, Arial, sans-serif; color: rgb(1, 8, 17); font-size: 9px; line-height: 12px; margin-top: 10px;"></p></td> | |
</tr> | |
</tbody> | |
</table> | |
body { | |
font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; | |
background: white | |
url(https://u200015521.dl.dropboxusercontent.com/u/200015521/Forgiveness%20Assist%20Logos/Forgiveness%20Assist%20Logo%20copy.png) repeat; | |
background-size: cover; | |
color: white; | |
} | |