RDM email Signatures

index.html

<div id="signature">
  <div id="content">
    <img src="http://cl.ly/YQhT/flat_drop200x200.png"/></p>
        <p id="title">Edward D Heltzel</p>
        <p id="subtitle">Founder & Technical Strategist</p>
        <p id="web"><a href="http://rainydaymedia.net">rainydaymedia.net</a>&nbsp;&nbsp;<span>•</span>&nbsp;&nbsp;<a href="tel:19372388756">937-238-8756</a>
    </div>
</div>

<div id="signature">
  <div id="content">
    <img src="http://cl.ly/YQhT/flat_drop200x200.png"/></p>
        <p id="title">Jesse R Masin</p>
        <p id="subtitle">Vice President of Sales</p>
        <p id="web"><a href="http://rainydaymedia.net">rainydaymedia.net</a>&nbsp;&nbsp;<span>•</span>&nbsp;&nbsp;<a href="tel:19372322013">937-232-2013</a>
    </div>
</div>

<div id="signature">
  <div id="content">
    <img src="http://cl.ly/YQhT/flat_drop200x200.png"/></p>
        <p id="title">Todd Miller</p>
        <p id="subtitle">Lead Developer</p>
        <p id="web"><a href="http://rainydaymedia.net">rainydaymedia.net</a>&nbsp;&nbsp;<span>•</span>&nbsp;&nbsp;<a href="tel:19373088451">937-308-8451</a>
    </div>
</div>

mail-signature.markdown

RDM mail signatures

same layout as before just updated

A Pen by Ed on CodePen.

License.

style.scss

body {
  background-color:#e2e2e2;
  font-family:Helvetica, Arial, sans-serif;
  font-size: 12px;
}

a:hover, a:visited, a:link {
  text-decoration:none;
  color: #0090D0;
}

#signature {
  width:25em;
  height: 5em;
  margin: 50px auto;
  padding: 50px 30px;
  background-color:#fff;
}

img {
  width:80px;
  float:left;
  margin-top: -10px;
  margin-right:10px;
}
#content p {
  margin:0;
  padding:0;
}

#content #title {
  text-transform:uppercase;
  letter-spacing:2px;
  color: #3d383f;
  margin-top:2px
}

#content #subtitle, span {
  font: italic 1em Georgia, serif;
  margin-top: 5px;
  color:#ccc;
}

#content #web {
  float:left;
  margin-top: 5px;
}