プレビュー
|
|
John Doe
Software Engineer
Acme Inc.
|
<table cellpadding="0" cellspacing="0" style="font-family: Arial, sans-serif; color: #333; line-height: 1.5; border-collapse: collapse;">
<tr>
<td style="padding-right: 20px; vertical-align: top;">
<img src="https://ui-avatars.com/api/?name=John%20Doe&background=3b82f6&color=fff&size=128" alt="John Doe" width="80" style="border-radius: 8px; display: block;">
</td>
<td style="border-left: 2px solid #3b82f6; padding-left: 20px; vertical-align: middle;">
<div style="font-size: 16px; font-weight: bold; color: #3b82f6;">John Doe</div>
<div style="font-size: 13px; font-weight: 600; color: #555;">Software Engineer</div>
<div style="font-size: 13px; margin-bottom: 8px; color: #777;">Acme Inc.</div>
<table cellpadding="0" cellspacing="0" style="font-size: 12px; color: #555;">
<tr><td style="padding-right: 8px;"><strong>T:</strong></td><td>+1 234 567 890</td></tr>
<tr><td style="padding-right: 8px;"><strong>E:</strong></td><td><a href="mailto:john.doe@example.com" style="color: #3b82f6; text-decoration: none;">john.doe@example.com</a></td></tr>
<tr><td style="padding-right: 8px;"><strong>W:</strong></td><td><a href="https://example.com" style="color: #3b82f6; text-decoration: none;">example.com</a></td></tr>
</table>
</td>
</tr>
</table>