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.

74 lines
2.7 KiB

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>The HTML5 Herald</title>
  6. <meta name="description" content="The HTML5 Herald">
  7. <meta name="author" content="SitePoint">
  8. <link rel="stylesheet" href="style.css?v=1.0">
  9. </head>
  10. <body>
  11. <div class="presentational-container">
  12. <table role="presentation">
  13. <tbody>
  14. <tr class="outer-row">
  15. <td class="headshot-cell">
  16. <a href="http://www.robertcooper.me">
  17. <img src="https://drive.google.com/uc?id=0BxERWEfxe_eUTWJlMTMtbDJGN1k" name="preview-image-url" alt="headshot of Robert Cooper wearing a navy blue collared t-shirt with a background containing horizontal wooden structures and windows"/>
  18. </a>
  19. </td>
  20. <td class="description-cell">
  21. <table role="presentation">
  22. <tbody>
  23. <tr>
  24. <td colspan="2" class="full-name">Robert Cooper</td>
  25. </tr>
  26. <tr>
  27. <td colspan="2" class="title">Web Developer</td>
  28. </tr>
  29. <tr>
  30. <td valign="top" class="website">
  31. <a href="http://www.robertcooper.me">www.robertcooper.me</a>
  32. </td>
  33. </tr>
  34. <tr>
  35. <!-- Social Icons found here: https://www.flaticon.com/packs/social-media-color -->
  36. <td colspan="2" class="social-icons">
  37. <ul>
  38. <li>
  39. <a href="https://www.facebook.com/Robert.Cooper.Qu">
  40. <img src="https://drive.google.com/uc?id=0BxERWEfxe_eUaWFKTlAxdkwyMXc" alt="Let's be friends on Facebook."/>
  41. </a>
  42. </li>
  43. <li>
  44. <a href="https://twitter.com/RobertCooper_RC">
  45. <img src="https://drive.google.com/uc?id=0BxERWEfxe_eUY2RBc3dBSW92NVE" alt="Follow me on Twitter!"/>
  46. </a>
  47. </li>
  48. <li>
  49. <a href="https://www.instagram.com/robert.cooper.qu/">
  50. <img src="https://drive.google.com/uc?id=0BxERWEfxe_eUY3RIOU5MMnA3TFk" alt="Follow me on Instagram!"/>
  51. </a>
  52. </li>
  53. <li>
  54. <a href="https://www.linkedin.com/in/robert-cooper">
  55. <img src="https://drive.google.com/uc?id=0BxERWEfxe_eUSTM0UWdKWUdNbHM" alt="Connected with me on LinkedIn!"/>
  56. </a>
  57. </li>
  58. </ul>
  59. </td>
  60. </tr>
  61. </tbody>
  62. </table>
  63. </td>
  64. </tr>
  65. </tbody>
  66. </table>
  67. </div>
  68. </body>
  69. </html>