-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathReset-Password-Template.html
534 lines (508 loc) · 24.3 KB
/
Reset-Password-Template.html
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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Reset Your Password</title>
<style>
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: Inter;
}
body {
min-height: 100svh;
}
header {
display: flex;
width: 100%;
height: 7.625rem;
justify-content: center;
align-items: center;
background: rgba(225, 214, 214, 0.4);
}
h2 {
color: #121a26;
font-feature-settings: "liga" off, "clig" off;
font-size: 1.5rem;
font-weight: 600;
}
.template-main {
display: flex;
padding: 3.5rem;
flex-direction: column;
align-items: center;
gap: 3.5rem;
max-width: 790px;
margin: 0 auto;
}
.heading {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0.75rem;
}
.content {
display: flex;
flex-direction: column;
/* justify-content: center;
align-items: center; */
gap: 2rem;
}
.template-header {
color: var(--Neutral-Colors-Dark-2, #0a0a0a);
text-align: center;
font-size: 1.5rem;
font-weight: 600;
}
.template-subheader {
color: rgba(0, 0, 0, 0.8);
text-align: center;
font-size: 1.125rem;
font-weight: 500;
}
.template-receiver-name {
color: #111;
/* H6/SemiBold */
font-size: 1.125rem;
font-weight: 600;
}
.template-welcome-message {
color: rgba(17, 17, 17, 0.9);
font-size: 1rem;
font-weight: 400;
}
.editable-content-title {
color: var(--Neutral-Colors-Dark-2, #0a0a0a);
font-size: 1rem;
font-weight: 600;
opacity: 0.9;
margin-bottom: 1.25rem;
}
.editable-content-list p {
opacity: 0.9;
color: var(--Neutral-Colors-Dark-2, rgba(17, 17, 17, 0.9));
font-size: 1rem;
font-weight: 400;
margin-bottom: 1rem;
}
.editable-content-list span {
color: var(--Neutral-Colors-Dark-2, #0a0a0a);
font-size: 1rem;
font-weight: 600;
}
.template-btn {
display: flex;
height: 2.75rem;
padding: 0.5rem 2.5rem;
justify-content: center;
align-items: center;
gap: 0.625rem;
border: none;
color: White;
border-radius: 0.5rem;
align-self: center;
background: var(--Primary-Color-Primary-Full-500, #f97316);
}
.template-farewell p {
color: #111;
font-size: 0.875rem;
font-weight: 500;
margin-bottom: 0.5rem;
}
footer {
background: #f3efef;
display: flex;
width: 100%;
padding: 2rem 0;
justify-content: center;
}
.footer-container {
max-width: 790px;
width: 100%;
padding: 0 3rem;
}
footer .heading {
display: flex;
flex-direction: row;
align-items: center;
gap: 2.0625rem;
margin-bottom: 1rem;
}
footer .content {
display: flex;
flex-direction: column;
gap: 1.875rem;
color: #5b5b5d;
font-size: 0.875rem;
font-weight: 400;
}
footer .content > span {
margin-block-start: 1.3em;
}
footer .contact-support {
color: #111;
font-size: 0.875rem;
font-weight: 600;
text-decoration: underline;
}
footer hr {
border-style: dashed;
width: 100%;
border-color: #969696;
}
</style>
</head>
<header class="Header">
<h2>
<svg
width="19"
height="19"
viewBox="0 0 19 19"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle cx="4.5" cy="4.5" r="4" fill="#F97316" />
<circle cx="14.5" cy="4.5" r="4" fill="#F97316" />
<circle cx="4.5" cy="14.5" r="4" fill="#F97316" />
<circle cx="14.5" cy="14.5" r="4" fill="#F97316" />
</svg>
<span>Boilerplate.</span>
</h2>
</header>
<body>
<div class="template-main">
<div class="heading">
<div class="svg-container" style="margin-bottom: 40px">
<svg
xmlns="http://www.w3.org/2000/svg"
width="178"
height="178"
viewBox="0 0 178 178"
fill="none"
>
<g opacity="0.45">
<path
d="M65.9598 19.1529C25.0697 16.7321 -5.07285 62.5885 10.0322 105.351C12.6097 112.646 16.4295 119.459 21.8728 125.33C55.3759 161.45 127.146 149.239 149.438 130.417C171.735 111.595 180.877 54.5571 160.866 36.5898C135.967 14.233 103.08 21.353 65.9598 19.1565V19.1529Z"
fill="#E6E6E6"
/>
</g>
<path
d="M96.4302 119.281L115.697 142.5L141.393 113.649L120.77 95.5361L96.4302 119.281Z"
fill="#F4A28C"
/>
<path
d="M106.861 136.814L137.014 109.805L171.927 139.552L130.019 167.772L106.861 136.814Z"
fill="#F97316"
/>
<g opacity="0.08">
<path
d="M109.171 112.126L146.975 156.355L130.018 167.772L106.861 136.814L109.264 134.76L97.2451 120.264L109.171 112.126Z"
fill="#000001"
/>
</g>
<path
d="M44.4111 90.7515C44.4111 90.7515 64.7459 119.007 84.1799 120.089C103.614 121.172 114.009 120.196 122.083 101.321L44.4111 90.7515Z"
fill="#F4A28C"
/>
<g opacity="0.08">
<path
d="M44.4111 90.7515C44.4111 90.7515 64.7459 119.007 84.1799 120.089C103.614 121.172 114.009 120.196 122.083 101.321L44.4111 90.7515Z"
fill="#000001"
/>
</g>
<path
d="M106.861 10.2278H50.043V112.126H106.861V10.2278Z"
fill="#E6E6E6"
/>
<path
d="M101.77 21.844H54.7422V93.5566H101.77V21.844Z"
fill="white"
/>
<path
d="M78.6227 108.302C81.6938 108.302 84.1835 105.812 84.1835 102.741C84.1835 99.6703 81.6938 97.1807 78.6227 97.1807C75.5516 97.1807 73.062 99.6703 73.062 102.741C73.062 105.812 75.5516 108.302 78.6227 108.302Z"
fill="#A5A5A5"
/>
<g opacity="0.12">
<path
d="M89.5736 14.2114H73.6426V16.5361H89.5736V14.2114Z"
fill="#000001"
/>
</g>
<path
d="M67.875 18.22C69.3083 18.22 70.4703 17.0581 70.4703 15.6248C70.4703 14.1915 69.3083 13.0295 67.875 13.0295C66.4417 13.0295 65.2798 14.1915 65.2798 15.6248C65.2798 17.0581 66.4417 18.22 67.875 18.22Z"
fill="white"
/>
<g opacity="0.08">
<path
d="M62.567 90.4985C62.567 90.4985 66.1698 96.9564 61.7767 98.9571C57.3837 100.958 50.043 97.704 50.043 97.704V92.9371L62.567 90.4985Z"
fill="#000001"
/>
</g>
<g opacity="0.08">
<path
d="M61.5384 72.0293C61.5384 72.0293 65.5825 81.2248 61.1895 83.2255C56.7964 85.2262 50.0396 81.7445 50.0396 81.7445V76.9777L61.5384 72.0293Z"
fill="#000001"
/>
</g>
<g opacity="0.08">
<path
d="M61.5382 63.4712C61.5382 63.4712 64.9843 70.8048 60.5948 72.8055C56.2018 74.8062 50.043 73.1864 50.043 73.1864V68.4196L61.5418 63.4712H61.5382Z"
fill="#000001"
/>
</g>
<path
d="M47.0812 52.5634C47.0812 52.5634 38.4269 64.2722 47.0812 66.4367C55.7356 68.6012 64.9382 68.9785 60.7196 58.918C56.501 48.8574 47.0812 52.5634 47.0812 52.5634Z"
fill="#F4A28C"
/>
<path
d="M47.0812 64.8666C47.0812 64.8666 38.4269 76.5754 47.0812 78.7399C55.7356 80.9044 63.7776 81.4989 61.307 70.8723C59.584 63.4639 47.0812 64.8666 47.0812 64.8666Z"
fill="#F4A28C"
/>
<path
d="M47.0812 78.2737C47.0812 78.2737 38.4269 89.9825 47.0812 92.147C55.7356 94.3115 62.5281 97.843 63.0229 87.2057C63.3576 80.0216 47.0812 78.2737 47.0812 78.2737Z"
fill="#F4A28C"
/>
<g opacity="0.46">
<path
d="M53.4537 57.2839L52.6812 63.0689C52.5779 63.8307 53.1155 64.5321 53.8809 64.6282L55.7534 64.8667C57.3661 65.0732 58.8756 64.0372 59.2636 62.4566L59.7406 60.5057C60.1643 58.7791 59.0963 57.0383 57.3661 56.636L55.1482 56.1162C54.3508 55.9311 53.564 56.4722 53.4572 57.2839H53.4537Z"
fill="white"
/>
</g>
<g opacity="0.08">
<path
d="M43.3645 60.4879C43.3645 60.4879 42.8127 62.8553 43.6849 64.0195H93.2686V50.5342L43.3645 60.4844V60.4879Z"
fill="#000001"
/>
</g>
<path
d="M78.7225 87.2058C83.8305 87.2058 87.9714 83.0649 87.9714 77.9569C87.9714 72.8489 83.8305 68.708 78.7225 68.708C73.6145 68.708 69.4736 72.8489 69.4736 77.9569C69.4736 83.0649 73.6145 87.2058 78.7225 87.2058Z"
fill="#FFD200"
/>
<path
d="M78.3985 82.154C78.2454 82.154 78.0959 82.0864 77.9962 81.9689L74.8812 78.3804C74.689 78.1561 74.7104 77.8215 74.9346 77.6257C75.1589 77.4334 75.4936 77.4548 75.6894 77.6791L78.3309 80.7229L82.1365 74.7314C82.2967 74.4822 82.6242 74.4074 82.8734 74.5676C83.1226 74.7243 83.1974 75.0554 83.0372 75.3046L78.8506 81.9012C78.7616 82.0436 78.6086 82.1362 78.4377 82.1469C78.4234 82.1469 78.4128 82.1469 78.3985 82.1469V82.154Z"
fill="white"
/>
<path
d="M114.038 57.0844C113.902 54.9235 113.821 52.7661 113.842 50.8331C113.892 46.8565 110.001 43.8412 106.234 45.1122C104.319 45.7565 102.824 47.3621 102.824 50.801C102.824 57.6362 104.967 67.4868 106.174 72.4957C106.683 74.6068 106.818 76.789 106.59 78.95C105.811 86.337 104.561 103.77 110.008 104.927C116.327 106.273 131.649 104.048 119.652 78.4978C116.487 71.7588 114.504 64.5142 114.034 57.0844H114.038Z"
fill="#F4A28C"
/>
<g opacity="0.46">
<path
d="M53.6848 85.0127L53.5353 90.1071C53.5139 90.7799 54.0444 91.3388 54.7172 91.3531L56.3655 91.3922C57.7859 91.4278 59.0034 90.3883 59.1957 88.9821L59.4342 87.2448C59.6442 85.7069 58.562 84.2936 57.0205 84.0978L55.0447 83.845C54.3363 83.756 53.7026 84.2972 53.6812 85.0127H53.6848Z"
fill="white"
/>
</g>
<g opacity="0.46">
<path
d="M52.8878 69.6015L52.1152 75.3865C52.012 76.1484 52.5496 76.8497 53.315 76.9458L55.1875 77.1843C56.8002 77.3908 58.3096 76.3549 58.6977 74.7742L59.1747 72.8233C59.5984 71.0967 58.5304 69.3559 56.8002 68.9536L54.5823 68.4339C53.7849 68.2487 52.9981 68.7899 52.8913 69.6015H52.8878Z"
fill="white"
/>
</g>
<path
d="M95.1091 21.8442H41.022V60.488H95.1091V21.8442Z"
fill="#24285B"
/>
<path
d="M76.0986 59.7903L78.256 66.12L80.6412 59.7903H76.0986Z"
fill="#24285B"
/>
<path
d="M71.4634 33.1437H69.9931V29.7047C69.9931 28.537 69.0426 27.5865 67.8713 27.5865C66.7001 27.5865 65.7496 28.537 65.7496 29.7047V33.1437H64.2793V29.7047C64.2793 27.7253 65.8884 26.1162 67.8678 26.1162C69.8471 26.1162 71.4563 27.7253 71.4563 29.7047V33.1437H71.4634Z"
fill="#F97316"
/>
<g opacity="0.46">
<path
d="M71.4634 33.1437H69.9931V29.7047C69.9931 28.537 69.0426 27.5865 67.8713 27.5865C66.7001 27.5865 65.7496 28.537 65.7496 29.7047V33.1437H64.2793V29.7047C64.2793 27.7253 65.8884 26.1162 67.8678 26.1162C69.8471 26.1162 71.4563 27.7253 71.4563 29.7047V33.1437H71.4634Z"
fill="white"
/>
</g>
<path
d="M73.368 30.5164H62.3818V39.274H73.368V30.5164Z"
fill="#F97316"
/>
<path
d="M68.8719 33.6955C68.8719 33.0547 68.3521 32.5349 67.7113 32.5349C67.0705 32.5349 66.5508 33.0547 66.5508 33.6955C66.5508 34.0337 66.6967 34.3327 66.9246 34.5463V37.0063H68.5159V34.525C68.7331 34.3149 68.8683 34.0194 68.8683 33.6955H68.8719Z"
fill="#24285B"
/>
<path
d="M85.4114 44.0444H51.417V52.5635H85.4114V44.0444Z"
fill="white"
/>
<path
d="M85.4115 44.0444H76.6753V52.5635H85.4115V44.0444Z"
fill="#FFD200"
/>
<path
d="M55.3651 49.4414C55.9923 49.4414 56.5008 48.933 56.5008 48.3058C56.5008 47.6786 55.9923 47.1702 55.3651 47.1702C54.7379 47.1702 54.2295 47.6786 54.2295 48.3058C54.2295 48.933 54.7379 49.4414 55.3651 49.4414Z"
fill="#24285B"
/>
<path
d="M59.5839 49.4414C60.2111 49.4414 60.7195 48.933 60.7195 48.3058C60.7195 47.6786 60.2111 47.1702 59.5839 47.1702C58.9567 47.1702 58.4482 47.6786 58.4482 48.3058C58.4482 48.933 58.9567 49.4414 59.5839 49.4414Z"
fill="#24285B"
/>
<path
d="M63.7025 49.4414C64.3297 49.4414 64.8382 48.933 64.8382 48.3058C64.8382 47.6786 64.3297 47.1702 63.7025 47.1702C63.0753 47.1702 62.5669 47.6786 62.5669 48.3058C62.5669 48.933 63.0753 49.4414 63.7025 49.4414Z"
fill="#24285B"
/>
<path
d="M67.9213 49.4414C68.5485 49.4414 69.0569 48.933 69.0569 48.3058C69.0569 47.6786 68.5485 47.1702 67.9213 47.1702C67.2941 47.1702 66.7856 47.6786 66.7856 48.3058C66.7856 48.933 67.2941 49.4414 67.9213 49.4414Z"
fill="#24285B"
/>
<path
d="M72.2323 49.4414C72.8595 49.4414 73.368 48.933 73.368 48.3058C73.368 47.6786 72.8595 47.1702 72.2323 47.1702C71.6051 47.1702 71.0967 47.6786 71.0967 48.3058C71.0967 48.933 71.6051 49.4414 72.2323 49.4414Z"
fill="#24285B"
/>
</svg>
</div>
<p class="template-header">Reset Your Password</p>
</div>
<div class="content">
<p class="template-receiver-name">Hi {{name}},</p>
<p class="template-welcome-message">
You recently requested to reset your password. If you did not make
this request, you can ignore this email.
</p>
<p class="template-welcome-message">
To reset your password, please click the button below.
</p>
<a
href="{{link}}"
style="text-decoration: none; cursor: pointer"
class="template-btn"
>Reset Password</a
>
<div class="template-farewell">
<p>Regards,</p>
<p>Boilerplate</p>
</div>
</div>
</div>
</body>
<footer>
<div class="footer-container">
<div class="heading">
<svg
width="25"
height="24"
viewBox="0 0 25 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M18.8263 1.90393H22.1998L14.8297 10.3274L23.5 21.7899H16.7112L11.394 14.838L5.30995 21.7899H1.93443L9.81743 12.78L1.5 1.90393H8.46111L13.2674 8.25826L18.8263 1.90393ZM17.6423 19.7707H19.5116L7.44539 3.81706H5.43946L17.6423 19.7707Z"
fill="#5B5B5D"
/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
width="25"
height="24"
viewBox="0 0 25 24"
fill="none"
>
<g clip-path="url(#clip0_23775_3072)">
<path
d="M12.5 2.16094C15.7063 2.16094 16.0859 2.175 17.3469 2.23125C18.5188 2.28281 19.1516 2.47969 19.5734 2.64375C20.1313 2.85938 20.5344 3.12188 20.9516 3.53906C21.3734 3.96094 21.6313 4.35938 21.8469 4.91719C22.0109 5.33906 22.2078 5.97656 22.2594 7.14375C22.3156 8.40937 22.3297 8.78906 22.3297 11.9906C22.3297 15.1969 22.3156 15.5766 22.2594 16.8375C22.2078 18.0094 22.0109 18.6422 21.8469 19.0641C21.6313 19.6219 21.3687 20.025 20.9516 20.4422C20.5297 20.8641 20.1313 21.1219 19.5734 21.3375C19.1516 21.5016 18.5141 21.6984 17.3469 21.75C16.0813 21.8062 15.7016 21.8203 12.5 21.8203C9.29375 21.8203 8.91406 21.8062 7.65313 21.75C6.48125 21.6984 5.84844 21.5016 5.42656 21.3375C4.86875 21.1219 4.46563 20.8594 4.04844 20.4422C3.62656 20.0203 3.36875 19.6219 3.15313 19.0641C2.98906 18.6422 2.79219 18.0047 2.74063 16.8375C2.68438 15.5719 2.67031 15.1922 2.67031 11.9906C2.67031 8.78438 2.68438 8.40469 2.74063 7.14375C2.79219 5.97187 2.98906 5.33906 3.15313 4.91719C3.36875 4.35938 3.63125 3.95625 4.04844 3.53906C4.47031 3.11719 4.86875 2.85938 5.42656 2.64375C5.84844 2.47969 6.48594 2.28281 7.65313 2.23125C8.91406 2.175 9.29375 2.16094 12.5 2.16094ZM12.5 0C9.24219 0 8.83438 0.0140625 7.55469 0.0703125C6.27969 0.126563 5.40313 0.332812 4.64375 0.628125C3.85156 0.9375 3.18125 1.34531 2.51563 2.01562C1.84531 2.68125 1.4375 3.35156 1.12813 4.13906C0.832812 4.90313 0.626563 5.775 0.570313 7.05C0.514063 8.33437 0.5 8.74219 0.5 12C0.5 15.2578 0.514063 15.6656 0.570313 16.9453C0.626563 18.2203 0.832812 19.0969 1.12813 19.8563C1.4375 20.6484 1.84531 21.3188 2.51563 21.9844C3.18125 22.65 3.85156 23.0625 4.63906 23.3672C5.40313 23.6625 6.275 23.8687 7.55 23.925C8.82969 23.9812 9.2375 23.9953 12.4953 23.9953C15.7531 23.9953 16.1609 23.9812 17.4406 23.925C18.7156 23.8687 19.5922 23.6625 20.3516 23.3672C21.1391 23.0625 21.8094 22.65 22.475 21.9844C23.1406 21.3188 23.5531 20.6484 23.8578 19.8609C24.1531 19.0969 24.3594 18.225 24.4156 16.95C24.4719 15.6703 24.4859 15.2625 24.4859 12.0047C24.4859 8.74688 24.4719 8.33906 24.4156 7.05938C24.3594 5.78438 24.1531 4.90781 23.8578 4.14844C23.5625 3.35156 23.1547 2.68125 22.4844 2.01562C21.8188 1.35 21.1484 0.9375 20.3609 0.632812C19.5969 0.3375 18.725 0.13125 17.45 0.075C16.1656 0.0140625 15.7578 0 12.5 0Z"
fill="#5B5B5D"
/>
<path
d="M12.5 5.83594C9.09688 5.83594 6.33594 8.59688 6.33594 12C6.33594 15.4031 9.09688 18.1641 12.5 18.1641C15.9031 18.1641 18.6641 15.4031 18.6641 12C18.6641 8.59688 15.9031 5.83594 12.5 5.83594ZM12.5 15.9984C10.2922 15.9984 8.50156 14.2078 8.50156 12C8.50156 9.79219 10.2922 8.00156 12.5 8.00156C14.7078 8.00156 16.4984 9.79219 16.4984 12C16.4984 14.2078 14.7078 15.9984 12.5 15.9984Z"
fill="#5B5B5D"
/>
<path
d="M20.3469 5.59214C20.3469 6.38902 19.7 7.0312 18.9078 7.0312C18.1109 7.0312 17.4688 6.38433 17.4688 5.59214C17.4688 4.79526 18.1156 4.15308 18.9078 4.15308C19.7 4.15308 20.3469 4.79995 20.3469 5.59214Z"
fill="#5B5B5D"
/>
</g>
<defs>
<clipPath id="clip0_23775_3072">
<rect
width="24"
height="24"
fill="white"
transform="translate(0.5)"
/>
</clipPath>
</defs>
</svg>
<svg
width="25"
height="24"
viewBox="0 0 25 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.5725 0H13.5278V16.3478C13.5278 18.2957 11.9722 19.8957 10.0363 19.8957C8.10034 19.8957 6.54469 18.2957 6.54469 16.3478C6.54469 14.4348 8.06577 12.8695 9.93257 12.8V8.69567C5.81872 8.7652 2.5 12.1391 2.5 16.3478C2.5 20.5913 5.88786 24 10.0708 24C14.2538 24 17.6416 20.5565 17.6416 16.3478V7.9652C19.1627 9.07827 21.0295 9.73913 23 9.77393V5.66957C19.9579 5.56522 17.5725 3.06087 17.5725 0Z"
fill="#5B5B5D"
/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
width="25"
height="24"
viewBox="0 0 25 24"
fill="none"
>
<path
d="M14.9414 5.65873C15.1495 6.54092 15.9417 7.19811 16.8877 7.19811C17.992 7.19811 18.8873 6.30279 18.8873 5.19842C18.8873 4.09404 17.992 3.19873 16.8877 3.19873C15.922 3.19873 15.1167 3.88311 14.9292 4.79342C13.312 4.96686 12.0492 6.33842 12.0492 8.00061C12.0492 8.00436 12.0492 8.00717 12.0492 8.01092C10.2905 8.08498 8.68453 8.58561 7.40953 9.37592C6.93609 9.00936 6.34172 8.79092 5.69672 8.79092C4.14891 8.79092 2.89453 10.0453 2.89453 11.5931C2.89453 12.7162 3.55453 13.6837 4.50797 14.1309C4.60078 17.384 8.14547 20.0006 12.5058 20.0006C16.8661 20.0006 20.4155 17.3812 20.5036 14.1253C21.4495 13.6753 22.1039 12.7106 22.1039 11.594C22.1039 10.0462 20.8495 8.79186 19.3017 8.79186C18.6595 8.79186 18.068 9.00842 17.5955 9.37217C16.3092 8.57623 14.6855 8.07561 12.9089 8.00904C12.9089 8.00623 12.9089 8.00436 12.9089 8.00154C12.9089 6.81092 13.7939 5.82279 14.9414 5.66061V5.65873ZM7.29703 13.3715C7.34391 12.3553 8.01891 11.5753 8.80359 11.5753C9.58828 11.5753 10.1883 12.3994 10.1414 13.4156C10.0945 14.4319 9.50859 14.8012 8.72297 14.8012C7.93734 14.8012 7.25016 14.3878 7.29703 13.3715ZM16.2089 11.5753C16.9945 11.5753 17.6695 12.3553 17.7155 13.3715C17.7623 14.3878 17.0742 14.8012 16.2895 14.8012C15.5048 14.8012 14.918 14.4328 14.8711 13.4156C14.8242 12.3994 15.4233 11.5753 16.2089 11.5753ZM15.2752 15.7228C15.4223 15.7378 15.5161 15.8906 15.4589 16.0275C14.9761 17.1815 13.8361 17.9925 12.5058 17.9925C11.1755 17.9925 10.0364 17.1815 9.55266 16.0275C9.49547 15.8906 9.58922 15.7378 9.73641 15.7228C10.5989 15.6356 11.5317 15.5878 12.5058 15.5878C13.4798 15.5878 14.4117 15.6356 15.2752 15.7228Z"
fill="#5B5B5D"
/>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
width="25"
height="24"
viewBox="0 0 25 24"
fill="none"
>
<g clip-path="url(#clip0_23775_3080)">
<path
d="M22.7234 0H2.27187C1.29219 0 0.5 0.773438 0.5 1.72969V22.2656C0.5 23.2219 1.29219 24 2.27187 24H22.7234C23.7031 24 24.5 23.2219 24.5 22.2703V1.72969C24.5 0.773438 23.7031 0 22.7234 0ZM7.62031 20.4516H4.05781V8.99531H7.62031V20.4516ZM5.83906 7.43438C4.69531 7.43438 3.77188 6.51094 3.77188 5.37187C3.77188 4.23281 4.69531 3.30937 5.83906 3.30937C6.97813 3.30937 7.90156 4.23281 7.90156 5.37187C7.90156 6.50625 6.97813 7.43438 5.83906 7.43438ZM20.9516 20.4516H17.3937V14.8828C17.3937 13.5562 17.3703 11.8453 15.5422 11.8453C13.6906 11.8453 13.4094 13.2937 13.4094 14.7891V20.4516H9.85625V8.99531H13.2687V10.5609H13.3156C13.7891 9.66094 14.9516 8.70938 16.6813 8.70938C20.2859 8.70938 20.9516 11.0813 20.9516 14.1656V20.4516Z"
fill="#5B5B5D"
/>
</g>
<defs>
<clipPath id="clip0_23775_3080">
<rect
width="24"
height="24"
fill="white"
transform="translate(0.5)"
/>
</clipPath>
</defs>
</svg>
</div>
<div class="content">
<span>
Thank you for choosing Boilerplate.com. Need help?
<a
href="https://starlight-nestjs.teams.hng.tech/contact-us"
class="contact-support"
>Contact our customer support</a
>
</span>
<hr />
<p>
You are receiving this email because you signed up at Boilerplate.com.
Want to change how you receive these emails?
</p>
<p>
You can
<a href="#" style="color: #111; text-decoration: none"
>update your preferences</a
>
or
<a href="#" style="color: #111; text-decoration: none"
>unsubscribe from this list</a
>.
</p>
</div>
</div>
</footer>
</html>