Hugging Face's logo

Spaces:
abhicodes
/
storycircleapi
Runtime error

App Files Community
abhicodes commited on
Commit
06debdb
·
1 Parent(s): 09c60dd

Upload 3 files

Browse files
Files changed (3) hide show
  1. templates/email.html +535 -0
  2. templates/feedback.html +524 -0
  3. templates/password.html +535 -0
templates/email.html ADDED
@@ -0,0 +1,535 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <html xmlns="http:www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
2
+
3
+ <head>
4
+ <meta charset="utf8">
5
+ <meta http-equiv="x-ua-compatible" content="ie=edge">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1">
7
+ <meta name="x-apple-disable-message-reformatting">
8
+ <!--[if gte mso 9]>
9
+ <xml>
10
+ <o:OfficeDocumentSettings>
11
+ <o:AllowPNG/>
12
+ <o:PixelsPerInch>96</o:PixelsPerInch>
13
+ </o:OfficeDocumentSettings>
14
+ </xml>
15
+ <![endif]-->
16
+
17
+ <!--[if mso]>
18
+ <style type="text/css">
19
+ body,table tr,table td,a, span,table.MsoNormalTable{font-family:Helvetica,Arial,sans-serif !important;}
20
+ </style>
21
+ <![endif]-->
22
+ <style type="text/css">
23
+ .bg-linkedin {
24
+ background-color: #0077b5 !important;
25
+ }
26
+
27
+ .hover-bg-gray-200:hover {
28
+ background-color: #edf2f7 !important;
29
+ }
30
+
31
+ .hover-bg-gray-900:hover {
32
+ background-color: #1a202c !important;
33
+ }
34
+
35
+ .hover-bg-red-700:hover {
36
+ background-color: #c53030 !important;
37
+ }
38
+
39
+ .hover-bg-blue-700:hover {
40
+ background-color: #2b6cb0 !important;
41
+ }
42
+
43
+ .hover-bg-blue-800:hover {
44
+ background-color: #2c5282 !important;
45
+ }
46
+
47
+ .hover-bg-indigo-700:hover {
48
+ background-color: #4c51bf !important;
49
+ }
50
+
51
+ .hover-opacity-100:hover {
52
+ opacity: 1 !important;
53
+ }
54
+
55
+ .hover-text-white:hover {
56
+ color: #ffffff !important;
57
+ }
58
+
59
+ .hover-text-blue-400:hover {
60
+ color: #63b3ed !important;
61
+ }
62
+
63
+ .hover-no-underline:hover {
64
+ text-decoration: none !important;
65
+ }
66
+
67
+ @media screen {
68
+ img {
69
+ max-width: 100%;
70
+ }
71
+
72
+ td,
73
+ th {
74
+ box-sizing: border-box;
75
+ }
76
+
77
+ a[x-apple-data-detectors] {
78
+ color: inherit;
79
+ text-decoration: none;
80
+ }
81
+
82
+ .all-font-montserrat {
83
+ font-family: Montserrat, -apple-system, "Segoe UI", Helvetica, sans-serif !important;
84
+ }
85
+
86
+ .all-font-sans {
87
+ font-family: -apple-system, "Segoe UI", sans-serif !important;
88
+ }
89
+ }
90
+
91
+ @media (max-width: 600px) {
92
+ u~div .wrapper {
93
+ min-width: 100vw;
94
+ }
95
+
96
+ img {
97
+ height: auto !important;
98
+ }
99
+
100
+ .sm-rounded-none {
101
+ border-radius: 0 !important;
102
+ }
103
+
104
+ .sm-block {
105
+ display: block !important;
106
+ }
107
+
108
+ .sm-inline-block {
109
+ display: inline-block !important;
110
+ }
111
+
112
+ .sm-hidden {
113
+ display: none !important;
114
+ }
115
+
116
+ .sm-h-20 {
117
+ height: 20px !important;
118
+ }
119
+
120
+ .sm-h-24 {
121
+ height: 24px !important;
122
+ }
123
+
124
+ .sm-h-32 {
125
+ height: 32px !important;
126
+ }
127
+
128
+ .sm-mb-0 {
129
+ margin-bottom: 0 !important;
130
+ }
131
+
132
+ .sm-mb-16 {
133
+ margin-bottom: 16px !important;
134
+ }
135
+
136
+ .sm-opacity-100 {
137
+ opacity: 1 !important;
138
+ }
139
+
140
+ .sm-px-0 {
141
+ padding-left: 0 !important;
142
+ padding-right: 0 !important;
143
+ }
144
+
145
+ .sm-py-10 {
146
+ padding-top: 10px !important;
147
+ padding-bottom: 10px !important;
148
+ }
149
+
150
+ .sm-px-14 {
151
+ padding-left: 14px !important;
152
+ padding-right: 14px !important;
153
+ }
154
+
155
+ .sm-py-24 {
156
+ padding-top: 24px !important;
157
+ padding-bottom: 24px !important;
158
+ }
159
+
160
+ .sm-px-24 {
161
+ padding-left: 24px !important;
162
+ padding-right: 24px !important;
163
+ }
164
+
165
+ .sm-px-10 {
166
+ padding-left: 10px !important;
167
+ padding-right: 10px !important;
168
+ }
169
+
170
+ .sm-px-30 {
171
+ padding-left: 30px !important;
172
+ padding-right: 30px !important;
173
+ }
174
+
175
+ .sm-pt-0 {
176
+ padding-top: 0 !important;
177
+ }
178
+
179
+ .sm-pr-0 {
180
+ padding-right: 0 !important;
181
+ }
182
+
183
+ .sm-pb-0 {
184
+ padding-bottom: 0 !important;
185
+ }
186
+
187
+ .sm-pl-0 {
188
+ padding-left: 0 !important;
189
+ }
190
+
191
+ .sm-pt-4 {
192
+ padding-top: 4px !important;
193
+ }
194
+
195
+ .sm-pt-8 {
196
+ padding-top: 8px !important;
197
+ }
198
+
199
+ .sm-pb-8 {
200
+ padding-bottom: 8px !important;
201
+ }
202
+
203
+ .sm-pt-10 {
204
+ padding-top: 10px !important;
205
+ }
206
+
207
+ .sm-pb-10 {
208
+ padding-bottom: 10px !important;
209
+ }
210
+
211
+ .sm-pb-16 {
212
+ padding-bottom: 16px !important;
213
+ }
214
+
215
+ .sm-pl-10 {
216
+ padding-left: 10px !important;
217
+ }
218
+
219
+ .sm-pr-10 {
220
+ padding-left: 10px !important;
221
+ }
222
+
223
+ .sm-pl-16 {
224
+ padding-left: 16px !important;
225
+ }
226
+
227
+ .sm-pr-16 {
228
+ padding-left: 16px !important;
229
+ }
230
+
231
+ .sm-pt-20 {
232
+ padding-top: 20px !important;
233
+ }
234
+
235
+ .sm-pb-20 {
236
+ padding-bottom: 20px !important;
237
+ }
238
+
239
+ .sm-pl-20 {
240
+ padding-left: 20px !important;
241
+ }
242
+
243
+ .sm-pr-20 {
244
+ padding-left: 20px !important;
245
+ }
246
+
247
+ .sm-pt-24 {
248
+ padding-top: 24px !important;
249
+ }
250
+
251
+ .sm-pb-24 {
252
+ padding-bottom: 24px !important;
253
+ }
254
+
255
+ .sm-pb-32 {
256
+ padding-bottom: 32px !important;
257
+ }
258
+
259
+ .sm-pl-34 {
260
+ padding-left: 34px !important;
261
+ }
262
+
263
+ .sm-pl-40 {
264
+ padding-left: 40px !important;
265
+ }
266
+
267
+ .sm-pr-40 {
268
+ padding-right: 40px !important;
269
+ }
270
+
271
+ .sm-pb-40 {
272
+ padding-bottom: 40px !important;
273
+ }
274
+
275
+ .sm-text-left {
276
+ text-align: left !important;
277
+ }
278
+
279
+ .sm-text-center {
280
+ text-align: center !important;
281
+ }
282
+
283
+ .sm-w-1-2 {
284
+ width: 50% !important;
285
+ }
286
+
287
+ .sm-w-1-3 {
288
+ width: 33.33333% !important;
289
+ }
290
+
291
+ .sm-w-2-3 {
292
+ width: 66.66667% !important;
293
+ }
294
+
295
+ .sm-w-3-5 {
296
+ width: 60% !important;
297
+ }
298
+
299
+ .sm-w-full {
300
+ width: 100% !important;
301
+ max-width: 100% !important;
302
+ }
303
+ }
304
+ </style>
305
+ <title>Stories</title>
306
+ <style>
307
+ @media (max-width: 600px) {
308
+ img {
309
+ height: auto !important;
310
+ max-width: 100% !important;
311
+ }
312
+
313
+ body {
314
+ padding: 0 10px 10px 10px;
315
+ }
316
+ }
317
+ </style>
318
+ </head>
319
+
320
+ <body style="box-sizing: border-box; margin: 0; padding: 0; width: 100%; word-break: break-word; -webkit-font-smoothing: antialiased;padding-bottom:20px; background-color: #e100ff" class="sm-px-10">
321
+
322
+ <table style="overflow: hidden;">
323
+ <tbody>
324
+ <tr>
325
+ <td style="display:none !important;visibility:hidden;mso-hide:all;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">StoryCicle</td>
326
+ </tr>
327
+ </tbody>
328
+ </table>
329
+
330
+ <table class="wrapper all-font-sans" width="100%" cellpadding="0" cellspacing="0" role="presentation" style="overflow: hidden;">
331
+ <tbody>
332
+ <tr>
333
+ <td align="center" width="100%">
334
+ <table class="sm-w-full" width="600" cellpadding="0" cellspacing="0" role="presentation" style="overflow: hidden;">
335
+ </table>
336
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation" style="overflow: hidden;">
337
+ <tbody>
338
+ <tr>
339
+ <td style="font-size: 1px; line-height: 1px; border-radius: 4px;">
340
+ <div style="height:15px">&nbsp;</div>
341
+ </td>
342
+ </tr>
343
+ </tbody>
344
+ </table>
345
+ <table class="all-font-sans sm-w-full" cellspacing="0" cellpadding="0" style="overflow: hidden; margin-left: auto; margin-right: auto; width: 600px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; border-radius: 5px; background: rgb(255, 255, 255);" width="600" bgcolor="#FFFFFF">
346
+ <tbody>
347
+ <tr>
348
+ <td align="center" style="padding-top: 40px; padding-bottom: 40px; padding-left: 48px; padding-right: 48px; width: 100%; border-radius: 0px" class="sm-px-24" width="100%">
349
+ <table class="sm-w-full" cellspacing="0" cellpadding="0" style="overflow: hidden; width: 100%;" width="100%">
350
+ <tbody>
351
+ <tr>
352
+ <td align="center" style="text-align: center; padding-bottom: 18px; border-radius: 0px" class="sm-px-0"><a href="#" target="_blank" rel="noopener noreferrer nofollow" style="color: -webkit-link;"><img src="https://imgur.com/PPcagau" data-avatar="false" alt="Logo" style="width: 254px; vertical-align: middle; line-height: 100%; max-width: 100%; border: 0; outline: none;" width="254" height="75"></a></td>
353
+ </tr>
354
+ <tr>
355
+ <td align="center" class="sm-px-0" style="border-radius: 0px"><a href target="_blank" rel="noopener noreferrer nofollow" style="color: -webkit-link;"><img src="https://letter-so.s3.us-west-1.amazonaws.com/uploads/exports/6410e03bdbcbc3164be07d14/102023/1696198310014twitter%2B%281%29%2B1.png" data-avatar="false" style="width: 16px; vertical-align: middle; line-height: 100%; max-width: 100%; border: 0; outline: none;" width="16" height="16"></a><span style="display: inline">&nbsp;&nbsp;</span><a href target="_blank" rel="noopener noreferrer nofollow" style="color: -webkit-link;"><img src="https://letter-so.s3.us-west-1.amazonaws.com/uploads/exports/6410e03bdbcbc3164be07d14/102023/1696198310014instagram%2B1.png" data-avatar="false" style="width: 16px; vertical-align: middle; line-height: 100%; max-width: 100%; border: 0; outline: none;" width="16" height="16"></a><span style="display: inline">&nbsp;&nbsp;</span><a href target="_blank" rel="noopener noreferrer nofollow" style="color: -webkit-link;"><img src="https://letter-so.s3.us-west-1.amazonaws.com/uploads/exports/6410e03bdbcbc3164be07d14/102023/1696198310014facebook%2B%281%29%2B1.png" data-avatar="false" style="width: 16px; vertical-align: middle; line-height: 100%; max-width: 100%; border: 0; outline: none;" width="16" height="16"></a></td>
356
+ </tr>
357
+ </tbody>
358
+ </table>
359
+ </td>
360
+ </tr>
361
+ </tbody>
362
+ </table>
363
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation" style="overflow: hidden;">
364
+ <tbody>
365
+ <tr>
366
+ <td style="font-size: 1px; line-height: 1px;">
367
+ <div style="height:15px">&nbsp;</div>
368
+ </td>
369
+ </tr>
370
+ </tbody>
371
+ </table>
372
+ <table class="sm-w-full all-font-sans" cellspacing="0" cellpadding="0" style="overflow: hidden; margin-left: auto; margin-right: auto; width: 600px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; border-radius: 5px; background: rgb(255, 255, 255);" width="600" bgcolor="#FFFFFF">
373
+ <tbody>
374
+ <tr>
375
+ <td style="border-radius: 0px">
376
+ <table cellspacing="0" cellpadding="0" style="overflow: hidden;">
377
+ <tbody>
378
+ <tr>
379
+ <td style="padding-top: 40px; padding-bottom: 40px; padding-left: 48px; padding-right: 48px; width: 100%; border-radius: 0px" class="sm-px-24" width="100%">
380
+ <table cellspacing="0" cellpadding="0" style="overflow: hidden; width: 100%;" width="100%">
381
+ <tbody>
382
+ <tr>
383
+ <td style="padding-bottom: 24px; border-radius: 0px" class="sm-px-0">
384
+ <h1 style="margin: 0 0 12px 0; line-height: 1.24; font-weight: bold; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 36px; color: #222;">Welcome to StoryCircle !</h1>
385
+ </td>
386
+ </tr>
387
+ <tr>
388
+ <td style="padding-bottom: 24px; border-radius: 0px" class="sm-px-0"><a href target="_blank" rel="noopener noreferrer nofollow" style="color: -webkit-link;"><img src="https://letter-so.s3.us-west-1.amazonaws.com/uploads/exports/6410e03bdbcbc3164be07d14/102023/1696198310014banner.gif.gif" data-avatar="false" alt="Photo frame" style="width: 504px; max-width: 100%; vertical-align: middle; line-height: 100%; border: 0; outline: none;" width="504" height="340"></a></td>
389
+ </tr>
390
+ <tr>
391
+ <td style="padding-bottom: 24px; border-radius: 0px" class="sm-px-0">
392
+ <div>
393
+ <p style="margin: 0 0 12px 0; line-height: 1.6; margin-bottom: 24px; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 18px; color: #222;"><strong>Hey {{name}},</strong></p>
394
+ <p style="margin: 0 0 12px 0; line-height: 1.6; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 18px; color: #222;">Welcome to StoryCircle! Let's get started!</p>
395
+ </div>
396
+ </td>
397
+ </tr>
398
+ <tr>
399
+ <td style="padding-top: 12px; padding-bottom: 12px; line-height: 1.26" class="sm-px-0">
400
+ <div>
401
+ <p style="margin: 0 0 12px 0; line-height: 1.6; color: #2d3748; font-size: 18px;"><strong>OTP (One-Time Password)</strong><br>Your OTP for registration:</p>
402
+ </div>
403
+ </td>
404
+ </tr>
405
+ <tr>
406
+ <td align="center" class="sm-px-0" style="border-radius: 0px">
407
+ <table align="center" cellspacing="0" cellpadding="0" style="overflow: hidden; margin-left: auto; margin-right: auto;">
408
+ <tbody>
409
+ <tr>
410
+ <th colspan="1" rowspan="1" style="padding-left: 20px; padding-right: 20px; border-radius: 4px; background-color:#584dff; mso-padding-alt: 12px 48px" bgcolor="#584dff"><a style="display: inline-block; padding-top: 16px; padding-bottom: 16px; text-decoration: none; color: #ffffff; font-size: 16px;" href="#button" target="_blank"><span style="font-size: 18px">{{otp}}</span></a></th>
411
+ </tr>
412
+ </tbody>
413
+ </table>
414
+ </td>
415
+ </tr>
416
+ <tr>
417
+ <td style="padding-top: 12px; padding-bottom: 12px; line-height: 1.26" class="sm-px-0">
418
+ <div>
419
+ <p style="margin: 0 0 12px 0; line-height: 1.6; text-align: center; font-size: 18px; color: #ff0000;" align="center"><span style="font-size: 16px"><strong><em>Please keep this OTP confidential and do not share it with anyone.</em></strong></span></p>
420
+ </div>
421
+ </td>
422
+ </tr>
423
+ </tbody>
424
+ </table>
425
+ </td>
426
+ </tr>
427
+ </tbody>
428
+ </table>
429
+ </td>
430
+ </tr>
431
+ </tbody>
432
+ </table>
433
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation" style="overflow: hidden;">
434
+ <tbody>
435
+ <tr>
436
+ <td style="font-size: 1px; line-height: 1px;">
437
+ <div style="height:15px">&nbsp;</div>
438
+ </td>
439
+ </tr>
440
+ </tbody>
441
+ </table>
442
+ <table class="all-font-sans sm-w-full sm-px-24" cellspacing="0" cellpadding="0" style="overflow: hidden; margin-left: auto; margin-right: auto; width: 600px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; border-radius: 4px; background: rgb(255, 255, 255);" width="600" bgcolor="#ffffff">
443
+ <tbody>
444
+ <tr>
445
+ <td style="width: 100%" width="100%">
446
+ <table align="center" cellspacing="0" cellpadding="0" style="overflow: hidden; width: 100%;" width="100%">
447
+ <tbody>
448
+ <tr>
449
+ <td style="padding-top: 40px; padding-bottom: 40px; padding-left: 48px; padding-right: 48px; width: 100%" class="sm-px-24" width="100%">
450
+ <table cellspacing="0" cellpadding="0" style="overflow: hidden; width: 100%;" width="100%">
451
+ <tbody>
452
+ <tr align="center">
453
+ <td dir="rtl">
454
+ <!--[if (gte mso 9)|(IE)]> <table width=504 style='width:504px;' bgcolor='#ffffff' cellpadding='0' cellspacing='0' align=center> <tr> <td> <![endif]-->
455
+ <div style="width: 100%; vertical-align: top; display: inline" valign="top" dir="ltr">
456
+ <table style="overflow: hidden; float: right;" align="right" class="sm-pt-24 sm-w-full" cellspacing="0" cellpadding="0">
457
+ <tbody>
458
+ <tr align="right">
459
+ <td class="sm-w-3-5 sm-px-10 sm-pt-10 sm-pb-20"><a href target="_blank" rel="noopener noreferrer nofollow" class="sm-w-full" style="color: -webkit-link;"><img src="https://letter-so.s3.us-west-1.amazonaws.com/uploads/exports/6410e03bdbcbc3164be07d14/102023/1696198310014gps-location.svg.png" data-avatar="false" style="width: 202px; max-width: 100%; border-radius: 4px; vertical-align: middle; border: 0; outline: none;" width="202" height="202" class="sm-w-full"></a></td>
460
+ </tr>
461
+ </tbody>
462
+ </table>
463
+ </div>
464
+ <!--[if mso]></td><td width=252 style='width:252px;' align=right><![endif]-->
465
+ <div style="width: 100%; vertical-align: top; display: inline" valign="top" dir="ltr">
466
+ <table style="overflow: hidden; float: left; width: 252px;" class="sm-px-0 sm-w-full" cellspacing="0" cellpadding="0" width="252">
467
+ <tbody>
468
+ <tr>
469
+ <td style="vertical-align: top; padding-right: 16px" valign="top" class="sm-text-center sm-w-full sm-pt-0 sm-pb-40 sm-px-10">
470
+ <div style="margin: 0; font-size: 16px; color: #2d3748">
471
+ <p style="margin: 0 0 12px 0; line-height: 1.6; margin-bottom: 24px; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 16px; color: #222;">Become a part of the StoryCircle community.</p>
472
+ </div><a style="display: inline-block; text-decoration: none; color: #000000; font-size: 16px;" href="https://github.com" target="_blank"><strong>Github →</strong></a>
473
+ </td>
474
+ </tr>
475
+ </tbody>
476
+ </table>
477
+ </div>
478
+ <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]-->
479
+ </td>
480
+ </tr>
481
+ </tbody>
482
+ </table>
483
+ </td>
484
+ </tr>
485
+ </tbody>
486
+ </table>
487
+ </td>
488
+ </tr>
489
+ </tbody>
490
+ </table>
491
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation" style="overflow: hidden;">
492
+ <tbody>
493
+ <tr>
494
+ <td style="font-size: 1px; line-height: 1px;">
495
+ <div style="height:15px">&nbsp;</div>
496
+ </td>
497
+ </tr>
498
+ </tbody>
499
+ </table>
500
+ <table class="all-font-sans sm-w-full" cellspacing="0" cellpadding="0" style="overflow: hidden; margin-left: auto; margin-right: auto; width: 600px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; border-radius: 5px; background: rgb(255, 255, 255); margin-bottom: 16px;" width="600" bgcolor="#FFFFFF">
501
+ <tbody>
502
+ <tr>
503
+ <td style="padding-top: 40px; padding-bottom: 40px; padding-left: 48px; padding-right: 48px; width: 100%; border-radius: 0px" class="sm-px-24" width="100%">
504
+ <table cellspacing="0" cellpadding="0" style="overflow: hidden; width: 100%;" width="100%">
505
+ <tbody>
506
+ <tr>
507
+ <td align="center" style="text-align: center; padding-bottom: 8px; border-radius: 0px" class="sm-px-0"><a href="#" target="_blank" rel="noopener noreferrer nofollow" style="color: -webkit-link;"><img src="https://imgur.com/PPcagau" data-avatar="false" alt="Letter" style="width: 256px; max-width: 100%; border: 0; outline: none;" width="256" height="82"></a></td>
508
+ </tr>
509
+ <tr>
510
+ <td align="center" style="text-align: center; border-radius: 0px" class="sm-px-0">
511
+ <p style="font-size: 16px; margin: 0 0 12px 0; line-height: 1.6; font-family: -apple-system, 'Segoe UI', sans-serif; color: #222;"><a target="_blank" rel="noopener noreferrer nofollow" href="https://example.com" style="font-size: 12px; text-decoration: none; color: #222;"><span style="color: #787474">Unsubscribe from this list.</span></a></p>
512
+ </td>
513
+ </tr>
514
+ </tbody>
515
+ </table>
516
+ </td>
517
+ </tr>
518
+ </tbody>
519
+ </table>
520
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation" style="overflow: hidden;">
521
+ <tbody>
522
+ <tr>
523
+ <td style="font-size: 1px; line-height: 1px;">
524
+ <div style="height:15px">&nbsp;</div>
525
+ </td>
526
+ </tr>
527
+ </tbody>
528
+ </table>
529
+ </td>
530
+ </tr>
531
+ </tbody>
532
+ </table>
533
+ </body>
534
+
535
+ </html>
templates/feedback.html ADDED
@@ -0,0 +1,524 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <html xmlns="http:www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
2
+
3
+ <head>
4
+ <meta charset="utf8">
5
+ <meta http-equiv="x-ua-compatible" content="ie=edge">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1">
7
+ <meta name="x-apple-disable-message-reformatting">
8
+ <!--[if gte mso 9]>
9
+ <xml>
10
+ <o:OfficeDocumentSettings>
11
+ <o:AllowPNG/>
12
+ <o:PixelsPerInch>96</o:PixelsPerInch>
13
+ </o:OfficeDocumentSettings>
14
+ </xml>
15
+ <![endif]-->
16
+
17
+ <!--[if mso]>
18
+ <style type="text/css">
19
+ body,table tr,table td,a, span,table.MsoNormalTable{font-family:Helvetica,Arial,sans-serif !important;}
20
+ </style>
21
+ <![endif]-->
22
+ <style type="text/css">
23
+ .bg-linkedin {
24
+ background-color: #0077b5 !important;
25
+ }
26
+
27
+ .hover-bg-gray-200:hover {
28
+ background-color: #edf2f7 !important;
29
+ }
30
+
31
+ .hover-bg-gray-900:hover {
32
+ background-color: #1a202c !important;
33
+ }
34
+
35
+ .hover-bg-red-700:hover {
36
+ background-color: #c53030 !important;
37
+ }
38
+
39
+ .hover-bg-blue-700:hover {
40
+ background-color: #2b6cb0 !important;
41
+ }
42
+
43
+ .hover-bg-blue-800:hover {
44
+ background-color: #2c5282 !important;
45
+ }
46
+
47
+ .hover-bg-indigo-700:hover {
48
+ background-color: #4c51bf !important;
49
+ }
50
+
51
+ .hover-opacity-100:hover {
52
+ opacity: 1 !important;
53
+ }
54
+
55
+ .hover-text-white:hover {
56
+ color: #ffffff !important;
57
+ }
58
+
59
+ .hover-text-blue-400:hover {
60
+ color: #63b3ed !important;
61
+ }
62
+
63
+ .hover-no-underline:hover {
64
+ text-decoration: none !important;
65
+ }
66
+
67
+ @media screen {
68
+ img {
69
+ max-width: 100%;
70
+ }
71
+
72
+ td,
73
+ th {
74
+ box-sizing: border-box;
75
+ }
76
+
77
+ a[x-apple-data-detectors] {
78
+ color: inherit;
79
+ text-decoration: none;
80
+ }
81
+
82
+ .all-font-montserrat {
83
+ font-family: Montserrat, -apple-system, "Segoe UI", Helvetica, sans-serif !important;
84
+ }
85
+
86
+ .all-font-sans {
87
+ font-family: -apple-system, "Segoe UI", sans-serif !important;
88
+ }
89
+ }
90
+
91
+ @media (max-width: 600px) {
92
+ u~div .wrapper {
93
+ min-width: 100vw;
94
+ }
95
+
96
+ img {
97
+ height: auto !important;
98
+ }
99
+
100
+ .sm-rounded-none {
101
+ border-radius: 0 !important;
102
+ }
103
+
104
+ .sm-block {
105
+ display: block !important;
106
+ }
107
+
108
+ .sm-inline-block {
109
+ display: inline-block !important;
110
+ }
111
+
112
+ .sm-hidden {
113
+ display: none !important;
114
+ }
115
+
116
+ .sm-h-20 {
117
+ height: 20px !important;
118
+ }
119
+
120
+ .sm-h-24 {
121
+ height: 24px !important;
122
+ }
123
+
124
+ .sm-h-32 {
125
+ height: 32px !important;
126
+ }
127
+
128
+ .sm-mb-0 {
129
+ margin-bottom: 0 !important;
130
+ }
131
+
132
+ .sm-mb-16 {
133
+ margin-bottom: 16px !important;
134
+ }
135
+
136
+ .sm-opacity-100 {
137
+ opacity: 1 !important;
138
+ }
139
+
140
+ .sm-px-0 {
141
+ padding-left: 0 !important;
142
+ padding-right: 0 !important;
143
+ }
144
+
145
+ .sm-py-10 {
146
+ padding-top: 10px !important;
147
+ padding-bottom: 10px !important;
148
+ }
149
+
150
+ .sm-px-14 {
151
+ padding-left: 14px !important;
152
+ padding-right: 14px !important;
153
+ }
154
+
155
+ .sm-py-24 {
156
+ padding-top: 24px !important;
157
+ padding-bottom: 24px !important;
158
+ }
159
+
160
+ .sm-px-24 {
161
+ padding-left: 24px !important;
162
+ padding-right: 24px !important;
163
+ }
164
+
165
+ .sm-px-10 {
166
+ padding-left: 10px !important;
167
+ padding-right: 10px !important;
168
+ }
169
+
170
+ .sm-px-30 {
171
+ padding-left: 30px !important;
172
+ padding-right: 30px !important;
173
+ }
174
+
175
+ .sm-pt-0 {
176
+ padding-top: 0 !important;
177
+ }
178
+
179
+ .sm-pr-0 {
180
+ padding-right: 0 !important;
181
+ }
182
+
183
+ .sm-pb-0 {
184
+ padding-bottom: 0 !important;
185
+ }
186
+
187
+ .sm-pl-0 {
188
+ padding-left: 0 !important;
189
+ }
190
+
191
+ .sm-pt-4 {
192
+ padding-top: 4px !important;
193
+ }
194
+
195
+ .sm-pt-8 {
196
+ padding-top: 8px !important;
197
+ }
198
+
199
+ .sm-pb-8 {
200
+ padding-bottom: 8px !important;
201
+ }
202
+
203
+ .sm-pt-10 {
204
+ padding-top: 10px !important;
205
+ }
206
+
207
+ .sm-pb-10 {
208
+ padding-bottom: 10px !important;
209
+ }
210
+
211
+ .sm-pb-16 {
212
+ padding-bottom: 16px !important;
213
+ }
214
+
215
+ .sm-pl-10 {
216
+ padding-left: 10px !important;
217
+ }
218
+
219
+ .sm-pr-10 {
220
+ padding-left: 10px !important;
221
+ }
222
+
223
+ .sm-pl-16 {
224
+ padding-left: 16px !important;
225
+ }
226
+
227
+ .sm-pr-16 {
228
+ padding-left: 16px !important;
229
+ }
230
+
231
+ .sm-pt-20 {
232
+ padding-top: 20px !important;
233
+ }
234
+
235
+ .sm-pb-20 {
236
+ padding-bottom: 20px !important;
237
+ }
238
+
239
+ .sm-pl-20 {
240
+ padding-left: 20px !important;
241
+ }
242
+
243
+ .sm-pr-20 {
244
+ padding-left: 20px !important;
245
+ }
246
+
247
+ .sm-pt-24 {
248
+ padding-top: 24px !important;
249
+ }
250
+
251
+ .sm-pb-24 {
252
+ padding-bottom: 24px !important;
253
+ }
254
+
255
+ .sm-pb-32 {
256
+ padding-bottom: 32px !important;
257
+ }
258
+
259
+ .sm-pl-34 {
260
+ padding-left: 34px !important;
261
+ }
262
+
263
+ .sm-pl-40 {
264
+ padding-left: 40px !important;
265
+ }
266
+
267
+ .sm-pr-40 {
268
+ padding-right: 40px !important;
269
+ }
270
+
271
+ .sm-pb-40 {
272
+ padding-bottom: 40px !important;
273
+ }
274
+
275
+ .sm-text-left {
276
+ text-align: left !important;
277
+ }
278
+
279
+ .sm-text-center {
280
+ text-align: center !important;
281
+ }
282
+
283
+ .sm-w-1-2 {
284
+ width: 50% !important;
285
+ }
286
+
287
+ .sm-w-1-3 {
288
+ width: 33.33333% !important;
289
+ }
290
+
291
+ .sm-w-2-3 {
292
+ width: 66.66667% !important;
293
+ }
294
+
295
+ .sm-w-3-5 {
296
+ width: 60% !important;
297
+ }
298
+
299
+ .sm-w-full {
300
+ width: 100% !important;
301
+ max-width: 100% !important;
302
+ }
303
+ }
304
+ </style>
305
+ <title>Stories</title>
306
+ <style>
307
+ @media (max-width: 600px) {
308
+ img {
309
+ height: auto !important;
310
+ max-width: 100% !important;
311
+ }
312
+
313
+ body {
314
+ padding: 0 10px 10px 10px;
315
+ }
316
+ }
317
+ </style>
318
+ </head>
319
+
320
+ <body style="box-sizing: border-box; margin: 0; padding: 0; width: 100%; word-break: break-word; -webkit-font-smoothing: antialiased;padding-bottom:20px; background-color: #e100ff" class="sm-px-10">
321
+
322
+ <table style="overflow: hidden;">
323
+ <tbody>
324
+ <tr>
325
+ <td style="display:none !important;visibility:hidden;mso-hide:all;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">StoryCircle</td>
326
+ </tr>
327
+ </tbody>
328
+ </table>
329
+
330
+ <table class="wrapper all-font-sans" width="100%" cellpadding="0" cellspacing="0" role="presentation" style="overflow: hidden;">
331
+ <tbody>
332
+ <tr>
333
+ <td align="center" width="100%">
334
+ <table class="sm-w-full" width="600" cellpadding="0" cellspacing="0" role="presentation" style="overflow: hidden;">
335
+ </table>
336
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation" style="overflow: hidden;">
337
+ <tbody>
338
+ <tr>
339
+ <td style="font-size: 1px; line-height: 1px; border-radius: 4px;">
340
+ <div style="height:15px">&nbsp;</div>
341
+ </td>
342
+ </tr>
343
+ </tbody>
344
+ </table>
345
+ <table class="all-font-sans sm-w-full" cellspacing="0" cellpadding="0" style="overflow: hidden; margin-left: auto; margin-right: auto; width: 600px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; border-radius: 5px; background: rgb(255, 255, 255);" width="600" bgcolor="#FFFFFF">
346
+ <tbody>
347
+ <tr>
348
+ <td align="center" style="padding-top: 40px; padding-bottom: 40px; padding-left: 48px; padding-right: 48px; width: 100%; border-radius: 0px" class="sm-px-24" width="100%">
349
+ <table class="sm-w-full" cellspacing="0" cellpadding="0" style="overflow: hidden; width: 100%;" width="100%">
350
+ <tbody>
351
+ <tr>
352
+ <td align="center" style="text-align: center; padding-bottom: 18px; border-radius: 0px" class="sm-px-0"><a href="#" target="_blank" rel="noopener noreferrer nofollow" style="color: -webkit-link;"><img src="https://imgur.com/PPcagau" data-avatar="false" alt="Logo" style="width: 254px; vertical-align: middle; line-height: 100%; max-width: 100%; border: 0; outline: none;" width="254" height="75"></a></td>
353
+ </tr>
354
+ <tr>
355
+ <td align="center" class="sm-px-0" style="border-radius: 0px"><a href target="_blank" rel="noopener noreferrer nofollow" style="color: -webkit-link;"><img src="https://letter-so.s3.us-west-1.amazonaws.com/uploads/exports/6410e03bdbcbc3164be07d14/102023/1696198310014twitter%2B%281%29%2B1.png" data-avatar="false" style="width: 16px; vertical-align: middle; line-height: 100%; max-width: 100%; border: 0; outline: none;" width="16" height="16"></a><span style="display: inline">&nbsp;&nbsp;</span><a href target="_blank" rel="noopener noreferrer nofollow" style="color: -webkit-link;"><img src="https://letter-so.s3.us-west-1.amazonaws.com/uploads/exports/6410e03bdbcbc3164be07d14/102023/1696198310014instagram%2B1.png" data-avatar="false" style="width: 16px; vertical-align: middle; line-height: 100%; max-width: 100%; border: 0; outline: none;" width="16" height="16"></a><span style="display: inline">&nbsp;&nbsp;</span><a href target="_blank" rel="noopener noreferrer nofollow" style="color: -webkit-link;"><img src="https://letter-so.s3.us-west-1.amazonaws.com/uploads/exports/6410e03bdbcbc3164be07d14/102023/1696198310014facebook%2B%281%29%2B1.png" data-avatar="false" style="width: 16px; vertical-align: middle; line-height: 100%; max-width: 100%; border: 0; outline: none;" width="16" height="16"></a></td>
356
+ </tr>
357
+ </tbody>
358
+ </table>
359
+ </td>
360
+ </tr>
361
+ </tbody>
362
+ </table>
363
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation" style="overflow: hidden;">
364
+ <tbody>
365
+ <tr>
366
+ <td style="font-size: 1px; line-height: 1px;">
367
+ <div style="height:15px">&nbsp;</div>
368
+ </td>
369
+ </tr>
370
+ </tbody>
371
+ </table>
372
+ <table class="sm-w-full all-font-sans" cellspacing="0" cellpadding="0" style="overflow: hidden; margin-left: auto; margin-right: auto; width: 600px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; border-radius: 5px; background: rgb(255, 255, 255);" width="600" bgcolor="#FFFFFF">
373
+ <tbody>
374
+ <tr>
375
+ <td style="border-radius: 0px">
376
+ <table cellspacing="0" cellpadding="0" style="overflow: hidden;">
377
+ <tbody>
378
+ <tr>
379
+ <td style="padding-top: 40px; padding-bottom: 40px; padding-left: 48px; padding-right: 48px; width: 100%; border-radius: 0px" class="sm-px-24" width="100%">
380
+ <table cellspacing="0" cellpadding="0" style="overflow: hidden; width: 100%;" width="100%">
381
+ <tbody>
382
+ <tr>
383
+ <td style="padding-bottom: 24px; border-radius: 0px" class="sm-px-0">
384
+ <h1 style="margin: 0 0 12px 0; line-height: 1.24; font-weight: bold; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 36px; color: #222;">StoryCircle Feedback !</h1>
385
+ </td>
386
+ </tr>
387
+ <tr>
388
+ <td style="padding-bottom: 24px; border-radius: 0px" class="sm-px-0"><a href target="_blank" rel="noopener noreferrer nofollow" style="color: -webkit-link;"><img src="https://letter-so.s3.us-west-1.amazonaws.com/uploads/exports/6410e03bdbcbc3164be07d14/102023/1696198310014banner.gif.gif" data-avatar="false" alt="Photo frame" style="width: 504px; max-width: 100%; vertical-align: middle; line-height: 100%; border: 0; outline: none;" width="504" height="340"></a></td>
389
+ </tr>
390
+ <tr>
391
+ <td style="padding-bottom: 24px; border-radius: 0px" class="sm-px-0">
392
+ <div>
393
+ <p style="margin: 0 0 12px 0; line-height: 1.6; margin-bottom: 24px; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 18px; color: #222;"><strong>Hey {{name}},</strong></p>
394
+ <p style="margin: 0 0 12px 0; line-height: 1.6; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 18px; color: #222;">We have got your feedback regarding StoryCircle. We appriciate you took time for our project. Your feedback is world to us.</p>
395
+ </div>
396
+ </td>
397
+ </tr>
398
+ <tr>
399
+ <td style="padding-top: 12px; padding-bottom: 12px; line-height: 1.26" class="sm-px-0">
400
+ <div>
401
+ <p style="margin: 0 0 12px 0; line-height: 1.6; color: #2d3748; font-size: 18px;"><strong>Our Reply:</strong></p>
402
+ </div>
403
+ </td>
404
+ </tr>
405
+ <tr>
406
+ <td align="center" class="sm-px-0" style="border-radius: 12px; background-color: rgb(237, 237, 237);">
407
+ <div>
408
+ <p style="margin: 0 0 12px 0; line-height: 1.6; margin-bottom: 24px; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 18px; color: #222; text-align: justify; text-indent: 50px;"><strong>{{otp}}</strong></p>
409
+ </div>
410
+ </td>
411
+ </tr>
412
+ </tbody>
413
+ </table>
414
+ </td>
415
+ </tr>
416
+ </tbody>
417
+ </table>
418
+ </td>
419
+ </tr>
420
+ </tbody>
421
+ </table>
422
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation" style="overflow: hidden;">
423
+ <tbody>
424
+ <tr>
425
+ <td style="font-size: 1px; line-height: 1px;">
426
+ <div style="height:15px">&nbsp;</div>
427
+ </td>
428
+ </tr>
429
+ </tbody>
430
+ </table>
431
+ <table class="all-font-sans sm-w-full sm-px-24" cellspacing="0" cellpadding="0" style="overflow: hidden; margin-left: auto; margin-right: auto; width: 600px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; border-radius: 4px; background: rgb(255, 255, 255);" width="600" bgcolor="#ffffff">
432
+ <tbody>
433
+ <tr>
434
+ <td style="width: 100%" width="100%">
435
+ <table align="center" cellspacing="0" cellpadding="0" style="overflow: hidden; width: 100%;" width="100%">
436
+ <tbody>
437
+ <tr>
438
+ <td style="padding-top: 40px; padding-bottom: 40px; padding-left: 48px; padding-right: 48px; width: 100%" class="sm-px-24" width="100%">
439
+ <table cellspacing="0" cellpadding="0" style="overflow: hidden; width: 100%;" width="100%">
440
+ <tbody>
441
+ <tr align="center">
442
+ <td dir="rtl">
443
+ <!--[if (gte mso 9)|(IE)]> <table width=504 style='width:504px;' bgcolor='#ffffff' cellpadding='0' cellspacing='0' align=center> <tr> <td> <![endif]-->
444
+ <div style="width: 100%; vertical-align: top; display: inline" valign="top" dir="ltr">
445
+ <table style="overflow: hidden; float: right;" align="right" class="sm-pt-24 sm-w-full" cellspacing="0" cellpadding="0">
446
+ <tbody>
447
+ <tr align="right">
448
+ <td class="sm-w-3-5 sm-px-10 sm-pt-10 sm-pb-20"><a href target="_blank" rel="noopener noreferrer nofollow" class="sm-w-full" style="color: -webkit-link;"><img src="https://letter-so.s3.us-west-1.amazonaws.com/uploads/exports/6410e03bdbcbc3164be07d14/102023/1696198310014gps-location.svg.png" data-avatar="false" style="width: 202px; max-width: 100%; border-radius: 4px; vertical-align: middle; border: 0; outline: none;" width="202" height="202" class="sm-w-full"></a></td>
449
+ </tr>
450
+ </tbody>
451
+ </table>
452
+ </div>
453
+ <!--[if mso]></td><td width=252 style='width:252px;' align=right><![endif]-->
454
+ <div style="width: 100%; vertical-align: top; display: inline" valign="top" dir="ltr">
455
+ <table style="overflow: hidden; float: left; width: 252px;" class="sm-px-0 sm-w-full" cellspacing="0" cellpadding="0" width="252">
456
+ <tbody>
457
+ <tr>
458
+ <td style="vertical-align: top; padding-right: 16px" valign="top" class="sm-text-center sm-w-full sm-pt-0 sm-pb-40 sm-px-10">
459
+ <div style="margin: 0; font-size: 16px; color: #2d3748">
460
+ <p style="margin: 0 0 12px 0; line-height: 1.6; margin-bottom: 24px; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 16px; color: #222;">Become a part of the StoryCircle community.</p>
461
+ </div><a style="display: inline-block; text-decoration: none; color: #000000; font-size: 16px;" href="https://github.com" target="_blank"><strong>Github →</strong></a>
462
+ </td>
463
+ </tr>
464
+ </tbody>
465
+ </table>
466
+ </div>
467
+ <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]-->
468
+ </td>
469
+ </tr>
470
+ </tbody>
471
+ </table>
472
+ </td>
473
+ </tr>
474
+ </tbody>
475
+ </table>
476
+ </td>
477
+ </tr>
478
+ </tbody>
479
+ </table>
480
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation" style="overflow: hidden;">
481
+ <tbody>
482
+ <tr>
483
+ <td style="font-size: 1px; line-height: 1px;">
484
+ <div style="height:15px">&nbsp;</div>
485
+ </td>
486
+ </tr>
487
+ </tbody>
488
+ </table>
489
+ <table class="all-font-sans sm-w-full" cellspacing="0" cellpadding="0" style="overflow: hidden; margin-left: auto; margin-right: auto; width: 600px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; border-radius: 5px; background: rgb(255, 255, 255); margin-bottom: 16px;" width="600" bgcolor="#FFFFFF">
490
+ <tbody>
491
+ <tr>
492
+ <td style="padding-top: 40px; padding-bottom: 40px; padding-left: 48px; padding-right: 48px; width: 100%; border-radius: 0px" class="sm-px-24" width="100%">
493
+ <table cellspacing="0" cellpadding="0" style="overflow: hidden; width: 100%;" width="100%">
494
+ <tbody>
495
+ <tr>
496
+ <td align="center" style="text-align: center; padding-bottom: 8px; border-radius: 0px" class="sm-px-0"><a href="#" target="_blank" rel="noopener noreferrer nofollow" style="color: -webkit-link;"><img src="https://imgur.com/PPcagau" data-avatar="false" alt="Letter" style="width: 256px; max-width: 100%; border: 0; outline: none;" width="256" height="82"></a></td>
497
+ </tr>
498
+ <tr>
499
+ <td align="center" style="text-align: center; border-radius: 0px" class="sm-px-0">
500
+ <p style="font-size: 16px; margin: 0 0 12px 0; line-height: 1.6; font-family: -apple-system, 'Segoe UI', sans-serif; color: #222;"><a target="_blank" rel="noopener noreferrer nofollow" href="https://example.com" style="font-size: 12px; text-decoration: none; color: #222;"><span style="color: #787474">Unsubscribe from this list.</span></a></p>
501
+ </td>
502
+ </tr>
503
+ </tbody>
504
+ </table>
505
+ </td>
506
+ </tr>
507
+ </tbody>
508
+ </table>
509
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation" style="overflow: hidden;">
510
+ <tbody>
511
+ <tr>
512
+ <td style="font-size: 1px; line-height: 1px;">
513
+ <div style="height:15px">&nbsp;</div>
514
+ </td>
515
+ </tr>
516
+ </tbody>
517
+ </table>
518
+ </td>
519
+ </tr>
520
+ </tbody>
521
+ </table>
522
+ </body>
523
+
524
+ </html>
templates/password.html ADDED
@@ -0,0 +1,535 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <html xmlns="http:www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
2
+
3
+ <head>
4
+ <meta charset="utf8">
5
+ <meta http-equiv="x-ua-compatible" content="ie=edge">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1">
7
+ <meta name="x-apple-disable-message-reformatting">
8
+ <!--[if gte mso 9]>
9
+ <xml>
10
+ <o:OfficeDocumentSettings>
11
+ <o:AllowPNG/>
12
+ <o:PixelsPerInch>96</o:PixelsPerInch>
13
+ </o:OfficeDocumentSettings>
14
+ </xml>
15
+ <![endif]-->
16
+
17
+ <!--[if mso]>
18
+ <style type="text/css">
19
+ body,table tr,table td,a, span,table.MsoNormalTable{font-family:Helvetica,Arial,sans-serif !important;}
20
+ </style>
21
+ <![endif]-->
22
+ <style type="text/css">
23
+ .bg-linkedin {
24
+ background-color: #0077b5 !important;
25
+ }
26
+
27
+ .hover-bg-gray-200:hover {
28
+ background-color: #edf2f7 !important;
29
+ }
30
+
31
+ .hover-bg-gray-900:hover {
32
+ background-color: #1a202c !important;
33
+ }
34
+
35
+ .hover-bg-red-700:hover {
36
+ background-color: #c53030 !important;
37
+ }
38
+
39
+ .hover-bg-blue-700:hover {
40
+ background-color: #2b6cb0 !important;
41
+ }
42
+
43
+ .hover-bg-blue-800:hover {
44
+ background-color: #2c5282 !important;
45
+ }
46
+
47
+ .hover-bg-indigo-700:hover {
48
+ background-color: #4c51bf !important;
49
+ }
50
+
51
+ .hover-opacity-100:hover {
52
+ opacity: 1 !important;
53
+ }
54
+
55
+ .hover-text-white:hover {
56
+ color: #ffffff !important;
57
+ }
58
+
59
+ .hover-text-blue-400:hover {
60
+ color: #63b3ed !important;
61
+ }
62
+
63
+ .hover-no-underline:hover {
64
+ text-decoration: none !important;
65
+ }
66
+
67
+ @media screen {
68
+ img {
69
+ max-width: 100%;
70
+ }
71
+
72
+ td,
73
+ th {
74
+ box-sizing: border-box;
75
+ }
76
+
77
+ a[x-apple-data-detectors] {
78
+ color: inherit;
79
+ text-decoration: none;
80
+ }
81
+
82
+ .all-font-montserrat {
83
+ font-family: Montserrat, -apple-system, "Segoe UI", Helvetica, sans-serif !important;
84
+ }
85
+
86
+ .all-font-sans {
87
+ font-family: -apple-system, "Segoe UI", sans-serif !important;
88
+ }
89
+ }
90
+
91
+ @media (max-width: 600px) {
92
+ u~div .wrapper {
93
+ min-width: 100vw;
94
+ }
95
+
96
+ img {
97
+ height: auto !important;
98
+ }
99
+
100
+ .sm-rounded-none {
101
+ border-radius: 0 !important;
102
+ }
103
+
104
+ .sm-block {
105
+ display: block !important;
106
+ }
107
+
108
+ .sm-inline-block {
109
+ display: inline-block !important;
110
+ }
111
+
112
+ .sm-hidden {
113
+ display: none !important;
114
+ }
115
+
116
+ .sm-h-20 {
117
+ height: 20px !important;
118
+ }
119
+
120
+ .sm-h-24 {
121
+ height: 24px !important;
122
+ }
123
+
124
+ .sm-h-32 {
125
+ height: 32px !important;
126
+ }
127
+
128
+ .sm-mb-0 {
129
+ margin-bottom: 0 !important;
130
+ }
131
+
132
+ .sm-mb-16 {
133
+ margin-bottom: 16px !important;
134
+ }
135
+
136
+ .sm-opacity-100 {
137
+ opacity: 1 !important;
138
+ }
139
+
140
+ .sm-px-0 {
141
+ padding-left: 0 !important;
142
+ padding-right: 0 !important;
143
+ }
144
+
145
+ .sm-py-10 {
146
+ padding-top: 10px !important;
147
+ padding-bottom: 10px !important;
148
+ }
149
+
150
+ .sm-px-14 {
151
+ padding-left: 14px !important;
152
+ padding-right: 14px !important;
153
+ }
154
+
155
+ .sm-py-24 {
156
+ padding-top: 24px !important;
157
+ padding-bottom: 24px !important;
158
+ }
159
+
160
+ .sm-px-24 {
161
+ padding-left: 24px !important;
162
+ padding-right: 24px !important;
163
+ }
164
+
165
+ .sm-px-10 {
166
+ padding-left: 10px !important;
167
+ padding-right: 10px !important;
168
+ }
169
+
170
+ .sm-px-30 {
171
+ padding-left: 30px !important;
172
+ padding-right: 30px !important;
173
+ }
174
+
175
+ .sm-pt-0 {
176
+ padding-top: 0 !important;
177
+ }
178
+
179
+ .sm-pr-0 {
180
+ padding-right: 0 !important;
181
+ }
182
+
183
+ .sm-pb-0 {
184
+ padding-bottom: 0 !important;
185
+ }
186
+
187
+ .sm-pl-0 {
188
+ padding-left: 0 !important;
189
+ }
190
+
191
+ .sm-pt-4 {
192
+ padding-top: 4px !important;
193
+ }
194
+
195
+ .sm-pt-8 {
196
+ padding-top: 8px !important;
197
+ }
198
+
199
+ .sm-pb-8 {
200
+ padding-bottom: 8px !important;
201
+ }
202
+
203
+ .sm-pt-10 {
204
+ padding-top: 10px !important;
205
+ }
206
+
207
+ .sm-pb-10 {
208
+ padding-bottom: 10px !important;
209
+ }
210
+
211
+ .sm-pb-16 {
212
+ padding-bottom: 16px !important;
213
+ }
214
+
215
+ .sm-pl-10 {
216
+ padding-left: 10px !important;
217
+ }
218
+
219
+ .sm-pr-10 {
220
+ padding-left: 10px !important;
221
+ }
222
+
223
+ .sm-pl-16 {
224
+ padding-left: 16px !important;
225
+ }
226
+
227
+ .sm-pr-16 {
228
+ padding-left: 16px !important;
229
+ }
230
+
231
+ .sm-pt-20 {
232
+ padding-top: 20px !important;
233
+ }
234
+
235
+ .sm-pb-20 {
236
+ padding-bottom: 20px !important;
237
+ }
238
+
239
+ .sm-pl-20 {
240
+ padding-left: 20px !important;
241
+ }
242
+
243
+ .sm-pr-20 {
244
+ padding-left: 20px !important;
245
+ }
246
+
247
+ .sm-pt-24 {
248
+ padding-top: 24px !important;
249
+ }
250
+
251
+ .sm-pb-24 {
252
+ padding-bottom: 24px !important;
253
+ }
254
+
255
+ .sm-pb-32 {
256
+ padding-bottom: 32px !important;
257
+ }
258
+
259
+ .sm-pl-34 {
260
+ padding-left: 34px !important;
261
+ }
262
+
263
+ .sm-pl-40 {
264
+ padding-left: 40px !important;
265
+ }
266
+
267
+ .sm-pr-40 {
268
+ padding-right: 40px !important;
269
+ }
270
+
271
+ .sm-pb-40 {
272
+ padding-bottom: 40px !important;
273
+ }
274
+
275
+ .sm-text-left {
276
+ text-align: left !important;
277
+ }
278
+
279
+ .sm-text-center {
280
+ text-align: center !important;
281
+ }
282
+
283
+ .sm-w-1-2 {
284
+ width: 50% !important;
285
+ }
286
+
287
+ .sm-w-1-3 {
288
+ width: 33.33333% !important;
289
+ }
290
+
291
+ .sm-w-2-3 {
292
+ width: 66.66667% !important;
293
+ }
294
+
295
+ .sm-w-3-5 {
296
+ width: 60% !important;
297
+ }
298
+
299
+ .sm-w-full {
300
+ width: 100% !important;
301
+ max-width: 100% !important;
302
+ }
303
+ }
304
+ </style>
305
+ <title>Stories</title>
306
+ <style>
307
+ @media (max-width: 600px) {
308
+ img {
309
+ height: auto !important;
310
+ max-width: 100% !important;
311
+ }
312
+
313
+ body {
314
+ padding: 0 10px 10px 10px;
315
+ }
316
+ }
317
+ </style>
318
+ </head>
319
+
320
+ <body style="box-sizing: border-box; margin: 0; padding: 0; width: 100%; word-break: break-word; -webkit-font-smoothing: antialiased;padding-bottom:20px; background-color: #e100ff" class="sm-px-10">
321
+
322
+ <table style="overflow: hidden;">
323
+ <tbody>
324
+ <tr>
325
+ <td style="display:none !important;visibility:hidden;mso-hide:all;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">StoryCircle</td>
326
+ </tr>
327
+ </tbody>
328
+ </table>
329
+
330
+ <table class="wrapper all-font-sans" width="100%" cellpadding="0" cellspacing="0" role="presentation" style="overflow: hidden;">
331
+ <tbody>
332
+ <tr>
333
+ <td align="center" width="100%">
334
+ <table class="sm-w-full" width="600" cellpadding="0" cellspacing="0" role="presentation" style="overflow: hidden;">
335
+ </table>
336
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation" style="overflow: hidden;">
337
+ <tbody>
338
+ <tr>
339
+ <td style="font-size: 1px; line-height: 1px; border-radius: 4px;">
340
+ <div style="height:15px">&nbsp;</div>
341
+ </td>
342
+ </tr>
343
+ </tbody>
344
+ </table>
345
+ <table class="all-font-sans sm-w-full" cellspacing="0" cellpadding="0" style="overflow: hidden; margin-left: auto; margin-right: auto; width: 600px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; border-radius: 5px; background: rgb(255, 255, 255);" width="600" bgcolor="#FFFFFF">
346
+ <tbody>
347
+ <tr>
348
+ <td align="center" style="padding-top: 40px; padding-bottom: 40px; padding-left: 48px; padding-right: 48px; width: 100%; border-radius: 0px" class="sm-px-24" width="100%">
349
+ <table class="sm-w-full" cellspacing="0" cellpadding="0" style="overflow: hidden; width: 100%;" width="100%">
350
+ <tbody>
351
+ <tr>
352
+ <td align="center" style="text-align: center; padding-bottom: 18px; border-radius: 0px" class="sm-px-0"><a href="#" target="_blank" rel="noopener noreferrer nofollow" style="color: -webkit-link;"><img src="https://imgur.com/PPcagau" data-avatar="false" alt="Logo" style="width: 254px; vertical-align: middle; line-height: 100%; max-width: 100%; border: 0; outline: none;" width="254" height="75"></a></td>
353
+ </tr>
354
+ <tr>
355
+ <td align="center" class="sm-px-0" style="border-radius: 0px"><a href target="_blank" rel="noopener noreferrer nofollow" style="color: -webkit-link;"><img src="https://letter-so.s3.us-west-1.amazonaws.com/uploads/exports/6410e03bdbcbc3164be07d14/102023/1696198310014twitter%2B%281%29%2B1.png" data-avatar="false" style="width: 16px; vertical-align: middle; line-height: 100%; max-width: 100%; border: 0; outline: none;" width="16" height="16"></a><span style="display: inline">&nbsp;&nbsp;</span><a href target="_blank" rel="noopener noreferrer nofollow" style="color: -webkit-link;"><img src="https://letter-so.s3.us-west-1.amazonaws.com/uploads/exports/6410e03bdbcbc3164be07d14/102023/1696198310014instagram%2B1.png" data-avatar="false" style="width: 16px; vertical-align: middle; line-height: 100%; max-width: 100%; border: 0; outline: none;" width="16" height="16"></a><span style="display: inline">&nbsp;&nbsp;</span><a href target="_blank" rel="noopener noreferrer nofollow" style="color: -webkit-link;"><img src="https://letter-so.s3.us-west-1.amazonaws.com/uploads/exports/6410e03bdbcbc3164be07d14/102023/1696198310014facebook%2B%281%29%2B1.png" data-avatar="false" style="width: 16px; vertical-align: middle; line-height: 100%; max-width: 100%; border: 0; outline: none;" width="16" height="16"></a></td>
356
+ </tr>
357
+ </tbody>
358
+ </table>
359
+ </td>
360
+ </tr>
361
+ </tbody>
362
+ </table>
363
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation" style="overflow: hidden;">
364
+ <tbody>
365
+ <tr>
366
+ <td style="font-size: 1px; line-height: 1px;">
367
+ <div style="height:15px">&nbsp;</div>
368
+ </td>
369
+ </tr>
370
+ </tbody>
371
+ </table>
372
+ <table class="sm-w-full all-font-sans" cellspacing="0" cellpadding="0" style="overflow: hidden; margin-left: auto; margin-right: auto; width: 600px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; border-radius: 5px; background: rgb(255, 255, 255);" width="600" bgcolor="#FFFFFF">
373
+ <tbody>
374
+ <tr>
375
+ <td style="border-radius: 0px">
376
+ <table cellspacing="0" cellpadding="0" style="overflow: hidden;">
377
+ <tbody>
378
+ <tr>
379
+ <td style="padding-top: 40px; padding-bottom: 40px; padding-left: 48px; padding-right: 48px; width: 100%; border-radius: 0px" class="sm-px-24" width="100%">
380
+ <table cellspacing="0" cellpadding="0" style="overflow: hidden; width: 100%;" width="100%">
381
+ <tbody>
382
+ <tr>
383
+ <td style="padding-bottom: 24px; border-radius: 0px" class="sm-px-0">
384
+ <h1 style="margin: 0 0 12px 0; line-height: 1.24; font-weight: bold; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 36px; color: #222;">StoryCircle Password Change!</h1>
385
+ </td>
386
+ </tr>
387
+ <tr>
388
+ <td style="padding-bottom: 24px; border-radius: 0px" class="sm-px-0"><a href target="_blank" rel="noopener noreferrer nofollow" style="color: -webkit-link;"><img src="https://letter-so.s3.us-west-1.amazonaws.com/uploads/exports/6410e03bdbcbc3164be07d14/102023/1696198310014banner.gif.gif" data-avatar="false" alt="Photo frame" style="width: 504px; max-width: 100%; vertical-align: middle; line-height: 100%; border: 0; outline: none;" width="504" height="340"></a></td>
389
+ </tr>
390
+ <tr>
391
+ <td style="padding-bottom: 24px; border-radius: 0px" class="sm-px-0">
392
+ <div>
393
+ <p style="margin: 0 0 12px 0; line-height: 1.6; margin-bottom: 24px; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 18px; color: #222;"><strong>Hey {{name}},</strong></p>
394
+ <p style="margin: 0 0 12px 0; line-height: 1.6; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 18px; color: #222;">Looks' like you are changing the password for you StoryCircle account.</p>
395
+ </div>
396
+ </td>
397
+ </tr>
398
+ <tr>
399
+ <td style="padding-top: 12px; padding-bottom: 12px; line-height: 1.26" class="sm-px-0">
400
+ <div>
401
+ <p style="margin: 0 0 12px 0; line-height: 1.6; color: #2d3748; font-size: 18px;"><strong>OTP (One-Time Password)</strong><br>Your OTP for Password Reset:</p>
402
+ </div>
403
+ </td>
404
+ </tr>
405
+ <tr>
406
+ <td align="center" class="sm-px-0" style="border-radius: 0px">
407
+ <table align="center" cellspacing="0" cellpadding="0" style="overflow: hidden; margin-left: auto; margin-right: auto;">
408
+ <tbody>
409
+ <tr>
410
+ <th colspan="1" rowspan="1" style="padding-left: 20px; padding-right: 20px; border-radius: 4px; background-color:#584dff; mso-padding-alt: 12px 48px" bgcolor="#584dff"><a style="display: inline-block; padding-top: 16px; padding-bottom: 16px; text-decoration: none; color: #ffffff; font-size: 16px;" href="#button" target="_blank"><span style="font-size: 18px">{{otp}}</span></a></th>
411
+ </tr>
412
+ </tbody>
413
+ </table>
414
+ </td>
415
+ </tr>
416
+ <tr>
417
+ <td style="padding-top: 12px; padding-bottom: 12px; line-height: 1.26" class="sm-px-0">
418
+ <div>
419
+ <p style="margin: 0 0 12px 0; line-height: 1.6; text-align: center; font-size: 18px; color: #ff0000;" align="center"><span style="font-size: 16px"><strong><em>Please keep this OTP confidential and do not share it with anyone.</em></strong></span></p>
420
+ </div>
421
+ </td>
422
+ </tr>
423
+ </tbody>
424
+ </table>
425
+ </td>
426
+ </tr>
427
+ </tbody>
428
+ </table>
429
+ </td>
430
+ </tr>
431
+ </tbody>
432
+ </table>
433
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation" style="overflow: hidden;">
434
+ <tbody>
435
+ <tr>
436
+ <td style="font-size: 1px; line-height: 1px;">
437
+ <div style="height:15px">&nbsp;</div>
438
+ </td>
439
+ </tr>
440
+ </tbody>
441
+ </table>
442
+ <table class="all-font-sans sm-w-full sm-px-24" cellspacing="0" cellpadding="0" style="overflow: hidden; margin-left: auto; margin-right: auto; width: 600px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; border-radius: 4px; background: rgb(255, 255, 255);" width="600" bgcolor="#ffffff">
443
+ <tbody>
444
+ <tr>
445
+ <td style="width: 100%" width="100%">
446
+ <table align="center" cellspacing="0" cellpadding="0" style="overflow: hidden; width: 100%;" width="100%">
447
+ <tbody>
448
+ <tr>
449
+ <td style="padding-top: 40px; padding-bottom: 40px; padding-left: 48px; padding-right: 48px; width: 100%" class="sm-px-24" width="100%">
450
+ <table cellspacing="0" cellpadding="0" style="overflow: hidden; width: 100%;" width="100%">
451
+ <tbody>
452
+ <tr align="center">
453
+ <td dir="rtl">
454
+ <!--[if (gte mso 9)|(IE)]> <table width=504 style='width:504px;' bgcolor='#ffffff' cellpadding='0' cellspacing='0' align=center> <tr> <td> <![endif]-->
455
+ <div style="width: 100%; vertical-align: top; display: inline" valign="top" dir="ltr">
456
+ <table style="overflow: hidden; float: right;" align="right" class="sm-pt-24 sm-w-full" cellspacing="0" cellpadding="0">
457
+ <tbody>
458
+ <tr align="right">
459
+ <td class="sm-w-3-5 sm-px-10 sm-pt-10 sm-pb-20"><a href target="_blank" rel="noopener noreferrer nofollow" class="sm-w-full" style="color: -webkit-link;"><img src="https://letter-so.s3.us-west-1.amazonaws.com/uploads/exports/6410e03bdbcbc3164be07d14/102023/1696198310014gps-location.svg.png" data-avatar="false" style="width: 202px; max-width: 100%; border-radius: 4px; vertical-align: middle; border: 0; outline: none;" width="202" height="202" class="sm-w-full"></a></td>
460
+ </tr>
461
+ </tbody>
462
+ </table>
463
+ </div>
464
+ <!--[if mso]></td><td width=252 style='width:252px;' align=right><![endif]-->
465
+ <div style="width: 100%; vertical-align: top; display: inline" valign="top" dir="ltr">
466
+ <table style="overflow: hidden; float: left; width: 252px;" class="sm-px-0 sm-w-full" cellspacing="0" cellpadding="0" width="252">
467
+ <tbody>
468
+ <tr>
469
+ <td style="vertical-align: top; padding-right: 16px" valign="top" class="sm-text-center sm-w-full sm-pt-0 sm-pb-40 sm-px-10">
470
+ <div style="margin: 0; font-size: 16px; color: #2d3748">
471
+ <p style="margin: 0 0 12px 0; line-height: 1.6; margin-bottom: 24px; font-family: -apple-system, 'Segoe UI', sans-serif; font-size: 16px; color: #222;">Become a part of the StoryCircle community.</p>
472
+ </div><a style="display: inline-block; text-decoration: none; color: #000000; font-size: 16px;" href="https://github.com" target="_blank"><strong>Github →</strong></a>
473
+ </td>
474
+ </tr>
475
+ </tbody>
476
+ </table>
477
+ </div>
478
+ <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]-->
479
+ </td>
480
+ </tr>
481
+ </tbody>
482
+ </table>
483
+ </td>
484
+ </tr>
485
+ </tbody>
486
+ </table>
487
+ </td>
488
+ </tr>
489
+ </tbody>
490
+ </table>
491
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation" style="overflow: hidden;">
492
+ <tbody>
493
+ <tr>
494
+ <td style="font-size: 1px; line-height: 1px;">
495
+ <div style="height:15px">&nbsp;</div>
496
+ </td>
497
+ </tr>
498
+ </tbody>
499
+ </table>
500
+ <table class="all-font-sans sm-w-full" cellspacing="0" cellpadding="0" style="overflow: hidden; margin-left: auto; margin-right: auto; width: 600px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; border-radius: 5px; background: rgb(255, 255, 255); margin-bottom: 16px;" width="600" bgcolor="#FFFFFF">
501
+ <tbody>
502
+ <tr>
503
+ <td style="padding-top: 40px; padding-bottom: 40px; padding-left: 48px; padding-right: 48px; width: 100%; border-radius: 0px" class="sm-px-24" width="100%">
504
+ <table cellspacing="0" cellpadding="0" style="overflow: hidden; width: 100%;" width="100%">
505
+ <tbody>
506
+ <tr>
507
+ <td align="center" style="text-align: center; padding-bottom: 8px; border-radius: 0px" class="sm-px-0"><a href="#" target="_blank" rel="noopener noreferrer nofollow" style="color: -webkit-link;"><img src="https://imgur.com/PPcagau" data-avatar="false" alt="Letter" style="width: 256px; max-width: 100%; border: 0; outline: none;" width="256" height="82"></a></td>
508
+ </tr>
509
+ <tr>
510
+ <td align="center" style="text-align: center; border-radius: 0px" class="sm-px-0">
511
+ <p style="font-size: 16px; margin: 0 0 12px 0; line-height: 1.6; font-family: -apple-system, 'Segoe UI', sans-serif; color: #222;"><a target="_blank" rel="noopener noreferrer nofollow" href="https://example.com" style="font-size: 12px; text-decoration: none; color: #222;"><span style="color: #787474">Unsubscribe from this list.</span></a></p>
512
+ </td>
513
+ </tr>
514
+ </tbody>
515
+ </table>
516
+ </td>
517
+ </tr>
518
+ </tbody>
519
+ </table>
520
+ <table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation" style="overflow: hidden;">
521
+ <tbody>
522
+ <tr>
523
+ <td style="font-size: 1px; line-height: 1px;">
524
+ <div style="height:15px">&nbsp;</div>
525
+ </td>
526
+ </tr>
527
+ </tbody>
528
+ </table>
529
+ </td>
530
+ </tr>
531
+ </tbody>
532
+ </table>
533
+ </body>
534
+
535
+ </html>