Preview
HTML source — copy this into your email client's signature editor
<table cellpadding="0" cellspacing="0" border="0" style="font-family: 'Inter', Arial, Helvetica, sans-serif;">
<tr>
<td style="padding: 0;">
<table cellpadding="0" cellspacing="0" border="0" style="background-color: #181818; border-radius: 16px; overflow: hidden;">
<!-- Main row: logo + contact -->
<tr>
<td width="180" style="padding: 32px 0 32px 32px; vertical-align: middle; text-align: center;">
<img src="https://media.base44.com/images/public/6a633420e3749946a1250aec/04cfd333b_CharDan_top_logo.png" alt="CharDan Technology Solutions" width="160" style="display: inline-block; width: 160px; height: auto; border-radius: 0;" />
</td>
<td style="padding: 32px 32px 28px 20px; vertical-align: middle;">
<p style="margin: 0 0 2px 0; font-size: 19px; font-weight: 700; color: #FFFFFF; letter-spacing: 0.01em; line-height: 1.1;">Daniel Bullock</p>
<p style="margin: 0 0 16px 0; font-size: 10px; font-weight: 600; color: #C4FF4D; text-transform: uppercase; letter-spacing: 0.16em;">Managing Director</p>
<table cellpadding="0" cellspacing="0" border="0" style="margin-bottom: 6px;">
<tr>
<td width="20" valign="middle" style="vertical-align: middle; padding-right: 6px;"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#C4FF4D" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" style="display: inline-block; vertical-align: middle;"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.37 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.33 1.85.57 2.81.7A2 2 0 0 1 22 16.92z"/></svg></td>
<td valign="middle" style="vertical-align: middle; font-family: 'Inter', Arial, sans-serif; font-size: 12px; color: #FFFFFF; line-height: 1.3;"><a href="tel:07792181303" style="color: #FFFFFF; text-decoration: none;">07792 181 303</a> <span style="color: #4A4D54;">|</span> Office <a href="tel:01280811474" style="color: #FFFFFF; text-decoration: none;">01280 811474</a></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" style="margin-bottom: 6px;">
<tr>
<td width="20" valign="middle" style="vertical-align: middle; padding-right: 6px;"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#C4FF4D" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" style="display: inline-block; vertical-align: middle;"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg></td>
<td valign="middle" style="vertical-align: middle; font-family: 'Inter', Arial, sans-serif; font-size: 12px; color: #FFFFFF; line-height: 1.3;"><a href="mailto:daniel@chardan.co.uk" style="color: #FFFFFF; text-decoration: none;">daniel@chardan.co.uk</a></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" style="margin-bottom: 6px;">
<tr>
<td width="20" valign="middle" style="vertical-align: middle; padding-right: 6px;"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#C4FF4D" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" style="display: inline-block; vertical-align: middle;"><circle cx="12" cy="12" r="10"/><path d="M2 12h20"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg></td>
<td valign="middle" style="vertical-align: middle; font-family: 'Inter', Arial, sans-serif; font-size: 12px; color: #FFFFFF; line-height: 1.3;"><a href="https://www.chardan.co.uk" style="color: #C4FF4D; text-decoration: none; font-weight: 600;">www.chardan.co.uk</a></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" style="margin-bottom: 6px;">
<tr>
<td width="20" valign="middle" style="vertical-align: middle; padding-right: 6px;"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#C4FF4D" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" style="display: inline-block; vertical-align: middle;"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg></td>
<td valign="middle" style="vertical-align: middle; font-family: 'Inter', Arial, sans-serif; font-size: 12px; color: #FFFFFF; line-height: 1.3;"><span style="color: #FFFFFF; text-decoration: none;">Office C, Power House, Buckingham Ind Estate, Buckingham, MK18 1TF</span></td>
</tr>
</table>
<!-- Social links -->
<table cellpadding="0" cellspacing="0" border="0" style="margin-top: 10px;">
<tr>
<td style="vertical-align: middle;">
<a href="https://facebook.com" target="_blank" rel="noopener noreferrer" style="display: inline-block; text-decoration: none; margin-right: 6px;">
<table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; vertical-align: middle;">
<tr>
<td width="26" height="26" align="center" valign="middle" style="width: 26px; height: 26px; border: 1.5px solid #C4FF4D; border-radius: 50%; background-color: transparent; text-align: center; vertical-align: middle;">
<span style="font-family: 'Inter', Arial, sans-serif; font-size: 10px; font-weight: 700; color: #C4FF4D; line-height: 26px;">f</span>
</td>
</tr>
</table>
</a><a href="https://www.linkedin.com/in/daniel-bullock-2587ba55/" target="_blank" rel="noopener noreferrer" style="display: inline-block; text-decoration: none; margin-right: 6px;">
<table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; vertical-align: middle;">
<tr>
<td width="26" height="26" align="center" valign="middle" style="width: 26px; height: 26px; border: 1.5px solid #C4FF4D; border-radius: 50%; background-color: transparent; text-align: center; vertical-align: middle;">
<span style="font-family: 'Inter', Arial, sans-serif; font-size: 10px; font-weight: 700; color: #C4FF4D; line-height: 26px;">in</span>
</td>
</tr>
</table>
</a><a href="https://instagram.com" target="_blank" rel="noopener noreferrer" style="display: inline-block; text-decoration: none; margin-right: 6px;">
<table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; vertical-align: middle;">
<tr>
<td width="26" height="26" align="center" valign="middle" style="width: 26px; height: 26px; border: 1.5px solid #C4FF4D; border-radius: 50%; background-color: transparent; text-align: center; vertical-align: middle;">
<span style="font-family: 'Inter', Arial, sans-serif; font-size: 10px; font-weight: 700; color: #C4FF4D; line-height: 26px;">ig</span>
</td>
</tr>
</table>
</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- Tagline divider -->
<tr>
<td colspan="2" style="padding: 0 32px;">
<table cellpadding="0" cellspacing="0" border="0" style="width: 100%; height: 1px; background-color: #2A2D34;"><tr><td style="font-size: 0; line-height: 0; height: 1px;"> </td></tr></table>
</td>
</tr>
<!-- Tagline -->
<tr>
<td colspan="2" style="padding: 14px 32px 18px 32px; text-align: center;">
<p style="margin: 0; font-size: 9px; font-weight: 700; color: #C4FF4D; letter-spacing: 0.14em;">YOUR BUSINESS. OUR TECHNOLOGY. WE MAKE IT WORK.</p>
</td>
</tr>
<!-- Services banner -->
<tr>
<td colspan="2" style="padding: 0; background-color: #121214;">
<table cellpadding="0" cellspacing="0" border="0" style="width: 100%;">
<tr>
<td style="padding: 14px 32px 14px 32px; text-align: center; border-top: 2px solid #C4FF4D;">
<span style="font-family: 'Inter', Arial, sans-serif; font-size: 10px; color: #A1A1A1; white-space: nowrap;">IT Support</span><span style="color: #C4FF4D; padding: 0 8px; font-size: 10px;">·</span><span style="font-family: 'Inter', Arial, sans-serif; font-size: 10px; color: #A1A1A1; white-space: nowrap;">Cloud Services</span><span style="color: #C4FF4D; padding: 0 8px; font-size: 10px;">·</span><span style="font-family: 'Inter', Arial, sans-serif; font-size: 10px; color: #A1A1A1; white-space: nowrap;">AI Solutions</span><span style="color: #C4FF4D; padding: 0 8px; font-size: 10px;">·</span><span style="font-family: 'Inter', Arial, sans-serif; font-size: 10px; color: #A1A1A1; white-space: nowrap;">Web Design</span><span style="color: #C4FF4D; padding: 0 8px; font-size: 10px;">·</span><span style="font-family: 'Inter', Arial, sans-serif; font-size: 10px; color: #A1A1A1; white-space: nowrap;">Social Media</span><span style="color: #C4FF4D; padding: 0 8px; font-size: 10px;">·</span><span style="font-family: 'Inter', Arial, sans-serif; font-size: 10px; color: #A1A1A1; white-space: nowrap;">Bespoke Software</span><span style="color: #C4FF4D; padding: 0 8px; font-size: 10px;">·</span><span style="font-family: 'Inter', Arial, sans-serif; font-size: 10px; color: #A1A1A1; white-space: nowrap;">Cyber Security</span><span style="color: #C4FF4D; padding: 0 8px; font-size: 10px;">·</span><span style="font-family: 'Inter', Arial, sans-serif; font-size: 10px; color: #A1A1A1; white-space: nowrap;">VoIP & Internet</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>Tip: In Gmail, go to Settings → General → Signature → Create new, then paste the copied HTML. In Outlook, use Settings → Mail → Compose and reply → Email signature.