Skip to content

Commit 44d52ee

Browse files
lidarbtclidarbtc
committed
o
1 parent b4694d7 commit 44d52ee

3 files changed

Lines changed: 1109 additions & 16 deletions

File tree

‎apps/email_template/build_production/oko_code.html‎

Lines changed: 288 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,288 @@
1+
bodyClass: bg-[#ededed] preheader: OKO initial layout ---
2+
<!DOCTYPE html>
3+
<html lang="en" xmlns:v="urn:schemas-microsoft-com:vml">
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="x-apple-disable-message-reformatting">
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
9+
<meta name="color-scheme" content="light dark">
10+
<meta name="supported-color-schemes" content="light dark">
11+
<!--[if mso]>
12+
<noscript>
13+
<xml>
14+
<o:OfficeDocumentSettings
15+
xmlns:o="urn:schemas-microsoft-com:office:office"
16+
>
17+
<o:PixelsPerInch>96</o:PixelsPerInch>
18+
</o:OfficeDocumentSettings>
19+
</xml>
20+
</noscript>
21+
<style>
22+
td,
23+
th,
24+
div,
25+
p,
26+
a,
27+
h1,
28+
h2,
29+
h3,
30+
h4,
31+
h5,
32+
h6 {
33+
font-family: "Segoe UI", sans-serif;
34+
mso-line-height-rule: exactly;
35+
}
36+
</style>
37+
<![endif]-->
38+
<link rel="preconnect" href="https://fonts.googleapis.com">
39+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
40+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@500;600&display=swap" rel="stylesheet" media="screen">
41+
<style>
42+
@media (max-width: 600px) {
43+
.sm-px-4 {
44+
padding-left: 16px !important;
45+
padding-right: 16px !important
46+
}
47+
.sm-py-6 {
48+
padding-top: 24px !important;
49+
padding-bottom: 24px !important
50+
}
51+
}
52+
</style>
53+
</head>
54+
<body style="margin: 0; width: 100%; padding: 0; -webkit-font-smoothing: antialiased; word-break: break-word">
55+
<div role="article" aria-roledescription="email" aria-label lang="en">
56+
<div class="sm-px-4" style="background-color: #ededed; font-family: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif">
57+
<table align="center" role="presentation" cellpadding="0" cellspacing="0" style="width: 100%">
58+
<tr>
59+
<td class="sm-py-6" style="padding-top: 32px; padding-bottom: 32px">
60+
<table align="center" role="presentation" cellpadding="0" cellspacing="0" style="margin-left: auto; margin-right: auto; width: 600px; max-width: 100%; border-spacing: 0">
61+
<tr>
62+
<td style="padding: 0">
63+
<table role="presentation" style="width: 100%; border-radius: 28px; background-color: #ededed; border-spacing: 0" cellpadding="0" cellspacing="0">
64+
<tr>
65+
<td style="padding: 8px">
66+
<div style="position: relative; width: 100%">
67+
<img src="https://oko-wallet.s3.ap-northeast-2.amazonaws.com/assets/email/light/code-header.png" width="584" alt="OKO header" style="vertical-align: middle; display: block; width: 584px; max-width: 100%; border-radius: 20px">
68+
</div>
69+
<div style="height: 633px; width: 100%">
70+
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="width: 100%; border-spacing: 0">
71+
<tr>
72+
<td align="center" valign="top" style="padding-top: 32px">
73+
<table role="presentation" width="360" cellpadding="0" cellspacing="0" style="border-spacing: 0; width: 360px; max-width: 100%">
74+
<tr>
75+
<td valign="top" style="height: 454px">
76+
<table role="presentation" width="360" cellpadding="0" cellspacing="0" style="border-spacing: 0; height: 454px; width: 360px; max-width: 100%">
77+
<tr>
78+
<td>
79+
<table role="presentation" width="360" cellpadding="0" cellspacing="0" style="height: 454px; border-spacing: 0; opacity: 1; width: 360px; max-width: 100%">
80+
<tr>
81+
<td>
82+
<p style="font-family: Inter, Arial, sans-serif; letter-spacing: -0.01em; color: #1c1b1f; margin: 0; font-size: 16px; font-weight: 500; line-height: 160%">
83+
Enter this code in your blah
84+
blah. The code is valid for
85+
${email_verification_expiration_minutes}
86+
minutes for your security.
87+
</p>
88+
</td>
89+
</tr>
90+
<tr>
91+
<td height="32" style="
92+
height: 32px;
93+
line-height: 32px;
94+
font-size: 0;
95+
">
96+
&nbsp;
97+
</td>
98+
</tr>
99+
<tr>
100+
<td>
101+
<table role="presentation" width="360" align="center" cellpadding="0" cellspacing="0" style="border-spacing: 0; width: 360px; max-width: 100%">
102+
<tr>
103+
<td style="
104+
background-color: #ffffff;
105+
border-radius: 16px;
106+
width: 360px;
107+
height: 260px;
108+
gap: 24px;
109+
opacity: 1;
110+
">
111+
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="
112+
border-spacing: 0;
113+
">
114+
<tr>
115+
<td align="left" style="
116+
padding: 10px 0 0 10px;
117+
">
118+
<img src="https://oko-wallet.s3.ap-northeast-2.amazonaws.com/assets/email/light/screw-top-left.png" width="16" height="16" alt style="max-width: 100%; vertical-align: middle; display: block; border: 0; outline: none; text-decoration: none">
119+
</td>
120+
<td align="right" style="
121+
padding: 10px 10px 0 0;
122+
">
123+
<img src="https://oko-wallet.s3.ap-northeast-2.amazonaws.com/assets/email/light/screw-top-right.png" width="16" height="16" alt style="max-width: 100%; vertical-align: middle; display: block; border: 0; outline: none; text-decoration: none">
124+
</td>
125+
</tr>
126+
</table>
127+
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="
128+
border-spacing: 0;
129+
">
130+
<tr>
131+
<td align="center" style="
132+
padding: 48px 32px;
133+
">
134+
<table role="presentation" width="296" cellpadding="0" cellspacing="0" style="height: 164px; border-spacing: 0; margin-left: auto; margin-right: auto; width: 296px; max-width: 100%">
135+
<tr>
136+
<td style="
137+
height: 52px;
138+
">
139+
<p style="font-family: Inter,
140+
Arial,
141+
sans-serif; letter-spacing: -0.01em; color: #1c1b1f; margin: 0; text-align: center; font-size: 16px; font-weight: 500; line-height: 160%">
142+
Your 6-digit
143+
code for
144+
changing
145+
your
146+
password
147+
</p>
148+
</td>
149+
</tr>
150+
<tr>
151+
<td height="16" style="
152+
height: 16px;
153+
line-height: 16px;
154+
font-size: 0;
155+
">
156+
&nbsp;
157+
</td>
158+
</tr>
159+
<tr>
160+
<td style="
161+
height: 48px;
162+
">
163+
<p style="font-family: Inter,
164+
Arial,
165+
sans-serif; font-weight: 600; font-size: 40px; line-height: 100%; letter-spacing: -0.03em; color: #1c1b1f; text-transform: capitalize; margin: 0; text-align: center">
166+
${verification_code}
167+
</p>
168+
</td>
169+
</tr>
170+
<tr>
171+
<td height="24" style="
172+
height: 24px;
173+
line-height: 24px;
174+
font-size: 0;
175+
">
176+
&nbsp;
177+
</td>
178+
</tr>
179+
<tr>
180+
<td align="center" style="
181+
height: 24px;
182+
">
183+
<img src="https://oko-wallet.s3.ap-northeast-2.amazonaws.com/assets/email/light/code-key-icon.png" width="24" height="24" alt="Key icon" style="max-width: 100%; vertical-align: middle; display: block; width: 24px; height: 24px">
184+
</td>
185+
</tr>
186+
</table>
187+
</td>
188+
</tr>
189+
</table>
190+
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="
191+
border-spacing: 0;
192+
">
193+
<tr>
194+
<td align="left" style="
195+
padding: 0 0 10px 10px;
196+
">
197+
<img src="https://oko-wallet.s3.ap-northeast-2.amazonaws.com/assets/email/light/screw-bottom-left.png" width="16" height="16" alt style="max-width: 100%; vertical-align: middle; display: block; border: 0; outline: none; text-decoration: none">
198+
</td>
199+
<td align="right" style="
200+
padding: 0 10px 10px 0;
201+
">
202+
<img src="https://oko-wallet.s3.ap-northeast-2.amazonaws.com/assets/email/light/screw-bottom-right.png" width="16" height="16" alt style="max-width: 100%; vertical-align: middle; display: block; border: 0; outline: none; text-decoration: none">
203+
</td>
204+
</tr>
205+
</table>
206+
</td>
207+
</tr>
208+
</table>
209+
</td>
210+
</tr>
211+
<tr>
212+
<td height="32" style="
213+
height: 32px;
214+
line-height: 32px;
215+
font-size: 0;
216+
">
217+
&nbsp;
218+
</td>
219+
</tr>
220+
<tr>
221+
<td>
222+
<p style="font-family: Inter, Arial, sans-serif; letter-spacing: -0.01em; color: #1c1b1f; margin: 0; font-size: 16px; font-weight: 500; line-height: 160%">
223+
If you didn't make this
224+
request, you can safely delete
225+
this email.
226+
</p>
227+
</td>
228+
</tr>
229+
</table>
230+
</td>
231+
</tr>
232+
<tr>
233+
<td height="32" style="
234+
height: 32px;
235+
line-height: 32px;
236+
font-size: 0;
237+
">
238+
&nbsp;
239+
</td>
240+
</tr>
241+
<tr>
242+
<td>
243+
<table role="presentation" width="360" cellpadding="0" cellspacing="0" style="border-spacing: 0; height: 26px; width: 360px; max-width: 100%">
244+
<tr>
245+
<td align="center">
246+
<p style="font-family: Inter, Arial, sans-serif; letter-spacing: -0.01em; color: #1c1b1f; margin: 0; text-align: center; font-size: 16px; font-weight: 500; line-height: 160%">
247+
Oko Team
248+
</p>
249+
</td>
250+
</tr>
251+
</table>
252+
</td>
253+
</tr>
254+
<tr>
255+
<td height="33.72" style="
256+
height: 33.72px;
257+
line-height: 33.72px;
258+
font-size: 0;
259+
">
260+
&nbsp;
261+
</td>
262+
</tr>
263+
<tr>
264+
<td align="center">
265+
<img src="https://oko-wallet.s3.ap-northeast-2.amazonaws.com/assets/email/light/logo-footer.png" width="64" height="25" alt="OKO" style="max-width: 100%; vertical-align: middle; display: block; width: 64px; height: 25px">
266+
</td>
267+
</tr>
268+
</table>
269+
</td>
270+
</tr>
271+
</table>
272+
</td>
273+
</tr>
274+
</table>
275+
</div>
276+
</td>
277+
</tr>
278+
</table>
279+
</td>
280+
</tr>
281+
</table>
282+
</td>
283+
</tr>
284+
</table>
285+
</div>
286+
</div>
287+
</body>
288+
</html>

0 commit comments

Comments
 (0)