JSFiddle - React, Tailwind, and code Playground

by Michaël van de Weerd

HTML

<table style="
    border: none;
    border-spacing: 0;
    border-collapse: collapse;
    line-height: 0;    
    font-family: 'Hind', sans-serif;
  ">
  <tr>
    <td rowspan="3" style="
      width: 90px;
      height: 90px;
      padding: 0;
      text-align: center;
      vertical-align: middle;
      background-color: #7CC;
    ">
      <a style="
        display: block;
      " href="https://castana.nl/">
        <img style="
          width: 100%;
          height: 100%;
          display: inline-block;
          color: white;
          font-weight: 500;
          text-decoration: none;
        " src="https://castana.nl/256x256_trans.png" alt="Castana" title="Castana">
      </a>
    </td>
    <td style="
      height: 30px;
      padding: 0;
      padding-left: 16px;
      font-size: larger;
      font-weight: 500;
      color: #A1A1A1;
    ">
      Micha&euml;l van de Weerd 
      <a href="https://linkedin.com/in/michaelvandeweerd"><img style="
        width: 14px;
        height: 14px;
        color: #7CC;
        text-decoration: none;
        " src="https://linkedin.com/favicon.ico" alt="LinkedIn" title="LinkedIn"></a>
      <a href="https://twitter.com/michaelvdweerd"><img style="
        width: 14px;
        height: 14px;
        color: #7CC;
        text-decoration: none;
        " src="https://twitter.com/favicon.ico" alt="Twitter" title="Twitter"></a>
    </td>
  </tr>
  <tr>
    <td style="
      height: 30px;
      padding: 0;
      padding-left: 16px;
    ">Ontwikkelaar Anamnese<strong>App</strong></td>
  </tr>
  <tr>
    <td style="
      height: 30px;
      padding: 0;
      padding-left: 16px;
      "><a style="
        color: #7CC;
        text-decoration: none;
      " href="tel:+310657668123">06 57668123</a></td>
  </tr>
</table>