djb-eapim/eapim-portal
1
0
Fork 0
Code Issues Pull Requests Actions 10 Packages Projects Releases Wiki Activity

이메일 템플릿 추가

Browse Source
This commit is contained in:
현성필
2025-11-25 11:11:24 +09:00
parent 6ec7fb2968
commit b05819e90d
6 changed files with 984 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
email_template/email_common_template.html
+260
View File
@@ -0,0 +1,260 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>광주은행 API Portal</title>
<!--[if mso]>
<noscript>
<xml>
<o:OfficeDocumentSettings>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
</noscript>
<![endif]-->
<style type="text/css">
/* Reset styles */
body, table, td, p, a, li, blockquote {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
table, td {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
-ms-interpolation-mode: bicubic;
border: 0;
height: auto;
line-height: 100%;
outline: none;
text-decoration: none;
}
body {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
height: 100% !important;
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
/* Custom styles */
.email-wrapper {
width: 100%;
background-color: #c3dfea;
}
.email-container {
max-width: 700px;
margin: 0 auto;
background-color: #c3dfea;
}
.header-section {
padding: 28px 25px;
}
.content-section {
background-color: #fdfdfd;
margin: 0 25px;
border-top: 4px solid #0049b4;
min-height: 400px;
}
.content-inner {
padding: 40px 30px;
}
.footer-section {
padding: 25px;
}
.footer-notice {
font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;
font-size: 12px;
color: #515151;
line-height: 20px;
}
.footer-links {
font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;
font-size: 12px;
color: #515151;
}
.footer-links a {
color: #515151;
text-decoration: none;
}
.footer-links a:hover {
text-decoration: underline;
}
.footer-info {
font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;
font-size: 12px;
color: #515151;
}
.footer-copyright {
font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;
font-size: 12px;
color: #8c959f;
}
.divider {
color: #515151;
padding: 0 7px;
}
.logo-text {
font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;
font-size: 16px;
font-weight: 700;
color: #212529;
vertical-align: middle;
padding-left: 8px;
}
/* Responsive styles */
@media screen and (max-width: 700px) {
.email-container {
width: 100% !important;
}
.content-section {
margin: 0 15px !important;
}
.content-inner {
padding: 30px 20px !important;
}
.header-section,
.footer-section {
padding: 20px 15px !important;
}
}
</style>
</head>
<body style="margin: 0; padding: 0; background-color: #c3dfea;">
<!-- Email Wrapper -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color: #c3dfea;">
<tr>
<td align="center" style="padding: 0;">
<!-- Email Container -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="700" class="email-container" style="max-width: 700px; background-color: #c3dfea;">
<!-- Header Section -->
<tr>
<td class="header-section" style="padding: 28px 25px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td style="vertical-align: middle;">
<!-- Logo Image - Replace src with actual logo URL -->
<img src="email_logo_top.png" alt="광주은행" width="118" height="22" style="display: inline-block; vertical-align: middle;">
<span class="logo-text" style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 16px; font-weight: 700; color: #212529; vertical-align: middle; padding-left: 8px;">API Portal</span>
</td>
</tr>
</table>
</td>
</tr>
<!-- Content Section -->
<tr>
<td style="padding: 0 25px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color: #fdfdfd; border-top: 4px solid #0049b4;">
<tr>
<td class="content-inner" style="padding: 40px 30px; min-height: 400px;">
<!-- ====================== -->
<!-- EMAIL CONTENT START -->
<!-- ====================== -->
<!-- 이 영역에 실제 이메일 내용을 작성하세요 -->
<!-- Example content structure: -->
<!--
<h1 style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 24px; color: #212529; margin: 0 0 20px 0;">
이메일 제목
</h1>
<p style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 14px; color: #515151; line-height: 1.6; margin: 0 0 15px 0;">
이메일 본문 내용이 들어갑니다.
</p>
-->
<!-- ====================== -->
<!-- EMAIL CONTENT END -->
<!-- ====================== -->
</td>
</tr>
</table>
</td>
</tr>
<!-- Footer Section -->
<tr>
<td class="footer-section" style="padding: 25px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<!-- Footer Logo and Notice -->
<tr>
<td style="padding-bottom: 10px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td width="96" style="vertical-align: top; padding-right: 25px;">
<!-- Footer Logo - Replace src with actual logo URL -->
<img src="email_logo_bottom.png" alt="광주은행" width="96" height="18" style="display: block;">
</td>
<td style="vertical-align: top;">
<p class="footer-notice" style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 12px; color: #515151; line-height: 20px; margin: 0;">
본 메일은 발신 전용으로 회신되지 않습니다.<br>
관련 문의사항은 고객센터 (1588-3388) 또는 홈페이지를 이용하시기 바랍니다.
</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- Footer Links -->
<tr>
<td style="padding: 10px 0 0 121px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="footer-links" style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 12px; color: #515151;">
<a href="https://www.kjbank.com" style="color: #515151; text-decoration: none;">은행소개</a>
<span class="divider" style="color: #515151; padding: 0 7px;">|</span>
<a href="https://www.kjbank.com/privacy" style="color: #515151; text-decoration: none;">개인정보처리방침</a>
<span class="divider" style="color: #515151; padding: 0 7px;">|</span>
<a href="https://www.kjbank.com/faq" style="color: #515151; text-decoration: none;">자주 묻는 질문</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- Footer Info -->
<tr>
<td style="padding: 8px 0 0 121px;">
<p class="footer-info" style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 12px; color: #515151; margin: 0;">
광주광역시 동구 제봉로225, 1층(대인동)
<span class="divider" style="color: #515151; padding: 0 7px;">|</span>
고객센터 : 1588-3388
<span class="divider" style="color: #515151; padding: 0 7px;">|</span>
사업자 등록번호 : ???-??-?????
</p>
</td>
</tr>
<!-- Copyright -->
<tr>
<td style="padding: 12px 0 0 121px;">
<p class="footer-copyright" style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 12px; color: #8c959f; margin: 0;">
Copyright KWANGJU Bank. ALL Rights Reserved.
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- End Email Container -->
</td>
</tr>
</table>
<!-- End Email Wrapper -->
</body>
</html>
email_template/email_logo_bottom.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

email_template/email_logo_top.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.8 KiB

email_template/email_otp_password.html
+255
View File
@@ -0,0 +1,255 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>일회용 비밀번호 - 광주은행 API Portal</title>
<!--[if mso]>
<noscript>
<xml>
<o:OfficeDocumentSettings>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
</noscript>
<![endif]-->
<style type="text/css">
/* Reset styles */
body, table, td, p, a, li, blockquote {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
table, td {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
-ms-interpolation-mode: bicubic;
border: 0;
height: auto;
line-height: 100%;
outline: none;
text-decoration: none;
}
body {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
height: 100% !important;
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
/* Responsive styles */
@media screen and (max-width: 700px) {
.email-container {
width: 100% !important;
}
.content-section {
margin: 0 15px !important;
}
.content-inner {
padding: 30px 20px !important;
}
.header-section,
.footer-section {
padding: 20px 15px !important;
}
.password-box {
width: 90% !important;
}
.login-button {
width: 80% !important;
}
}
</style>
</head>
<body style="margin: 0; padding: 0; background-color: #ececec;">
<!-- Email Wrapper -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color: #ececec;">
<tr>
<td align="center" style="padding: 0;">
<!-- Email Container -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="700" class="email-container" style="max-width: 700px; background-color: #ececec;">
<!-- Header Section -->
<tr>
<td class="header-section" style="padding: 14px 25px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td style="vertical-align: middle;">
<!-- Logo Image -->
<img src="email_logo_top.png" alt="광주은행" width="118" height="22" style="display: inline-block; vertical-align: middle;">
<span style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 16px; font-weight: 700; color: #212529; vertical-align: middle; padding-left: 8px;">API Portal</span>
</td>
<td style="vertical-align: middle; text-align: right;">
<!-- Key Icon -->
<img src="email_icon_key.png" alt="비밀번호" width="74" height="60" style="display: inline-block; vertical-align: middle;">
</td>
</tr>
</table>
</td>
</tr>
<!-- Content Section -->
<tr>
<td style="padding: 0 25px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color: #fdfdfd; border-top: 4px solid #0049b4;">
<tr>
<td class="content-inner" style="padding: 40px 30px;">
<!-- Title -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td align="center" style="padding-bottom: 30px;">
<h1 style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 28px; font-weight: 700; color: #2f3b51; margin: 0;">
[일회용 비밀번호 ]
</h1>
</td>
</tr>
</table>
<!-- Greeting Message -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td align="center" style="padding-bottom: 30px;">
<p style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 20px; color: #000000; line-height: 36px; margin: 0; text-align: center;">
<span style="font-weight: 700;">{{userName}}님</span> 안녕하세요.<br>
광주은행 API Portal 비밀번호가 초기화 되어 일회용<br>
비밀번호를 발급해 드립니다.
</p>
</td>
</tr>
</table>
<!-- One-Time Password Box -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td align="center" style="padding-bottom: 30px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" class="password-box" style="width: 438px; max-width: 100%;">
<tr>
<td align="center" style="background-color: #ffffff; border: 6px solid #e5e7eb; border-radius: 20px; padding: 20px 30px;">
<p style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 24px; font-weight: 700; color: #0049b4; margin: 0; letter-spacing: 2px;">
{{otpPassword}}
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- Login Guide Text -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td align="center" style="padding-bottom: 25px;">
<p style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 20px; font-weight: 700; color: #212529; margin: 0;">
아래 버튼을 클릭하여 로그인을 진행해 주세요.
</p>
</td>
</tr>
</table>
<!-- Login Button -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td align="center" style="padding-bottom: 20px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0">
<tr>
<td align="center" class="login-button" style="background-color: #0049b4; border-radius: 12px; width: 220px;">
<a href="{{loginUrl}}" target="_blank" style="display: block; padding: 18px 40px; font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 18px; font-weight: 700; color: #ffffff; text-decoration: none; text-align: center;">
로그인
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- Footer Section -->
<tr>
<td class="footer-section" style="padding: 25px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<!-- Footer Logo and Notice -->
<tr>
<td style="padding-bottom: 10px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td width="96" style="vertical-align: top; padding-right: 25px;">
<!-- Footer Logo -->
<img src="email_logo_bottom.png" alt="광주은행" width="96" height="18" style="display: block;">
</td>
<td style="vertical-align: top;">
<p style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 12px; color: #515151; line-height: 20px; margin: 0;">
본 메일은 발신 전용으로 회신되지 않습니다.<br>
관련 문의사항은 고객센터 (1588-3388) 또는 홈페이지를 이용하시기 바랍니다.
</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- Footer Links -->
<tr>
<td style="padding: 10px 0 0 121px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0">
<tr>
<td style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 12px; color: #515151;">
<a href="https://www.kjbank.com" style="color: #515151; text-decoration: none;">은행소개</a>
<span style="color: #515151; padding: 0 7px;">|</span>
<a href="https://www.kjbank.com/privacy" style="color: #515151; text-decoration: none;">개인정보처리방침</a>
<span style="color: #515151; padding: 0 7px;">|</span>
<a href="https://www.kjbank.com/faq" style="color: #515151; text-decoration: none;">자주 묻는 질문</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- Footer Info -->
<tr>
<td style="padding: 8px 0 0 121px;">
<p style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 12px; color: #515151; margin: 0;">
광주광역시 동구 제봉로225, 1층(대인동)
<span style="color: #515151; padding: 0 7px;">|</span>
고객센터 : 1588-3388
<span style="color: #515151; padding: 0 7px;">|</span>
사업자 등록번호 : ???-??-?????
</p>
</td>
</tr>
<!-- Copyright -->
<tr>
<td style="padding: 12px 0 0 121px;">
<p style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 12px; color: #8c959f; margin: 0;">
Copyright KWANGJU Bank. ALL Rights Reserved.
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- End Email Container -->
</td>
</tr>
</table>
<!-- End Email Wrapper -->
</body>
</html>
email_template/email_password_changed.html
+234
View File
@@ -0,0 +1,234 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>비밀번호 변경 완료 안내 - 광주은행 API Portal</title>
<!--[if mso]>
<noscript>
<xml>
<o:OfficeDocumentSettings>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
</noscript>
<![endif]-->
<style type="text/css">
/* Reset styles */
body, table, td, p, a, li, blockquote {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
table, td {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
-ms-interpolation-mode: bicubic;
border: 0;
height: auto;
line-height: 100%;
outline: none;
text-decoration: none;
}
body {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
height: 100% !important;
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
/* Responsive styles */
@media screen and (max-width: 700px) {
.email-container {
width: 100% !important;
}
.content-section {
margin: 0 15px !important;
}
.content-inner {
padding: 30px 20px !important;
}
.header-section,
.footer-section {
padding: 20px 15px !important;
}
.login-button {
width: 80% !important;
}
}
</style>
</head>
<body style="margin: 0; padding: 0; background-color: #ececec;">
<!-- Email Wrapper -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color: #ececec;">
<tr>
<td align="center" style="padding: 0;">
<!-- Email Container -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="700" class="email-container" style="max-width: 700px; background-color: #ececec;">
<!-- Header Section -->
<tr>
<td class="header-section" style="padding: 14px 25px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td style="vertical-align: middle;">
<!-- Logo Image -->
<img src="email_logo_top.png" alt="광주은행" width="118" height="22" style="display: inline-block; vertical-align: middle;">
<span style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 16px; font-weight: 700; color: #212529; vertical-align: middle; padding-left: 8px;">API Portal</span>
</td>
<td style="vertical-align: middle; text-align: right;">
<!-- Check/Shield Icon -->
<img src="email_icon_check.png" alt="완료" width="64" height="64" style="display: inline-block; vertical-align: middle;">
</td>
</tr>
</table>
</td>
</tr>
<!-- Content Section -->
<tr>
<td style="padding: 0 25px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color: #fdfdfd; border-top: 4px solid #0049b4;">
<tr>
<td class="content-inner" style="padding: 50px 30px;">
<!-- Title -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td align="center" style="padding-bottom: 40px;">
<h1 style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 28px; font-weight: 700; color: #2f3b51; margin: 0;">
[ 비밀번호 변경 완료 안내 ]
</h1>
</td>
</tr>
</table>
<!-- Greeting Message -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td align="center" style="padding-bottom: 50px;">
<p style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 20px; color: #000000; line-height: 36px; margin: 0; text-align: center;">
<span style="font-weight: 700;">{{userName}}님</span> 안녕하세요.<br>
광주은행 API Portal 비밀번호가 변경되어 안내 드립니다.
</p>
</td>
</tr>
</table>
<!-- Login Guide Text -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td align="center" style="padding-bottom: 25px;">
<p style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 20px; font-weight: 700; color: #212529; margin: 0;">
아래 버튼을 클릭하여 로그인을 진행해 주세요.
</p>
</td>
</tr>
</table>
<!-- Login Button -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td align="center" style="padding-bottom: 20px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0">
<tr>
<td align="center" class="login-button" style="background-color: #0049b4; border-radius: 12px; width: 220px;">
<a href="{{loginUrl}}" target="_blank" style="display: block; padding: 18px 40px; font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 18px; font-weight: 700; color: #ffffff; text-decoration: none; text-align: center;">
로그인
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- Footer Section -->
<tr>
<td class="footer-section" style="padding: 25px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<!-- Footer Logo and Notice -->
<tr>
<td style="padding-bottom: 10px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td width="96" style="vertical-align: top; padding-right: 25px;">
<!-- Footer Logo -->
<img src="email_logo_bottom.png" alt="광주은행" width="96" height="18" style="display: block;">
</td>
<td style="vertical-align: top;">
<p style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 12px; color: #515151; line-height: 20px; margin: 0;">
본 메일은 발신 전용으로 회신되지 않습니다.<br>
관련 문의사항은 고객센터 (1588-3388) 또는 홈페이지를 이용하시기 바랍니다.
</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- Footer Links -->
<tr>
<td style="padding: 10px 0 0 121px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0">
<tr>
<td style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 12px; color: #515151;">
<a href="https://www.kjbank.com" style="color: #515151; text-decoration: none;">은행소개</a>
<span style="color: #515151; padding: 0 7px;">|</span>
<a href="https://www.kjbank.com/privacy" style="color: #515151; text-decoration: none;">개인정보처리방침</a>
<span style="color: #515151; padding: 0 7px;">|</span>
<a href="https://www.kjbank.com/faq" style="color: #515151; text-decoration: none;">자주 묻는 질문</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- Footer Info -->
<tr>
<td style="padding: 8px 0 0 121px;">
<p style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 12px; color: #515151; margin: 0;">
광주광역시 동구 제봉로225, 1층(대인동)
<span style="color: #515151; padding: 0 7px;">|</span>
고객센터 : 1588-3388
<span style="color: #515151; padding: 0 7px;">|</span>
사업자 등록번호 : ???-??-?????
</p>
</td>
</tr>
<!-- Copyright -->
<tr>
<td style="padding: 12px 0 0 121px;">
<p style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 12px; color: #8c959f; margin: 0;">
Copyright KWANGJU Bank. ALL Rights Reserved.
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- End Email Container -->
</td>
</tr>
</table>
<!-- End Email Wrapper -->
</body>
</html>
email_template/email_verification.html
+235
View File
@@ -0,0 +1,235 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>이메일 인증 - 광주은행 API Portal</title>
<!--[if mso]>
<noscript>
<xml>
<o:OfficeDocumentSettings>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
</noscript>
<![endif]-->
<style type="text/css">
/* Reset styles */
body, table, td, p, a, li, blockquote {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
table, td {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
-ms-interpolation-mode: bicubic;
border: 0;
height: auto;
line-height: 100%;
outline: none;
text-decoration: none;
}
body {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
height: 100% !important;
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
/* Responsive styles */
@media screen and (max-width: 700px) {
.email-container {
width: 100% !important;
}
.content-section {
margin: 0 15px !important;
}
.content-inner {
padding: 30px 20px !important;
}
.header-section,
.footer-section {
padding: 20px 15px !important;
}
.verification-box {
width: 90% !important;
}
}
</style>
</head>
<body style="margin: 0; padding: 0; background-color: #c3dfea;">
<!-- Email Wrapper -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color: #c3dfea;">
<tr>
<td align="center" style="padding: 0;">
<!-- Email Container -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="700" class="email-container" style="max-width: 700px; background-color: #c3dfea;">
<!-- Header Section -->
<tr>
<td class="header-section" style="padding: 14px 25px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td style="vertical-align: middle;">
<!-- Logo Image -->
<img src="email_logo_top.png" alt="광주은행" width="118" height="22" style="display: inline-block; vertical-align: middle;">
<span style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 16px; font-weight: 700; color: #212529; vertical-align: middle; padding-left: 8px;">API Portal</span>
</td>
<td style="vertical-align: middle; text-align: right;">
<!-- Lock Icon -->
<img src="email_icon_lock.png" alt="보안" width="74" height="60" style="display: inline-block; vertical-align: middle;">
</td>
</tr>
</table>
</td>
</tr>
<!-- Content Section -->
<tr>
<td style="padding: 0 25px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color: #fdfdfd; border-top: 4px solid #0049b4;">
<tr>
<td class="content-inner" style="padding: 40px 30px;">
<!-- Title -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td align="center" style="padding-bottom: 40px;">
<h1 style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 28px; font-weight: 700; color: #2f3b51; margin: 0;">
[ 이메일 인증 ]
</h1>
</td>
</tr>
</table>
<!-- Greeting Message -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td align="center" style="padding-bottom: 30px;">
<p style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 20px; color: #000000; line-height: 36px; margin: 0; text-align: center;">
<span style="font-weight: 700;">{{userName}}님</span> 안녕하세요.<br>
광주은행 API Portal에 가입해 주셔서 감사합니다.<br>
아래 인증번호를 이메일 인증 페이지에 입력 해주세요.
</p>
</td>
</tr>
</table>
<!-- Verification Code Box -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td align="center" style="padding-bottom: 30px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" class="verification-box" style="width: 438px; max-width: 100%;">
<tr>
<td align="center" style="background-color: #ffffff; border: 6px solid #e5e7eb; border-radius: 20px; padding: 20px 30px;">
<p style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 24px; font-weight: 700; color: #0049b4; margin: 0; letter-spacing: 2px;">
{{verificationCode}}
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- Verification Link -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td align="center" style="padding-bottom: 20px;">
<a href="{{verificationUrl}}" style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 18px; color: #212529; text-decoration: none; word-break: break-all;">
{{verificationUrl}}
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- Footer Section -->
<tr>
<td class="footer-section" style="padding: 25px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<!-- Footer Logo and Notice -->
<tr>
<td style="padding-bottom: 10px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td width="96" style="vertical-align: top; padding-right: 25px;">
<!-- Footer Logo -->
<img src="email_logo_bottom.png" alt="광주은행" width="96" height="18" style="display: block;">
</td>
<td style="vertical-align: top;">
<p style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 12px; color: #515151; line-height: 20px; margin: 0;">
본 메일은 발신 전용으로 회신되지 않습니다.<br>
관련 문의사항은 고객센터 (1588-3388) 또는 홈페이지를 이용하시기 바랍니다.
</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- Footer Links -->
<tr>
<td style="padding: 10px 0 0 121px;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0">
<tr>
<td style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 12px; color: #515151;">
<a href="https://www.kjbank.com" style="color: #515151; text-decoration: none;">은행소개</a>
<span style="color: #515151; padding: 0 7px;">|</span>
<a href="https://www.kjbank.com/privacy" style="color: #515151; text-decoration: none;">개인정보처리방침</a>
<span style="color: #515151; padding: 0 7px;">|</span>
<a href="https://www.kjbank.com/faq" style="color: #515151; text-decoration: none;">자주 묻는 질문</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- Footer Info -->
<tr>
<td style="padding: 8px 0 0 121px;">
<p style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 12px; color: #515151; margin: 0;">
광주광역시 동구 제봉로225, 1층(대인동)
<span style="color: #515151; padding: 0 7px;">|</span>
고객센터 : 1588-3388
<span style="color: #515151; padding: 0 7px;">|</span>
사업자 등록번호 : ???-??-?????
</p>
</td>
</tr>
<!-- Copyright -->
<tr>
<td style="padding: 12px 0 0 121px;">
<p style="font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 12px; color: #8c959f; margin: 0;">
Copyright KWANGJU Bank. ALL Rights Reserved.
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- End Email Container -->
</td>
</tr>
</table>
<!-- End Email Wrapper -->
</body>
</html>