Skip to content

Instantly share code, notes, and snippets.

@momin-riyadh

momin-riyadh/email_signature.html

Created December 6, 2017 10:40
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save momin-riyadh/b257c894ce8778a44972247be8b74155 to your computer and use it in GitHub Desktop.
Save momin-riyadh/b257c894ce8778a44972247be8b74155 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
email_signature.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Rancon Email Signature</title>
<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
* {
margin:0; padding:0;
}
p {
padding-left: 20px;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
strong {
font-size: 18px;
}
a {
color: #454545;
text-transform: none;
}
}
img {
vertical-align: middle;
}
.data-row {
padding-top: 5px;
height: 16px;
line-height: 16px;
vertical-align: middle;
}
.social-row {
a {
text-decoration: none !important;
}
}
</style>
</head>
<body>
<table>
<tr>
<td>
<a style="" href="http://czerasz.com/">
<img src="https://i.imgur.com/beUWAmv.png" width="200" alt="czerasz.com logo" style="margin-right: 20px"/>
</a>
</td>
<td style="border-left:1px solid #ecf0f1;">
<p style="padding-bottom: 10px;">
<h1 style="color: #333333;padding-left:20px">Name Here</h1>
<span style="color: #454545;padding-left:20px">Designation</span><br/>
<span style="color: #454545;padding-left:20px">Devision</span><br/> <br/>
</p>
<p class="data-row">
Rangs Bhaban, 6th Floor, 117, Old Airport Road <br/>
Bijay Sharani, Tejgaon, Dhaka-1215
</p> <br/>
<p class="data-row">
<img src='http://czerasz.com/email-signature/telephone.png' height="16" alt="telephone icon" style="padding: 0 3px;" />
<a href="tel:%2B49%20%280%29%20176%2067%205279%2005">++8801999999999</a>
</p>
<p class="data-row">
<img src="http://czerasz.com/email-signature/email.png" width="16" alt="email icon" />
<a href="mailto:contact@czerasz.com">info@rancon.com.bd</a>
</p>
<p class="data-row">
<img src='http://czerasz.com/email-signature/website.png' height="16" alt="webpage icon" />
<a href="http://czerasz.com/">rancon.com.bd</a>
</p>
<p class="social-row" style="padding-top: 15px;">
<a href="https://twitter.com/czerasz">
<img src="http://czerasz.com/email-signature/twitter.png" alt="czerasz's twitter account" height="32"/>
</a>
<a href="https://plus.google.com/u/0/117800598211330706058">
<img src='http://czerasz.com/email-signature/google-plus.png' height="32" alt="czerasz's google plus account" />
</a>
<a href="https://www.linkedin.com/in/czerasz">
<img src='http://czerasz.com/email-signature/linkedin.png' height="32" alt="czerasz's linked in account" />
</a>
</p>
</td>
</tr>
</table>
==================
<table style="background:#fcfcfc;border-radius:10px;padding:20px">
<tr align="center">
<td>
<img style="padding-left:20px"width="180" src="https://i.imgur.com/beUWAmv.png" alt="">
<p style="padding-bottom: 10px;">
<h1 style="color: #333333;padding-left:20px">Name Here</h1>
<span style="color: #454545;padding-left:20px">Designation</span><br/>
<span style="color: #454545;padding-left:20px">devision</span><br/>
</p>
<br>
<p class="data-row">
Rangs Bhaban, 6th Floor, 117, Old Airport Road <br/>
Bijay Sharani, Tejgaon, Dhaka-1215
</p> <br/>
<p class="data-row">
<img src='http://czerasz.com/email-signature/telephone.png' height="16" alt="telephone icon" style="padding: 0 3px;" />
<a href="tel:%2B49%20%280%29%20176%2067%205279%2005">++8801999999999</a>
</p>
<p class="data-row">
<img src="http://czerasz.com/email-signature/email.png" width="16" alt="email icon" />
<a href="mailto:contact@czerasz.com">info@rancon.com.bd</a>
</p>
<p class="data-row">
<img src='http://czerasz.com/email-signature/website.png' height="16" alt="webpage icon" />
<a href="http://czerasz.com/">rancon.com.bd</a>
</p>
<p class="social-row" style="padding-top: 15px;">
<a href="https://twitter.com/czerasz">
<img src="http://czerasz.com/email-signature/twitter.png" alt="czerasz's twitter account" height="32"/>
</a>
<a href="https://plus.google.com/u/0/117800598211330706058">
<img src='http://czerasz.com/email-signature/google-plus.png' height="32" alt="czerasz's google plus account" />
</a>
<a href="https://www.linkedin.com/in/czerasz">
<img src='http://czerasz.com/email-signature/linkedin.png' height="32" alt="czerasz's linked in account" />
</a>
</p>
</td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment