-
Notifications
You must be signed in to change notification settings - Fork 0
/
emailTemplate.js
97 lines (95 loc) · 3.22 KB
/
emailTemplate.js
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
const emailTemplate=(url,subject,userName,para,task,ignore)=>(`
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>IIITU Snapshot - Email Verification</title>
<style>
/* Add your custom styles here */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
.email-container {
max-width: 600px;
margin: 0 auto;
background-color: #1a1a1a;
padding: 20px;
border: 1px solid #333;
color: #ffffff;
border-radius: 1.3rem;
}
.header {
text-align: center;
background-color: #201e1e;
}
.header img {
width: 150px;
}
.content {
padding: 20px;
}
.btn{
display:flex;
align-items: center;
justify-content: center;
}
.verification-button {
display: inline-block;
background-color: #e74c3c;
color: #ffffff;
padding: 10px 20px;
text-decoration: none;
border-radius: 0.5rem;
transition: all 0.2s;
}
.verification-button:hover {
border-radius: 1.3rem;
text-decoration:none;
}
.footer {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background-color: #221d1d;
padding: 10px;
color: #ffffff;
height: 5vh;
}
.footer a {
color: #ffffff;
text-decoration: none;
margin: 0 10px;
}
.img{
height: 3vh;
width: 3vh;
}
</style>
</head>
<body>
<div class="email-container">
<div class="header">
<img src="https://firebasestorage.googleapis.com/v0/b/iiitusnapshots.appspot.com/o/logo%2Flogo.png?alt=media&token=97c6d29b-0d79-47f0-9533-d7b62a7e46d5" alt="IIITU Snapshot Logo">
</div>
<div class="content">
<h2 style="color: #e74c3c;">${subject}</h2>
<p>Hello <strong> ${userName} </strong>,</p>
<p>${para}</p>
<p><a href=${url} class="verification-button">${task}</a></p>
<p>${ignore}</p>
<p style="font-style: italic;">Best regards,<br>IIITU Snapshot Team</p>
</div>
<div class="footer">
<a href="https://www.instagram.com/_piyush_8_3_3/"><img src="https://firebasestorage.googleapis.com/v0/b/iiitusnapshots.appspot.com/o/logo%2Finsta.png?alt=media&token=e6213c81-c98e-4c8f-8f6f-3066c4523e17" alt="" class="img"></a>
<a href="https://www.linkedin.com/in/piyush-singh-403089221/"><img src="https://firebasestorage.googleapis.com/v0/b/iiitusnapshots.appspot.com/o/logo%2Flinkedin.png?alt=media&token=aef86b70-8d92-45d3-b47e-e50cfd00b2fe" alt="" class="img"></a>
</div>
</div>
</body>
</html>
`)
export default emailTemplate;