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.
 
 

65 lines
2.2 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="http://livejs.com/live.js" charset="utf-8"></script>
</head>
<body>
<div class="presentational-container">
<table role="presentation">
<tbody>
<tr class="outer-row">
<td class="headshot-cell">
<a href="https://kevin-mok.com" target="_blank">
<img src="https://avatars3.githubusercontent.com/u/25857736?s=460&v=4"
name="preview-image-url" alt="kevin-mok-headshot"/>
</a>
</td>
<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://twitter.com/RobertCooper_RC">
<img src="https://drive.google.com/uc?id=0BxERWEfxe_eUY2RBc3dBSW92NVE" alt="Follow me on Twitter!"/>
</a>
</li>
<!-- <li> -->
<!-- <a href="https://www.instagram.com/robert.cooper.qu/"> -->
<!-- <img src="https://drive.google.com/uc?id=0BxERWEfxe_eUY3RIOU5MMnA3TFk" alt="Follow me on Instagram!"/> -->
<!-- </a> -->
<!-- </li> -->
</ul>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>