Skip to content

Commit

Permalink
feat: add base email template (#18)
Browse files Browse the repository at this point in the history
* feat: add base template

* fix: use internal css instead of inline

* fix: update forget password template

* fix: remove unused tags

* fix: update file name
  • Loading branch information
Harish-osmosys authored Feb 29, 2024
1 parent af6a459 commit cf21c55
Show file tree
Hide file tree
Showing 3 changed files with 158 additions and 12 deletions.
Original file line number Diff line number Diff line change
@@ -0,0 +1,80 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Password Reset</title>
<style>
table {
width: 100%;
max-width: 600px;
margin: 20px auto;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
background: #e5ebe1;
font-family: "Arial", sans-serif;
}

th {
text-align: center;
padding: 20px;
}

.logo {
max-width: 90px;
border-radius: 8px;
}

h2 {
color: #40b01b;
margin-top: 0px;
}

td {
padding: 20px;
}

.footer {
background-color: #b3c6a6;
text-align: center;
padding: 10px;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th colspan="2">
<img
src="https://i.postimg.cc/3wC1mFSj/logo.png"
alt="Logo Image"
class="logo"
/>
<h2>FoundationX</h2>
</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="2">
<p>Hello,</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed
commodi dolor cupiditate sit consequatur nostrum, alias, excepturi
voluptas recusandae quaerat placeat eveniet soluta! Impedit quasi
iste rem quisquam natus illum?
</p>
<p>Thank you,<br />FoundationX Team</p>
</td>
</tr>
</tbody>
<tfoot>
<tr class="footer">
<td>Contact us at <strong>[email protected]</strong></td>
</tr>
</tfoot>
</table>
</body>
</html>

This file was deleted.

Original file line number Diff line number Diff line change
@@ -0,0 +1,78 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Password Reset</title>
<style>
table {
width: 100%;
max-width: 600px;
margin: 20px auto;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
background: #e5ebe1;
font-family: "Arial", sans-serif;
}

th {
text-align: center;
padding: 20px;
}

.logo {
max-width: 90px;
border-radius: 8px;
}

h2 {
color: #40b01b;
margin-top: 0px;
}

td {
padding: 20px;
}

.footer {
background-color: #b3c6a6;
text-align: center;
padding: 10px;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th colspan="2">
<img
src="https://i.postimg.cc/3wC1mFSj/logo.png"
alt="Logo Image"
class="logo"
/>
<h2>FoundationX</h2>
</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="2" style="padding: 20px">
<p>Hello,</p>
<div>
<strong>Use this token to reset your password.</strong>
<p><strong>Token :</strong> {body}</p>
</div>
<p>Thank you,<br />FoundationX Team</p>
</td>
</tr>
</tbody>
<tfoot>
<tr class="footer">
<td>Contact us at <strong>[email protected]</strong></td>
</tr>
</tfoot>
</table>
</body>
</html>

0 comments on commit cf21c55

Please sign in to comment.