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.

76 lines
2.7 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="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.tk/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 src="https://raw.githubusercontent.com/go-gitea/gitea/master/public/img/gitea-sm.png"
  50. alt="gitea-icon" id="gitea-icon" />
  51. </a>
  52. </li>
  53. <li>
  54. <a href="https://fosstodon.org/web/accounts/93113" target="_blank">
  55. <img src="https://img.khkm.tk/uploads/big/8e32935993f5ec3dee5ea2b86507ded8.png" alt="mastodon-icon"/>
  56. </a>
  57. </li>
  58. </ul>
  59. </td>
  60. </tr>
  61. </tbody>
  62. </table>
  63. <td class="headshot-cell">
  64. <img src="https://img.khkm.tk/uploads/big/cd4566af5a14ef845a6a9818bf26c73e.png" alt="uoft-logo"/>
  65. <img src="https://avatars3.githubusercontent.com/u/25857736?s=460&v=4"
  66. name="preview-image-url" alt="kevin-mok-headshot"/>
  67. </td>
  68. </td>
  69. </tr>
  70. </tbody>
  71. </table>
  72. </div>
  73. </body>
  74. </html>