Raptor Email Signature

Cut and paste into signature window inside gmail settings page.

by Pete Fecteau

HTML

<div class="emailsignature">
<table>
  <tbody>
    <tr>
      <td>
      <a href="http://raptor.dog" target="_blank"><img class="profilepic" src="https://raptor.dog/assets/images/email_pic_pet.png" /></a>
      </td>
      <td>
        <span class="staffname">Pete Fecteau</span><br />
        <span class="stafftitle">Owner &amp; Inventor</span><br />
        <span class="officenumber">Phone: 810.588.9284</span><br />
        <span class="socialmedia">
            <a class="sociallink" href="" title="Raptor Canine Outfitters on Facebook" alt="Raptor Canine Outfitters on Facebook"><img src="https://raptor.dog/assets/images/email_fb_circle.png" /> Facebook</a>
            <a class="sociallink" href="" title="Raptor Canine Outfitters on Instagram" alt="Raptor Canine Outfitters on Instagram"><img src="https://raptor.dog/assets/images/email_insta_circle.png" /> Instagram</a>
        </span>
      </td>
    </tr>
    <tr>
      <td colspan="2">
        <span class="companybanner">
          <a class="bannerlink" href="http://raptor.dog" title="Raptor Canine Outfitters LLC" alt="Raptor Canine Outfitters LLC"><img src="https://raptor.dog/assets/images/email_banner.png" /></a>
        </span>
      </td>
    </tr>
  </tbody>
</table>
</div>

CSS

.emailsignature {font-family:Arial, san-serif;line-height:161%;font-size:16px;color:#000;text-decoration:none;}
.profilepic {margin-right:20px;margin-bottom:-5px;width:123px;height:123px;background-color:transparent;float: left;}
.staffname {color:#000;font-size:28px;font-weight:bold;display:inline-block;margin-top:10px}
.stafftitle {}
.companybanner {height 115px;width:360px}
.bannerlink img {padding-top:10px}
.officenumber {text-decoration:none;margin-top:14px;display:inline-block;}
.cellnumber {text-decoration:none;line-height:161%;}
.faxnumber {text-decoration:none;}
.socialmedia {margin-top:16px;display:inline-block;}
.sociallink:link,
.sociallink:visited {margin:-7px 10px 0 0;color:#000;text-decoration:none;}
.sociallink:hover,
.sociallink:active {text-decoration:underline;}
.socialmedia img {height:18px;width:18px;margin:-5px 2px 0 0;}