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.

82 lines
3.0 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="https://cdn.khkm.gq/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="description-cell">
  15. <table role="presentation">
  16. <tbody>
  17. <tr>
  18. <td colspan="2" class="full-name">
  19. Kevin Mok
  20. </td>
  21. </tr>
  22. <tr>
  23. <td colspan="2" class="title">
  24. Computer Science Specialist
  25. </td>
  26. </tr>
  27. <tr>
  28. <td colspan="2" class="title">
  29. University of Toronto
  30. </td>
  31. </tr>
  32. <tr>
  33. <td valign="top" class="website">
  34. <a href="https://kevin-mok.com" target="_blank">kevin-mok.com</a>
  35. </td>
  36. </tr>
  37. <tr>
  38. <!-- Social Icons found here: https://www.flaticon.com/packs/social-media-color -->
  39. <td colspan="2" class="social-icons">
  40. <ul>
  41. <li>
  42. <a href="https://github.com/Kevin-Mok" target="_blank">
  43. <!-- <img src="http://test.khkm.tk/github.svg" alt=""/> -->
  44. <img src="https://img.khkm.gq/uploads/big/2db206989793b732c143f15ffe2b694b.png" alt="github-icon"/>
  45. </a>
  46. </li>
  47. <li>
  48. <a href="https://git.kevin-mok.com/Kevin-Mok" target="_blank">
  49. <img id="gitea-icon"
  50. src="https://img.khkm.gq/uploads/big/71386b828f31087493c896635672ff3c.png"
  51. alt="gitea-icon"/>
  52. </a>
  53. </li>
  54. <li>
  55. <a href="https://www.linkedin.com/in/Kev-Mok/" target="_blank">
  56. <img id="linkedin-icon"
  57. src="https://img.khkm.gq/uploads/big/a07fdee5042df0dd245b7788c5f25f7d.png" alt="linkedin-icon"/>
  58. </a>
  59. <li>
  60. <a href="https://fosstodon.org/@Kevin" target="_blank">
  61. <img src="https://img.khkm.gq/uploads/big/8e32935993f5ec3dee5ea2b86507ded8.png" alt="mastodon-icon"/>
  62. </a>
  63. </li>
  64. </ul>
  65. </td>
  66. </tr>
  67. </tbody>
  68. </table>
  69. <td class="headshot-cell">
  70. <img src="https://img.khkm.gq/uploads/big/cd4566af5a14ef845a6a9818bf26c73e.png" alt="uoft-logo"/>
  71. <img id="headshot-img" src="https://avatars3.githubusercontent.com/u/25857736?s=460&v=4"
  72. name="preview-image-url" alt="kevin-mok-headshot"/>
  73. </td>
  74. </td>
  75. </tr>
  76. </tbody>
  77. </table>
  78. </div>
  79. </body>
  80. </html>