Temporary password email template
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>New Account Email Template</title>
<meta name="description" content="New Account Email Template." />
<style type="text/css">
a:hover {
text-decoration: underline !important;
}
.body {
margin: 0px;
background-color: #f2f3f8;
}
.table1 {
background-color: #f2f3f8;
max-width: 670px;
margin: 0 auto;
}
body {
@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700|Open+Sans:300,400,600,700);
font-family: "Open Sans", sans-serif;
}
.tb2 {
max-width: 670px;
background: #fff;
border-radius: 3px;
text-align: center;
-webkit-box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.06);
-moz-box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.06);
box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.06);
}
.h1 {
color: #1e1e2d;
font-weight: 500;
margin: 0;
font-size: 32px;
font-family: "Rubik", sans-serif;
}
.p1 {
font-size: 15px;
color: #455056;
margin: 8px 0 0;
line-height: 24px;
}
.p2 {
color: #455056;
font-size: 18px;
line-height: 20px;
margin: 0;
font-weight: 500;
}
.p3 {
font-size: 14px;
color: rgba(69, 80, 86, 0.7411764705882353);
line-height: 18px;
margin: 0 0 0;
}
.s1 {
display: inline-block;
vertical-align: middle;
margin: 29px 0 26px;
border-bottom: 1px solid #cecece;
width: 100px;
}
.st1 {
display: block;
font-size: 13px;
margin: 0 0 4px;
color: rgba(0, 0, 0, 0.64);
font-weight: normal;
}
.st2 {
display: block;
font-size: 13px;
margin: 24px 0 4px 0;
font-weight: normal;
color: rgba(0, 0, 0, 0.64);
}
.logo {
background: #ff96d5;
background: linear-gradient(90deg, #ff96d5 35%, #83e7b0 100%);
text-decoration: none !important;
display: inline-block;
font-weight: 500;
margin-top: 24px;
color: #fff;
text-transform: uppercase;
font-size: 14px;
padding: 10px 24px;
display: inline-block;
border-radius: 50px;
}
</style>
</head>
<body
marginheight="0"
topmargin="0"
marginwidth="0"
class="body"
leftmargin="0"
>
<table
cellspacing="0"
border="0"
cellpadding="0"
width="100%"
bgcolor="#f2f3f8"
>
<tr>
<td>
<table
width="100%"
border="0"
class="table1"
align="center"
cellpadding="0"
cellspacing="0"
>
<tr>
<td style="height: 80px"> </td>
</tr>
<tr>
<td style="text-align: center">
<a href="https://rakeshmandal.com" title="logo" target="_blank">
<img
width="300"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9eY1KulsS0wVS5yfl71R6EiMHFUdqL7ter-L8CBGWPPH2Un0kuqqemWrwV6s7EAC0a9xZ9DiwAmvTqBdg9vKnhlxo86vBXensJLLvhwCoHgambDzpoA5NTlaF10VWLMur5GmLMXXfoo6k/"
title="logo"
alt="logo"
/>
</a>
</td>
</tr>
<tr>
<td style="height: 20px"> </td>
</tr>
<tr>
<td>
<table
width="95%"
border="0"
align="center"
cellpadding="0"
cellspacing="0"
class="tb2"
>
<tr>
<td style="height: 40px"> </td>
</tr>
<tr>
<td style="padding: 0 35px">
<h1 class="h1">Log in</h1>
<p class="p1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere perspiciatis id adipisci eius sequi? Vitae, modi sint expedita debitis et, commodi reiciendis praesentium quia nostrum rerum consequatur unde beatae? Nobis!<br /><strong
>Please change the password immediately after
login</strong>.
</p>
<span class="s1"></span>
<p class="p2">
<strong class="st1">Username</strong>test@yopmail.comm
<strong class="st2">Password</strong>12345678
</p>
<a href="login.html" class="logo">
Login to your Account
</a>
</td>
</tr>
<tr>
<td style="height: 40px"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="height: 20px"> </td>
</tr>
<tr>
<td style="text-align: center">
<p class="p3">© <strong><script>
const d = new Date();
let year = d.getFullYear();
document.write(year);
</script>
html-vs-css.com</strong></p>
</td>
</tr>
<tr>
<td style="height: 80px"> </td>
</tr>
</table>
</td>
</tr>
</table>
<!--/100% body table-->
</body>
</html>
Forgot Password email template html codepen
sample email to client for new business template in html and css reset password email template bootstrap template bootstrap temporary password email template email template bootstrap 4 otp email template
Temporary password email template
- email template examples
- email template for business proposal
- professional email templates for business free
- responsive login page template free download
