Mobile-responsive personal website, generated using Hugo. https://kevin-mok.com/
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.

63 lines
2.8 KiB

  1. {{ partial "base/header.html" . }}
  2. {{ partial "base/site-title.html" . }}
  3. {{ partial "base/nav-bar.html" . }}
  4. {{ partial "base/base16-logo.html" . }}
  5. <main role="main" id="card">
  6. <div id="presentational-container" class="container">
  7. <div class="row text-center h-100 my-auto">
  8. <div id="email-full" class="h-100 mx-auto">
  9. <p class="text-center">
  10. <nobr>
  11. me@kevin-mok.com
  12. <span class="social"><span class="spacing">
  13. me</span><span class="link-text">@kevi
  14. <a href="https://fosstodon.org/@Kevin"
  15. target="_blank" id="mastodon" class="link link-top">
  16. <img src="https://kevin-mok.com/img/social/mastodon.svg" alt=""/>
  17. </a></span>
  18. </span>
  19. <span class="social"><span class="spacing">
  20. me@</span><span class="link-text">ke
  21. <a href="https://www.linkedin.com/in/Kev-Mok" target="_blank"
  22. target="_blank" class="link linkedin linkedin-left">
  23. <img src="https://kevin-mok.com/img/social/linkedin.svg" alt=""/>
  24. </a></span>
  25. </span>
  26. <span class="social"><span class="spacing">
  27. me@kevin</span><span class="link-text">-mo
  28. <a href="https://www.linkedin.com/in/Kev-Mok" target="_blank" class="link linkedin linkedin-left"></a></span>
  29. </span>
  30. <span class="social"><span class="spacing">
  31. me@kev</span><span class="link-text">i
  32. <a href="https://www.linkedin.com/in/Kev-Mok" target="_blank"
  33. class="link linkedin linkedin-middle"></a></span>
  34. </span>
  35. <span class="social"><span class="spacing">
  36. me@</span><span class="link-text">kevin-mo
  37. <a href="https://github.com/Kevin-Mok" target="_blank" id="github" class="link">
  38. <img src="https://kevin-mok.com/img/social/github.svg" alt=""/>
  39. </a></span>
  40. </span>
  41. <span class="social"><span class="spacing">
  42. me@</span><span class="link-text">kevin-mok.co
  43. <a href="https://kevin-mok.com/" target="_blank" id="site" class="link">
  44. <img src="https://kevin-mok.com/img/resume/link.svg" alt=""/>
  45. </a></span>
  46. </span>
  47. <span class="social"><span class="link-text">me@kevin-mok.co
  48. <a href="mailto:me@kevin-mok.com" target="_blank" id="email" class="link link-top">
  49. <img src="https://kevin-mok.com/img/resume/envelope.svg" alt=""/>
  50. </a></span>
  51. </span>
  52. </nobr>
  53. </p>
  54. </div>
  55. </div>
  56. </div>
  57. </main>
  58. {{ partial "base/footer.html" . }}