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.

39 lines
1.2 KiB

  1. <div id="contact-info" class="container">
  2. <div class="row row-top justify-content-center mx-auto">
  3. <div id="phone-number" class="col text-left">
  4. <a href="tel:647-685-2500" target="_blank">
  5. <img src="{{ "img/resume/smartphone.svg" | relURL }}"
  6. alt="smartphone-icon">
  7. <span class="url-info">
  8. 647-685-2500
  9. </span>
  10. </a>
  11. </div>
  12. <div id="linkedin" class="col text-right">
  13. <a href="https://www.linkedin.com/in/Kev-Mok" target="_blank">
  14. <span class="url-info">
  15. Kev-Mok
  16. </span>
  17. <img src="{{ "img/social/linkedin.svg" | relURL }}" alt="linkedin-icon">
  18. </a>
  19. </div>
  20. </div>
  21. <div class="row mx-auto">
  22. <div id="email" class="col col-left">
  23. <a href="mailto:me@kevin-mok.com" target="_blank">
  24. <img src="{{ "img/resume/envelope.svg" | relURL }}" alt="envelope-icon">
  25. <span class="url-info">
  26. me@kevin-mok.com
  27. </span>
  28. </a>
  29. </div>
  30. <div id="website" class="col text-right">
  31. <a href="https://kevin-mok.com/" target="_blank">
  32. <span class="url-info">
  33. kevin-mok.com
  34. </span>
  35. <img src="{{ "img/resume/link.svg" | relURL }}" alt="link-icon">
  36. </a>
  37. </div>
  38. </div>
  39. </div>