Created
October 29, 2021 14:44
-
-
Save Lord-V15/a1cb5e322c40ef1c470df799da91ca85 to your computer and use it in GitHub Desktop.
Custom Email HTML
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
<html xmlns="http://www.w3.org/1999/xhtml"> | |
<head> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | |
<title>Verify your email address</title> | |
<style type="text/css" rel="stylesheet" media="all"> | |
/* Base ------------------------------ */ | |
*:not(br):not(tr):not(html) { | |
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; | |
-webkit-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
body { | |
width: 100% !important; | |
height: 100%; | |
margin: 0; | |
line-height: 1.4; | |
background-color: #F5F7F9; | |
color: #839197; | |
-webkit-text-size-adjust: none; | |
} | |
a { | |
color: #414EF9; | |
} | |
/* Layout ------------------------------ */ | |
.email-wrapper { | |
width: 100%; | |
margin: 0; | |
padding: 0; | |
background-color: #F5F7F9; | |
} | |
.email-content { | |
width: 100%; | |
margin: 0; | |
padding: 0; | |
} | |
/* Masthead ----------------------- */ | |
.email-masthead { | |
padding: 25px 0; | |
text-align: center; | |
} | |
.email-masthead_logo { | |
max-width: 400px; | |
border: 0; | |
} | |
.email-masthead_name { | |
font-size: 16px; | |
font-weight: bold; | |
color: #839197; | |
text-decoration: none; | |
text-shadow: 0 1px 0 white; | |
} | |
/* Body ------------------------------ */ | |
.email-body { | |
width: 100%; | |
margin: 0; | |
padding: 0; | |
border-top: 1px solid #E7EAEC; | |
border-bottom: 1px solid #E7EAEC; | |
background-color: #FFFFFF; | |
} | |
.email-body_inner { | |
width: 570px; | |
margin: 0 auto; | |
padding: 0; | |
} | |
.email-footer { | |
width: 570px; | |
margin: 0 auto; | |
padding: 0; | |
text-align: center; | |
} | |
.email-footer p { | |
color: #839197; | |
} | |
.body-action { | |
width: 100%; | |
margin: 30px auto; | |
padding: 0; | |
text-align: center; | |
} | |
.body-sub { | |
margin-top: 25px; | |
padding-top: 25px; | |
border-top: 1px solid #E7EAEC; | |
} | |
.content-cell { | |
padding: 35px; | |
} | |
.align-right { | |
text-align: right; | |
} | |
/* Type ------------------------------ */ | |
h1 { | |
margin-top: 0; | |
color: #2374D9; | |
font-size: 19px; | |
font-weight: bold; | |
text-align: left; | |
} | |
h2 { | |
margin-top: 0; | |
color: #292E31; | |
font-size: 16px; | |
font-weight: bold; | |
text-align: left; | |
} | |
h3 { | |
margin-top: 0; | |
color: #292E31; | |
font-size: 14px; | |
font-weight: bold; | |
text-align: left; | |
} | |
p { | |
margin-top: 0; | |
color: #839197; | |
font-size: 16px; | |
line-height: 1.5em; | |
text-align: left; | |
} | |
p.sub { | |
font-size: 12px; | |
} | |
p.center { | |
text-align: center; | |
} | |
/* Buttons ------------------------------ */ | |
.button { | |
display: inline-block; | |
width: 200px; | |
background-color: #2374D9; | |
border-radius: 3px; | |
color: #ffffff; | |
font-size: 15px; | |
line-height: 45px; | |
text-align: center; | |
text-decoration: none; | |
-webkit-text-size-adjust: none; | |
mso-hide: all; | |
} | |
.button--green { | |
background-color: #28DB67; | |
} | |
.button--red { | |
background-color: #FF3665; | |
} | |
.button--blue { | |
background-color: #2374D9; | |
} | |
/*Media Queries ------------------------------ */ | |
@media only screen and (max-width: 600px) { | |
.email-body_inner, | |
.email-footer { | |
width: 100% !important; | |
} | |
} | |
@media only screen and (max-width: 500px) { | |
.button { | |
width: 100% !important; | |
} | |
} | |
</style> | |
</head> | |
<body> | |
<table class="email-wrapper" width="100%" cellpadding="0" cellspacing="0"> | |
<tr> | |
<td align="center"> | |
<table class="email-content" width="100%" cellpadding="0" cellspacing="0"> | |
<!-- Logo --> | |
<tr> | |
<td class="email-masthead"> | |
<a class="email-masthead_name"></a> | |
</td> | |
</tr> | |
<!-- Email Body --> | |
<tr> | |
<td class="email-body" width="100%"> | |
<table class="email-body_inner" align="center" width="570" cellpadding="0" cellspacing="0"> | |
<!-- Body content --> | |
<tr> | |
<td class="content-cell"> | |
<h1> <img width =55 src="https://i.pinimg.com/564x/cd/a8/eb/cda8eb0baef26962eec6ff85a895c72e.jpg" alt="TextifyAI Logo"> </h1> | |
<h1> Welcome to Project Collegium 📝</h1> | |
<p>Thank you for signing up at admissionessay.us ! <br>We're excited to have you in as an early user.</br>Click the button below to start writing awesome college essays. </p> | |
<!-- Action --> | |
<table class="body-action" align="center" width="100%" cellpadding="0" cellspacing="0"> | |
<tr> | |
<td align="center"> | |
<div> | |
<!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="{####}" style="height:45px;v-text-anchor:middle;width:200px;" arcsize="7%" stroke="f" fill="t"> | |
<v:fill type="tile" color="#ffffff" /> | |
<w:anchorlock/> | |
<center style="color:#ffffff;font-family:sans-serif;font-size:15px;">Verify Email</center> | |
</v:roundrect><![endif]--> | |
<a href="https://admissionessay.auth.us-east-2.amazoncognito.com/confirmUser?client_id=5q7ikg0fgd1lacstvr3f839igl&user_name=${event.userName}&confirmation_code=${event.request.codeParameter}" class="button button--blue">Verify Email</a> | |
</div> | |
</td> | |
</tr> | |
</table> | |
<p>Thanks,<br>The Textify AI Team</p> | |
<!-- Sub copy --> | |
<table class="body-sub"> | |
<tr> | |
<td> | |
<p class="sub">👇If you’re having trouble clicking the button, use the URL below in your web browser 🌐 | |
</p> | |
<p class="sub"><a href="${event.request.linkParameter}">${event.request.linkParameter}</a></p> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
<tr> | |
<td> | |
<table class="email-footer" align="center" width="570" cellpadding="0" cellspacing="0"> | |
<tr> | |
<td class="content-cell"> | |
<p class="sub center"> | |
CRCC Technology LLP | |
<br>Indore, Madhya Pradesh 452009, IN | |
</p> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</table> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment