-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathSubscription-Renewal-Failed.html
643 lines (611 loc) · 29 KB
/
Subscription-Renewal-Failed.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
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Subscription Renewal Failed</title>
</head>
<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;
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;
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;
align-items: center;
gap: 0.625rem;
border: none;
color: white;
border-radius: 0.5rem;
align-self: center;
background: #f97316;
text-decoration: none;
cursor: pointer;
}
.custom-list-items {
list-style: none;
}
.custom-list-items li {
display: flex;
align-items: center;
margin-bottom: 1rem;
}
.custom-list-items li svg {
margin-right: 1rem;
}
.template-farewell p {
color: #111;
font-size: 0.875rem;
font-weight: 500;
margin-bottom: 0.5rem;
}
.closing-regards {
color: rgba(17, 17, 17, 0.9);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
a {
font-weight: 600;
text-decoration: underline;
color: #111;
}
.closing-regards a:hover {
text-decoration: underline;
}
.link-faq {
text-decoration: none;
color: #f97316;
font-weight: 600;
}
.link-email {
text-decoration: none;
color: #f97316;
font-weight: 400;
}
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>
<body>
<!-- Header -->
<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 style="margin-bottom: 40px">
<svg
xmlns="http://www.w3.org/2000/svg"
width="178"
height="178"
viewBox="0 0 178 178"
fill="none"
>
<g clip-path="url(#clip0_2266_10263)">
<mask
id="mask0_2266_10263"
style="mask-type: luminance"
maskUnits="userSpaceOnUse"
x="0"
y="0"
width="179"
height="179"
>
<path
d="M178.016 0.0253906H0.015625V178.025H178.016V0.0253906Z"
fill="white"
/>
</mask>
<g mask="url(#mask0_2266_10263)">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M27.9922 67.3913C27.9922 61.9623 32.3933 57.5609 37.8224 57.5609H85.1254C90.5544 57.5609 94.9557 61.9623 94.9557 67.3913V151.567C94.9557 156.996 90.5544 161.397 85.1254 161.397H37.8224C32.3933 161.397 27.9922 156.996 27.9922 151.567V67.3913ZM37.8224 58.4971C32.9103 58.4971 28.9283 62.4791 28.9283 67.3913V151.567C28.9283 156.479 32.9103 160.46 37.8224 160.46H85.1254C90.0376 160.46 94.0195 156.479 94.0195 151.567V67.3913C94.0195 62.4791 90.0376 58.4971 85.1254 58.4971H37.8224Z"
fill="#F1F1F1"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M115.727 67.8903C117.02 67.8903 118.068 68.9381 118.068 70.231V156.016C118.068 157.309 117.02 158.356 115.727 158.356H62.0983C60.8057 158.356 59.7578 157.309 59.7578 156.016V110.622L67.7288 112.947C68.1127 113.059 68.5268 113.002 68.8662 112.79L74.1593 109.482C74.7521 109.111 75.527 109.233 75.9773 109.768L81.3102 116.1C81.7415 116.613 82.4749 116.749 83.0617 116.426L91.7849 111.619C92.2572 111.359 92.8363 111.392 93.2753 111.704L98.537 115.438C98.9482 115.73 99.4852 115.779 99.9426 115.566L110.862 110.482C111.338 110.261 111.897 110.323 112.312 110.643L118.068 115.083V70.231C118.068 68.9381 117.02 67.8903 115.727 67.8903H62.0982C62.0673 67.8903 62.0366 67.8909 62.0059 67.892C62.0366 67.8909 62.0674 67.8903 62.0983 67.8903H115.727Z"
fill="#CC8553"
/>
<path
d="M71.3281 30.5891H77.7593V34.8766H71.3281V30.5891Z"
fill="#E5E5E5"
/>
<path
d="M42.6094 6.15039H79.9107V32.7328H42.6094V6.15039Z"
fill="#FA822F"
/>
<path
d="M17.3125 56.2436C17.3125 51.073 21.504 46.8815 26.6746 46.8815H73.9775C79.1484 46.8815 83.3397 51.073 83.3397 56.2436V140.419C83.3397 145.59 79.1484 149.781 73.9775 149.781H26.6746C21.504 149.781 17.3125 145.59 17.3125 140.419V56.2436Z"
fill="#F1F1F1"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M16.8438 56.2436C16.8438 50.8146 21.2449 46.4135 26.6739 46.4135H73.9768C79.4064 46.4135 83.8072 50.8146 83.8072 56.2436V140.419C83.8072 145.848 79.4064 150.249 73.9768 150.249H26.6739C21.2449 150.249 16.8438 145.848 16.8438 140.419V56.2436ZM26.6739 47.3496C21.7619 47.3496 17.7799 51.3316 17.7799 56.2436V140.419C17.7799 145.331 21.7619 149.313 26.6739 149.313H73.9768C78.889 149.313 82.8709 145.331 82.8709 140.419V56.2436C82.8709 51.3316 78.889 47.3496 73.9768 47.3496H26.6739Z"
fill="#3E3D3D"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M20.7422 49.0003C22.3571 47.6761 24.4228 46.8815 26.6742 46.8815H73.9771C76.2288 46.8815 78.2948 47.6762 79.9098 49.0004V147.662C78.2948 148.986 76.2288 149.781 73.9771 149.781H26.6742C24.4228 149.781 22.3571 148.986 20.7422 147.663V49.0003Z"
fill="white"
/>
<path
opacity="0.5"
d="M25.8828 67.6583C25.8828 66.3655 26.9307 65.3176 28.2233 65.3176H72.4199C73.7122 65.3176 74.76 66.3655 74.76 67.6583V95.9912C74.76 97.2835 73.7122 98.3313 72.4199 98.3313H28.2233C26.9307 98.3313 25.8828 97.2835 25.8828 95.9912V67.6583Z"
fill="#F1F1F1"
/>
<path
d="M25.8829 106.906H38.3166V114.624H25.8829V106.906ZM43.4614 106.906H55.8952V114.624H43.4614V106.906ZM61.0403 106.906H74.76V114.624H61.0403V106.906ZM25.8828 119.34H38.3165V127.058H25.8828V119.34ZM43.4613 119.34H55.895V127.058H43.4613V119.34ZM61.0402 119.34H74.76V127.058H61.0402V119.34Z"
fill="#CC8553"
/>
<path
d="M25.8828 132.202H38.3165V139.92H25.8828V132.202Z"
fill="#F97316"
/>
<path
d="M43.4609 132.202H55.8947V139.92H43.4609V132.202Z"
fill="#CC8553"
/>
<path
d="M61.0391 132.202H74.7589V139.92H61.0391V132.202Z"
fill="#F97316"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M16.8438 56.2436C16.8438 50.8146 21.2449 46.4135 26.6739 46.4135H73.9768C79.4064 46.4135 83.8072 50.8146 83.8072 56.2436V140.419C83.8072 145.848 79.4064 150.249 73.9768 150.249H26.6739C21.2449 150.249 16.8438 145.848 16.8438 140.419V56.2436ZM26.6739 47.3496C21.7619 47.3496 17.7799 51.3316 17.7799 56.2436V140.419C17.7799 145.331 21.7619 149.313 26.6739 149.313H73.9768C78.889 149.313 82.8709 145.331 82.8709 140.419V56.2436C82.8709 51.3316 78.889 47.3496 73.9768 47.3496H26.6739Z"
fill="#3E3D3D"
/>
<path
d="M29.3125 28.0166H71.3298V57.6003H29.3125V28.0166Z"
fill="#F1F1F1"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M71.3298 28.0166H29.3125V25.6585L29.3222 25.6478C29.3159 25.5808 29.3126 25.5128 29.3126 25.4441C29.3126 24.2603 30.2723 23.3005 31.4562 23.3004H73.4735L71.3298 25.6585V28.0166Z"
fill="#F1F1F1"
/>
<path
d="M79.9046 32.7329C79.9046 33.9168 78.9452 34.8766 77.7609 34.8766C76.5772 34.8766 75.6172 33.9168 75.6172 32.7329C75.6172 31.5489 76.5772 30.5891 77.7609 30.5891C78.9452 30.5891 79.9046 31.5489 79.9046 32.7329Z"
fill="#FA822F"
/>
<path
d="M75.6156 25.4441C75.6156 26.6281 74.6561 27.5879 73.4718 27.5879C72.2881 27.5879 71.3281 26.6281 71.3281 25.4441C71.3281 24.2602 72.2881 23.3004 73.4718 23.3004C74.6561 23.3004 75.6156 24.2602 75.6156 25.4441Z"
fill="#E5E5E5"
/>
<path
d="M71.3281 25.4441H75.6156V34.8765H71.3281V25.4441Z"
fill="#E5E5E5"
/>
<path
d="M65.1157 81.8247C65.1157 89.8756 58.5893 96.4023 50.5384 96.4023C42.4875 96.4023 35.9609 89.8756 35.9609 81.8247C35.9609 73.7737 42.4875 67.2471 50.5384 67.2471C58.5893 67.2471 65.1157 73.7737 65.1157 81.8247Z"
fill="#F97316"
/>
<path
d="M29.3125 54.599H71.3298V57.6002H29.3125V54.599Z"
fill="#E5E5E5"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M41.3203 88.3965L57.1118 72.605L59.7598 75.253L43.9683 91.0446L41.3203 88.3965Z"
fill="white"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M43.9683 72.605L59.7598 88.3965L57.1118 91.0446L41.3203 75.253L43.9683 72.605Z"
fill="white"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M92.7656 111.479V158.356H106.057V112.717L99.9367 115.566C99.4792 115.779 98.9428 115.73 98.5316 115.438L93.27 111.704C93.1157 111.594 92.9442 111.519 92.7656 111.479Z"
fill="#BC7646"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M162.323 91.8562C162.788 93.0618 162.187 94.417 160.981 94.8822L119.133 111.022L121.204 104.055C121.354 103.552 121.21 103.007 120.833 102.644L112.161 94.2847C111.798 93.934 111.65 93.416 111.774 92.9271L113.365 86.6746C113.497 86.1525 113.32 85.6001 112.908 85.2536L105.284 78.8444C104.771 78.413 104.634 77.6797 104.957 77.0928L108.947 69.8388C109.284 69.2258 109.118 68.4587 108.559 68.0392L103.568 64.2911C103.248 64.0508 103.046 63.6853 103.012 63.286L102.312 55.0127L139.999 40.4781C141.205 40.013 142.559 40.6136 143.025 41.8196L162.323 91.8562Z"
fill="#CC8553"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M57.7827 121.817L53 109.415L57.7828 121.817H57.7827ZM117.021 98.9697L112.16 94.2848C111.797 93.9347 111.65 93.4161 111.774 92.9272L113.365 86.6747C113.411 86.4913 113.42 86.3038 113.393 86.1235L154.062 70.4381L158.845 82.8394L117.021 98.9697Z"
fill="#BC7646"
/>
<path
d="M115.489 31.0177C115.489 38.2399 109.635 44.0946 102.412 44.0946C95.1904 44.0946 89.3359 38.2399 89.3359 31.0177C89.3359 23.7956 95.1904 17.9409 102.412 17.9409C109.635 17.9409 115.489 23.7956 115.489 31.0177Z"
fill="#F97316"
/>
<path
d="M130.074 31.0178C130.074 28.5315 128.059 26.516 125.572 26.516C123.086 26.516 121.07 28.5315 121.07 31.0178C121.07 33.5042 123.086 35.5197 125.572 35.5197C128.059 35.5197 130.074 33.5042 130.074 31.0178Z"
fill="#FA822F"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M95.0391 36.0769L107.474 23.6425L109.791 25.9595L97.356 38.394L95.0391 36.0769Z"
fill="white"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M97.356 23.6425L109.791 36.0769L107.474 38.3939L95.0391 25.9594L97.356 23.6425Z"
fill="white"
/>
<path
d="M164.797 165.431H125.781V171.433H164.797V165.431Z"
fill="#F97316"
/>
<path
d="M169.516 159.857H130.5V165.431H169.516V159.857Z"
fill="#CC8553"
/>
<path
d="M166.946 153.854H127.93V159.857H166.946V153.854Z"
fill="#FA822F"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M3.33594 171.433C3.33594 171.175 3.54552 170.965 3.80404 170.965H174.232C174.49 170.965 174.7 171.175 174.7 171.433C174.7 171.691 174.49 171.901 174.232 171.901H3.80404C3.54552 171.901 3.33594 171.691 3.33594 171.433Z"
fill="#3E3D3D"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M162.227 123.238H130.07V122.302H162.227V123.238ZM162.227 131.599H130.07V130.663H162.227V131.599ZM146.792 140.603H130.07V139.666H146.792V140.603Z"
fill="#F1F1F1"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M65.1157 32.9865H35.9609V32.0503H65.1157V32.9865ZM65.1157 40.4896H35.9609V39.5534H65.1157V40.4896ZM65.1157 47.3496H35.9609V46.4134H65.1157V47.3496Z"
fill="#3E3D3D"
/>
</g>
</g>
<defs>
<clipPath id="clip0_2266_10263">
<rect width="178" height="178" fill="white" />
</clipPath>
</defs>
</svg>
</div>
<p class="template-header">Subscription Renewal Failed</p>
</div>
<div class="content">
<p class="template-receiver-name">Hi {{name}},</p>
<p class="template-welcome-message">
We are having some trouble processing your subscription renewal
payment for your <b>{{subscriptionPlan}}</b>. This could be because of
either of the following reasons:
</p>
<ul class="custom-list-items">
<li>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
<path
d="M12 0L15.2414 8.75862L24 12L15.2414 15.2414L12 24L8.75862 15.2414L0 12L8.75862 8.75862L12 0Z"
fill="rgba(249, 115, 22, 0.40)"
/>
</svg>
Your payment card has been blocked by your bank.
</li>
<li>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
<path
d="M12 0L15.2414 8.75862L24 12L15.2414 15.2414L12 24L8.75862 15.2414L0 12L8.75862 8.75862L12 0Z"
fill="rgba(249, 115, 22, 0.40)"
/>
</svg>
Your payment card has expired.
</li>
<li>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
<path
d="M12 0L15.2414 8.75862L24 12L15.2414 15.2414L12 24L8.75862 15.2414L0 12L8.75862 8.75862L12 0Z"
fill="rgba(249, 115, 22, 0.40)"
/>
</svg>
You have insufficient funds in your account.
</li>
</ul>
<p class="template-welcome-message">
To keep enjoying your {{subscriptionPlan}}, please check your bank or
update your payment details.
</p>
<a href="#" class="template-btn">Update Payment Details</a>
<div class="template-farewell">
<p>Regards,</p>
<p>Boilerplate</p>
</div>
<div class="closing-regards">
<p>
If you have questions, please visit our
<a
href="https://starlight-nestjs.teams.hng.tech/faqs"
class="link-faq"
>FAQs</a
>, or email us at
<a href="mailto:help@boilerplate.com" class="link-email"
>help@boilerplate.com</a
>. Our team can answer questions about your subscription status. To
unsubscribe from future subscription renewal reminders,
<a href="#">click here</a>.
</p>
</div>
</div>
</div>
<!-- Footer -->
<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>
</body>
</html>