Buttonpresser Email Signatures

Cut and paste into signature window inside gmail settings page.

by Pete Fecteau

HTML

<div class="emailsignature">
    <img class="companylogo" src="http://buttonpresser.com/projects/email_sig/email_sig_icon.png" height="30" width="30" style="margin-right:10px;margin-bottom:-12px;" />
    <span class="staffname" style="color:#4628d2;font-size:20px;">Pete Fecteau</span><br />
    <a class="companyname" href="http://buttonpresser.com/" title="Buttonpresser Studios LLC Website" alt="Buttonpresser Studios LLC Website"> Buttonpresser Studios LLC</a><br />
    <span class="phonenumber" style="color:#92149a;">P &nbsp; 607.297.0660</span><br />
    <span class="faxnumber" style="color:#b60b7e;">F &nbsp; 313.438.4468</span><br />
    <span class="socialmedia">
        <a class="facebooklink" href="https://www.facebook.com/Pete-Fecteau-665356803477405/" title="Buttonpresser on Facebook" alt="Buttonpresser Studios on Facebook"><img src="http://buttonpresser.com/projects/email_sig/email_sig_facebook.png" /></a>
        <a class="twitterlink" href="https://twitter.com/BTNPRSR_STUDIOS" title="Buttonpresser Studios on Twitter" alt="Buttonpresser Studios on Twitter"><img src="http://buttonpresser.com/projects/email_sig/email_sig_twitter.png" /></a>
        <a class="instalink" href="https://www.instagram.com/buttonpresser_studios/" title="Buttonpresser Studios on Instagram" alt="Buttonpresser Studios on Instagram"><img src="http://buttonpresser.com/projects/email_sig/email_sig_insta.png" /></a>
        <a class="vimeolink" href="https://vimeo.com/buttonpresser" title="Buttonpresser Studios on Vimeo" alt="Buttonpresser Studios on Vimeo"><img src="http://buttonpresser.com/projects/email_sig/email_sig_vimeo.png" /></a>
        <div style="clear:both;"></div>
    </span>
</div>

<br /><br /><br /><br />

<div class="emailsignature">
    <img class="companylogo" src="http://buttonpresser.com/projects/email_sig/email_sig_icon.png" height="30" width="30" />
    <span class="staffname">Caitlin Fecteau</span><br />
    <a class="companyname"...

CSS

.emailsignature {
  font-family: Arial, san-serif;
  line-height: 150%;
  font-size: 14px;
}
.companylogo {
  margin-right: 10px;
  margin-bottom:-12px;
  background-color: transparent !important;
}
.staffname {
  color:#4628d2;
  font-size:20px;
}
.companyname:link,
.companyname:visited {
  color:#6b1fb8;
  text-decoration:none;
}
.companyname:hover,
.companyname:active {
  color:#6b1fb8;
  text-decoration:underline;
}
.phonenumber {
  color:#92149a !important;
  text-decoration:none !important;
}
.faxnumber {
  color:#b60b7e !important;
  text-decoration:none !important;
}
.socialmedia a:link,
.socialmedia a:visited {
  float:left;
  margin: 5px 10px 0 0;
  color:#cf056c !important;
  text-decoration:none;
}
.socialmedia a:hover,
.socialmedia a:active {
  color:#cf056c !important;
  text-decoration:underline;
}