Create Clickable Html Email Signature With Html and CSS
In this post, I will create simple Html Email Signature with Html and Css so this is very simple and unique way to send information to other, So lets start.
Html code
<!DOCTYPE html>
<html>
<head>
<title>
Html Email Signature
</title>
//this is font awesome link for Social media icons like Facebook, twitter and YouTube etc.
<link rel="stylesheet" type="text/css"href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style type="text/css">
a{
padding-right: 5px;
display: inline-block;
}
img{
border:none;
}
</style>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" width="420" style="padding: 20px;margin: 140px 400px;box-shadow: 0 0 5px black " >
<tr>
<td style="vertical-align: top;">
<img src="user.jpg" width="120px">
<td style="border-left: 3px solid black" width="3px"> </td>
</td>
<td style="vertical-align: top;">
<span><b>Coding With Hammad </b> </span><br>
<span> Freelancer | Youtuber | Blogger</span>
<hr>
<span><i class="fa fa-envelope " aria-hidden="true"></i> codingwithhammad123@gmail.com </span>
<span><i class="fa fa-phone " aria-hidden="true"></i> 0333-4455667 </span>
<hr>
<a href="https://www.facebook.com/ithub1000"><img src="facebook.png" width="38" height="38"> </a>
<a href="https://www.instagram.com/__ithub__/ "><img src="instagram.png" width="38" height="38"> </a>
<a href="https://twitter.com/ITHUB11"><img src="twitter.png" width="38" height="38"> </a>
<a href="https://www.youtube.com/channel/UCrx5065plQiJUqYcXY_x3Sg"><img src="youtube.png" width="38" height="38"> </a>
</td>
</tr>
</table>
This is quite simple code for designing Clickable Html Email Signature. Now Copy this Code and Enjoy. if this is helpful to You Comment Down.
</body>
</html>
0 Comments