EATS_html/password_email_ko.html at main · Atflow-Corp/EATS_html · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>비밀번호 재설정</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            font-family: 'Pretendard', Arial, sans-serif;
            background-color: #f9f9f9;
        }
        .email-container {
            max-width: 600px;
            margin: 0 auto;
            background-color: #ffffff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        .header {
            background-color: #444CE7;
            color: #ffffff;
            text-align: center;
            padding: 20px;
            font-size: 24px;
            font-weight: bold;
        }
        .header img {
            display: block;
            margin: 0 auto 10px;
            max-width: 120px;
        }
        .content {
            padding: 20px;
            color: #333333;
            font-size: 16px;
            line-height: 1.6;
        }
        .content p {
            margin: 0 0 16px;
        }
        .button-container {
            text-align: center;
            margin: 20px 0;
        }
        .button {
            background-color: #444CE7;
            color: #ffffff;
            padding: 12px 24px;
            text-decoration: none;
            font-size: 16px;
            border-radius: 4px;
        }
        .alternative-url {
            margin-top: 20px;
            font-size: 14px;
            color: #666666;
            text-align: center;
            line-height: 1.6;
        }
        .alternative-url a {
            color: #444CE7;
            text-decoration: underline;
        }
        .footer {
            background-color: #f0f0f0;
            text-align: center;
            padding: 20px;
            font-size: 12px;
            color: #888888;
            line-height: 1.6;
        }
        .footer strong {
            color: #444CE7;
        }
        .temporary-password {
            background-color: #f5f5f5;
            padding: 10px;
            border-radius: 4px;
            font-size: 18px;
            font-weight: bold;
            text-align: center;
            margin: 20px 0;
            color: #444CE7;
        }
        .copyright {
            margin-top: 10px;
            font-size: 11px;
            color: #aaaaaa;
        }
    </style>
</head>
<body>
    <div class="email-container">
        <!-- 헤더 및 로고 -->
        <div class="header">
            <img src="img/logo_white.svg" alt="서비스 로고">
            비밀번호 재설정
        </div>
        <!-- 본문 내용 -->
        <div class="content">
            <p><strong>안녕하세요, 퍼플톡입니다. </strong></p>
            <p>아래는 임시로 발급된 비밀번호입니다. 로그인 후 비밀번호를 반드시 변경해주세요:</p>
            <div class="temporary-password">
                Abcd1234!
            </div>
            <p>아래 버튼을 클릭하면 로그인 페이지로 이동합니다:</p>
        </div>
        <!-- 로그인 버튼 -->
        <div class="button-container">
            <a href="https://example.com/login" class="button">로그인</a>
        </div>
        <!-- 버튼 미작동 안내 -->
        <div class="alternative-url">
            위 버튼이 클릭되지 않을 경우,<br>
            아래 주소를 복사해 주소창에 붙인 후 사용해주세요:<br>
            <a href="https://example.com/login">https://example.com/login</a>
        </div>
        <!-- 푸터 -->
        <div class="footer">
            <p>본 메일은 자동발신 메일로 회신하실 수 없습니다. 문의사항은 고객센터 이용을 부탁드립니다.</p>
            <p>
                사업자 등록번호: 189-81-02178<br>
                대표: 하헌진<br>
                주소: 서울특별시 강남구 역삼로 165, 6층 A실(역삼동, 해성빌딩) <br>
                고객센터: 02-1234-5678
            </p>
            <div class="copyright">
                © 2025 PurpleTalk Corp. All rights reserved.
            </div>
        </div>
    </div>
</body>
</html>