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.

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