1. 이메일 전송 HTML form
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Email verification</title>
</head>
<body style="margin: 0; padding: 0;">
<table align="center" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
<tr>
<td bgcolor="#ffffff" style="padding: 20px 30px 40px 30px;">
<table cellpadding="0" cellspacing="0" width="100%">
<tr><td style="font-size: 0; line-height: 0;" height="60"> </td></tr>
<tr>
<td>
<div style="border: 5px solid #06BC67; width: 50rem; top: 40px; height: 0; margin: 0 auto;"></div>
<div style="padding: 20px 65px 0 65px; margin: 0 auto; box-sizing: border-box;"></div>
<div style="width: 50rem; top: 40px; height: 0; margin: 0 auto;">
<img
width="100rem"
heigt="100rem"
src="이미지 주소"
alt="메일"
/>
</div>
</td>
</tr>
<tr><td style="font-size: 0; line-height: 0;" height="80rem"> </td></tr>
<tr>
<td style="font-size: 1.7rem; font-weight: 500; color: #333333; text-align: center;">
<strong>임시 비밀번호</strong> 안내메일입니다
</td>
</tr>
<tr><td style="font-size: 0; line-height: 0;" height="18"> </td></tr>
<tr>
<td style="font-family: 'Pretendard'; font-size: 1rem; font-weight: 400; text-align: center;">안녕하세요! 임시 비밀번호를 보내드립니다.</td>
</tr>
<tr>
<td style="font-family: 'Pretendard'; font-size: 1rem; font-weight: 400; text-align: center;">아래의 비밀번호로 로그인하셔서 새 비밀번호를 설정하시기 바랍니다.</td>
</tr>
<tr><td style="font-size: 0; line-height: 0;" height="18"> </td></tr>
<tr style="height: 88px;">
<td style="font-size: 18px; font-weight: 500; text-align: center;">
<div style="background-color: #F7F7F7; width: 50rem; margin: 0 auto; height: 4rem; padding-top: 2rem; padding-bottom: 0">
<span style="font-weight: 400; font-size: 1rem; font-weight: 600;">임시 비밀번호 : </span>
<span style="color: #035931; font-style: normal; font-size: 1.2rem;">{{ temp_pwd }}</span>
</div>
</td>
</tr>
<tr><td style="font-size: 0; line-height: 0;" height="18"> </td></tr>
<tr><td style="font-size: 0; line-height: 0;" height="20"> </td></tr>
<tr>
<td style="text-align: center;">
<div style="margin-bottom: 2rem;">
<a style="cursor: pointer; border: 0; outline: 0; height: 44px; padding: 10px 32px 10px 32px; background-color: #06BC67; font-size: 16px; border-radius: 4px; color: white; text-align: center;" href="oom://login">로그인</a>
</div>
</td>
</tr>
<tr>
<td>
<div style="width: 50rem; height: 1px; margin: 0 auto; background-color: #E5E7EC;"></div>
</td>
</tr>
<tr>
<td style="font-size: 12px; line-height: 1.67;">
<div style="width: 50rem; margin: 1rem auto;">
<span style="color: #8C919F;">본 메일은 발신전용으로 회신되지 않습니다.</span><br/>
<span style="color: #8C919F;">궁금하신 점은 고객센터 이메일</span>
<span style="color: #4850FF">OOO</span>
<span style="color: #8C919F;">로 문의해주세요.</span>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
포폴 및 이력서 : https://gisanglee.github.io/web-porfolio/