Skip to content

Commit 1943f99

Browse files
tayormitayormi
authored
Merge pull request #62 from KarenEfereyan/master
Email Verification page.
2 parents c3d292c + 1ad7503 commit 1943f99

File tree

2 files changed

+313
-0
lines changed

2 files changed

+313
-0
lines changed

‎img/logo-black.png‎

4.28 KB
Loading

‎verifyemail.html‎

Lines changed: 313 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,313 @@
1+
<head>
2+
<title></title>
3+
<!--[if !mso]><!-- -->
4+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
5+
<!--<![endif]-->
6+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
7+
<style type="text/css">
8+
#outlook a {
9+
padding: 0;
10+
}
11+
.ReadMsgBody {
12+
width: 100%;
13+
}
14+
.ExternalClass {
15+
width: 100%;
16+
}
17+
.ExternalClass * {
18+
line-height: 100%;
19+
}
20+
body {
21+
margin: 0;
22+
padding: 0;
23+
-webkit-text-size-adjust: 100%;
24+
-ms-text-size-adjust: 100%;
25+
}
26+
table,
27+
td {
28+
border-collapse: collapse;
29+
mso-table-lspace: 0pt;
30+
mso-table-rspace: 0pt;
31+
}
32+
img {
33+
border: 0;
34+
height: auto;
35+
line-height: 100%;
36+
outline: none;
37+
text-decoration: none;
38+
-ms-interpolation-mode: bicubic;
39+
}
40+
p {
41+
display: block;
42+
margin: 13px 0;
43+
}
44+
</style>
45+
<!--[if !mso]><!-->
46+
<style type="text/css">
47+
@media only screen and (max-width: 480px) {
48+
@-ms-viewport {
49+
width: 320px;
50+
}
51+
@viewport {
52+
width: 320px;
53+
}
54+
}
55+
</style>
56+
<!--<![endif]-->
57+
<!--[if mso]>
58+
<xml>
59+
<o:OfficeDocumentSettings>
60+
<o:AllowPNG />
61+
<o:PixelsPerInch>96</o:PixelsPerInch>
62+
</o:OfficeDocumentSettings>
63+
</xml>
64+
<![endif]-->
65+
<!--[if lte mso 11]>
66+
<style type="text/css">
67+
.outlook-group-fix {
68+
width: 100% !important;
69+
}
70+
</style>
71+
<![endif]-->
72+
73+
<!--[if !mso]><!-->
74+
<link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css" />
75+
<style type="text/css">
76+
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300, 400, 500, 700);
77+
</style>
78+
<!--<![endif]-->
79+
<style type="text/css">
80+
@media only screen and (min-width: 480px) {
81+
.mj-column-per-100,
82+
* [aria-labelledby="mj-column-per-100"] {
83+
width: 100% !important;
84+
}
85+
}
86+
</style>
87+
</head>
88+
<body style="background: #f9f9f9;">
89+
<div style="background-color: #f9f9f9;">
90+
<!--[if mso | IE]>
91+
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="640" align="center" style="width:640px;">
92+
<tr>
93+
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
94+
<![endif]-->
95+
<style type="text/css">
96+
html,
97+
body,
98+
* {
99+
-webkit-text-size-adjust: none;
100+
text-size-adjust: none;
101+
}
102+
a {
103+
color: #1eb0f4;
104+
text-decoration: none;
105+
}
106+
a:hover {
107+
text-decoration: underline;
108+
}
109+
</style>
110+
<div style="margin: 0px auto; max-width: 640px; background: transparent;">
111+
<table role="presentation" cellpadding="0" cellspacing="0" style="font-size: 0px; width: 100%; background: transparent;" align="center" border="0">
112+
<tbody>
113+
<tr>
114+
<td style="text-align: center; vertical-align: top; direction: ltr; font-size: 0px; padding: 40px 0px;">
115+
<!--[if mso | IE]>
116+
<table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:top;width:640px;">
117+
<![endif]-->
118+
<div aria-labelledby="mj-column-per-100" class="mj-column-per-100 outlook-group-fix" style="vertical-align: top; display: inline-block; direction: ltr; font-size: 13px; text-align: left; width: 100%;">
119+
<table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
120+
<tbody>
121+
<tr>
122+
<td style="word-break: break-word; font-size: 0px; padding: 0px;" align="center">
123+
<table role="presentation" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-spacing: 0px;" align="center" border="0">
124+
<tbody>
125+
<tr>
126+
<td style="width: 138px;">
127+
<a href="https://codeclanui.netlify.app/" target="_blank">
128+
<img
129+
alt="CodeClanLogo"
130+
title="CodeClanLogo"
131+
src="./img/codeclannglogo.png"
132+
style="border: none; border-radius:none; display: block; outline: none; text-decoration: none; max-width:100%; height:auto;"
133+
/>
134+
</a>
135+
</td>
136+
</tr>
137+
</tbody>
138+
</table>
139+
</td>
140+
</tr>
141+
</tbody>
142+
</table>
143+
</div>
144+
<!--[if mso | IE]>
145+
</td></tr></table>
146+
<![endif]-->
147+
</td>
148+
</tr>
149+
</tbody>
150+
</table>
151+
</div>
152+
<!--[if mso | IE]>
153+
</td></tr></table>
154+
<![endif]-->
155+
<!--[if mso | IE]>
156+
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="640" align="center" style="width:640px;">
157+
<tr>
158+
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
159+
<![endif]-->
160+
<div style="max-width: 640px; margin: 0 auto; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1); border-radius: 4px; overflow: hidden;">
161+
<!--[if mso | IE]>
162+
</td></tr></table>
163+
<![endif]-->
164+
<!--[if mso | IE]>
165+
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="640" align="center" style="width:640px;">
166+
<tr>
167+
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
168+
<![endif]-->
169+
<div style="margin: 0px auto; max-width: 640px; background: #ffffff;">
170+
<table role="presentation" cellpadding="0" cellspacing="0" style="font-size: 0px; width: 100%; background: #ffffff;" align="center" border="0">
171+
<tbody>
172+
<tr>
173+
<td style="text-align: center; vertical-align: top; direction: ltr; font-size: 0px; padding: 40px 70px;">
174+
<!--[if mso | IE]>
175+
<table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:top;width:640px;">
176+
<![endif]-->
177+
<div aria-labelledby="mj-column-per-100" class="mj-column-per-100 outlook-group-fix" style="vertical-align: top; display: inline-block; direction: ltr; font-size: 13px; text-align: left; width: 100%;">
178+
<table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
179+
<tbody>
180+
<tr>
181+
<td style="word-break: break-word; font-size: 0px; padding: 0px 0px 20px;" align="left">
182+
<div style="cursor: auto; color: #737f8d; font-family: Whitney, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; font-size: 16px; line-height: 24px; text-align: left;">
183+
<p><img src="https://cdn.discordapp.com/email_assets/127c95bbea39cd4bc1ad87d1500ae27d.png" alt="Party Wumpus" title="None" width="500" style="height: auto;" /></p>
184+
185+
<h2 style="font-family: Whitney, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; font-weight: 500; font-size: 20px; color: #4f545c; letter-spacing: 0.27px;">
186+
Hello there, [USER],
187+
</h2>
188+
<p>Welcome on board.</p>
189+
<p>Please click on the link below to verify your email address</p>
190+
<p>If you didn't sign up on WEBSITE_NAME, kindly ignore message or contact us at contact@website.com</p>
191+
<p>Thanks <br> Website Support Team</p>
192+
</div>
193+
</td>
194+
</tr>
195+
<tr>
196+
<td style="word-break: break-word; font-size: 0px; padding: 10px 25px;" align="center">
197+
<table role="presentation" cellpadding="0" cellspacing="0" style="border-collapse: separate;" align="center" border="0">
198+
<tbody>
199+
<tr>
200+
<td style="border: none; border-radius: 3px; color: white; cursor: auto; padding: 15px 19px;" align="center" valign="middle" bgcolor="#7289DA">
201+
<a
202+
href="#"
203+
style="
204+
text-decoration: none;
205+
line-height: 100%;
206+
background: #7289da;
207+
color: white;
208+
font-family: Ubuntu, Helvetica, Arial, sans-serif;
209+
font-size: 15px;
210+
font-weight: normal;
211+
text-transform: none;
212+
margin: 0px;
213+
"
214+
target="_blank"
215+
>
216+
Verify Email
217+
</a>
218+
</td>
219+
</tr>
220+
</tbody>
221+
</table>
222+
</td>
223+
</tr>
224+
</tbody>
225+
</table>
226+
</div>
227+
<!--[if mso | IE]>
228+
</td></tr></table>
229+
<![endif]-->
230+
</td>
231+
</tr>
232+
</tbody>
233+
</table>
234+
</div>
235+
<!--[if mso | IE]>
236+
</td></tr></table>
237+
<![endif]-->
238+
<!--[if mso | IE]>
239+
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="640" align="center" style="width:640px;">
240+
<tr>
241+
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
242+
<![endif]-->
243+
</div>
244+
<div style="margin: 0px auto; max-width: 640px; background: transparent;">
245+
<table role="presentation" cellpadding="0" cellspacing="0" style="font-size: 0px; width: 100%; background: transparent;" align="center" border="0">
246+
<tbody>
247+
<tr>
248+
<td style="text-align: center; vertical-align: top; direction: ltr; font-size: 0px; padding: 0px;">
249+
<!--[if mso | IE]>
250+
<table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:top;width:640px;">
251+
<![endif]-->
252+
<div aria-labelledby="mj-column-per-100" class="mj-column-per-100 outlook-group-fix" style="vertical-align: top; display: inline-block; direction: ltr; font-size: 13px; text-align: left; width: 100%;">
253+
<table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
254+
<tbody>
255+
<tr>
256+
<td style="word-break: break-word; font-size: 0px;"><div style="font-size: 1px; line-height: 12px;">&nbsp;</div></td>
257+
</tr>
258+
</tbody>
259+
</table>
260+
</div>
261+
<!--[if mso | IE]>
262+
</td></tr></table>
263+
<![endif]-->
264+
</td>
265+
</tr>
266+
</tbody>
267+
</table>
268+
</div>
269+
<!--[if mso | IE]>
270+
</td></tr></table>
271+
<![endif]-->
272+
<!--[if mso | IE]>
273+
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="640" align="center" style="width:640px;">
274+
<tr>
275+
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
276+
<![endif]-->
277+
<div style="margin: 0px auto; max-width: 640px; background: transparent;">
278+
<table role="presentation" cellpadding="0" cellspacing="0" style="font-size: 0px; width: 100%; background: transparent;" align="center" border="0">
279+
<tbody>
280+
<tr>
281+
<td style="text-align: center; vertical-align: top; direction: ltr; font-size: 0px; padding: 20px 0px;">
282+
<!--[if mso | IE]>
283+
<table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:top;width:640px;">
284+
<![endif]-->
285+
<div aria-labelledby="mj-column-per-100" class="mj-column-per-100 outlook-group-fix" style="vertical-align: top; display: inline-block; direction: ltr; font-size: 13px; text-align: left; width: 100%;">
286+
<table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
287+
<tbody>
288+
<tr>
289+
<td style="word-break: break-word; font-size: 0px; padding: 0px;" align="center">
290+
<div style="cursor: auto; color: #99aab5; font-family: Whitney, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; font-size: 12px; line-height: 24px; text-align: center;">
291+
<b>Need Support?</b><br>
292+
Feel free to email if you have any complaints, questions, comments or suggestions. <br>
293+
We will be glad to hear from you.
294+
</div>
295+
</td>
296+
</tr>
297+
</tbody>
298+
</table>
299+
</div>
300+
<!--[if mso | IE]>
301+
</td></tr></table>
302+
<![endif]-->
303+
</td>
304+
</tr>
305+
</tbody>
306+
</table>
307+
</div>
308+
<!--[if mso | IE]>
309+
</td></tr></table>
310+
<![endif]-->
311+
</div>
312+
</body>
313+

0 commit comments

Comments
 (0)