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.
82 lines
3.0 KiB
82 lines
3.0 KiB
<!doctype html>
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Kevin's Email Signature</title>
|
|
<link rel="stylesheet" href="style.css?v=1.0">
|
|
<script src="https://cdn.khkm.gq/live.js" charset="utf-8"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="presentational-container">
|
|
<table role="presentation">
|
|
<tbody>
|
|
<tr class="outer-row">
|
|
<td class="description-cell">
|
|
<table role="presentation">
|
|
<tbody>
|
|
<tr>
|
|
<td colspan="2" class="full-name">
|
|
Kevin Mok
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2" class="title">
|
|
Computer Science Specialist
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2" class="title">
|
|
University of Toronto
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top" class="website">
|
|
<a href="https://kevin-mok.com" target="_blank">kevin-mok.com</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<!-- Social Icons found here: https://www.flaticon.com/packs/social-media-color -->
|
|
<td colspan="2" class="social-icons">
|
|
<ul>
|
|
<li>
|
|
<a href="https://github.com/Kevin-Mok" target="_blank">
|
|
<!-- <img src="http://test.khkm.tk/github.svg" alt=""/> -->
|
|
<img src="https://img.khkm.gq/uploads/big/2db206989793b732c143f15ffe2b694b.png" alt="github-icon"/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://git.kevin-mok.com/Kevin-Mok" target="_blank">
|
|
<img id="gitea-icon"
|
|
src="https://img.khkm.gq/uploads/big/71386b828f31087493c896635672ff3c.png"
|
|
alt="gitea-icon"/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.linkedin.com/in/Kev-Mok/" target="_blank">
|
|
<img id="linkedin-icon"
|
|
src="https://img.khkm.gq/uploads/big/a07fdee5042df0dd245b7788c5f25f7d.png" alt="linkedin-icon"/>
|
|
</a>
|
|
<li>
|
|
<a href="https://fosstodon.org/@Kevin" target="_blank">
|
|
<img src="https://img.khkm.gq/uploads/big/8e32935993f5ec3dee5ea2b86507ded8.png" alt="mastodon-icon"/>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<td class="headshot-cell">
|
|
<img src="https://img.khkm.gq/uploads/big/cd4566af5a14ef845a6a9818bf26c73e.png" alt="uoft-logo"/>
|
|
<img id="headshot-img" src="https://avatars3.githubusercontent.com/u/25857736?s=460&v=4"
|
|
name="preview-image-url" alt="kevin-mok-headshot"/>
|
|
</td>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</body>
|
|
</html>
|