Html Email Signature With Html and CSS

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>

Post a comment

0 Comments