Back to site

Preview

CharDan Technology Solutions

Daniel Bullock

Managing Director

07792 181 303 | Office 01280 811474
daniel@chardan.co.uk
www.chardan.co.uk
Office C, Power House, Buckingham Ind Estate, Buckingham, MK18 1TF
f
in
ig
 

YOUR BUSINESS. OUR TECHNOLOGY. WE MAKE IT WORK.

IT Support·Cloud Services·AI Solutions·Web Design·Social Media·Bespoke Software·Cyber Security·VoIP & Internet

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;">&nbsp;</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.