My HTML email signature. https://codepen.io/Kevin-Mok/pen/KKKPPwy
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

65 lines
2.2 KiB

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Kevin's Email Signature</title>
  6. <link rel="stylesheet" href="style.css?v=1.0">
  7. <script src="http://livejs.com/live.js" charset="utf-8"></script>
  8. </head>
  9. <body>
  10. <div class="presentational-container">
  11. <table role="presentation">
  12. <tbody>
  13. <tr class="outer-row">
  14. <td class="headshot-cell">
  15. <a href="https://kevin-mok.com" target="_blank">
  16. <img src="https://avatars3.githubusercontent.com/u/25857736?s=460&v=4"
  17. name="preview-image-url" alt="kevin-mok-headshot"/>
  18. </a>
  19. </td>
  20. <td class="description-cell">
  21. <table role="presentation">
  22. <tbody>
  23. <tr>
  24. <td colspan="2" class="full-name">Kevin Mok</td>
  25. </tr>
  26. <tr>
  27. <td colspan="2" class="title">Computer Science
  28. Specialist</td>
  29. </tr>
  30. <tr>
  31. <td colspan="2" class="title">University of Toronto</td>
  32. </tr>
  33. <tr>
  34. <td valign="top" class="website">
  35. <a href="https://kevin-mok.com" target="_blank">kevin-mok.com</a>
  36. </td>
  37. </tr>
  38. <tr>
  39. <!-- Social Icons found here: https://www.flaticon.com/packs/social-media-color -->
  40. <td colspan="2" class="social-icons">
  41. <ul>
  42. <li>
  43. <a href="https://twitter.com/RobertCooper_RC">
  44. <img src="https://drive.google.com/uc?id=0BxERWEfxe_eUY2RBc3dBSW92NVE" alt="Follow me on Twitter!"/>
  45. </a>
  46. </li>
  47. <!-- <li> -->
  48. <!-- <a href="https://www.instagram.com/robert.cooper.qu/"> -->
  49. <!-- <img src="https://drive.google.com/uc?id=0BxERWEfxe_eUY3RIOU5MMnA3TFk" alt="Follow me on Instagram!"/> -->
  50. <!-- </a> -->
  51. <!-- </li> -->
  52. </ul>
  53. </td>
  54. </tr>
  55. </tbody>
  56. </table>
  57. </td>
  58. </tr>
  59. </tbody>
  60. </table>
  61. </div>
  62. </body>
  63. </html>