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
74 lines
2.7 KiB
<!doctype html>
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
|
|
<title>The HTML5 Herald</title>
|
|
<meta name="description" content="The HTML5 Herald">
|
|
<meta name="author" content="SitePoint">
|
|
|
|
<link rel="stylesheet" href="style.css?v=1.0">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div class="presentational-container">
|
|
<table role="presentation">
|
|
<tbody>
|
|
<tr class="outer-row">
|
|
<td class="headshot-cell">
|
|
<a href="http://www.robertcooper.me">
|
|
<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"/>
|
|
</a>
|
|
</td>
|
|
<td class="description-cell">
|
|
<table role="presentation">
|
|
<tbody>
|
|
<tr>
|
|
<td colspan="2" class="full-name">Robert Cooper</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2" class="title">Web Developer</td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top" class="website">
|
|
<a href="http://www.robertcooper.me">www.robertcooper.me</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://www.facebook.com/Robert.Cooper.Qu">
|
|
<img src="https://drive.google.com/uc?id=0BxERWEfxe_eUaWFKTlAxdkwyMXc" alt="Let's be friends on Facebook."/>
|
|
</a>
|
|
</li>
|
|
<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>
|
|
<li>
|
|
<a href="https://www.linkedin.com/in/robert-cooper">
|
|
<img src="https://drive.google.com/uc?id=0BxERWEfxe_eUSTM0UWdKWUdNbHM" alt="Connected with me on LinkedIn!"/>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</body>
|
|
</html>
|