Skip to content

Instantly share code, notes, and snippets.

@momin-riyadh

momin-riyadh/email.html

Created February 3, 2025 10:26
Show Gist options
  • Save momin-riyadh/30d8e62e44d05b99d33ce50898813b91 to your computer and use it in GitHub Desktop.
Save momin-riyadh/30d8e62e44d05b99d33ce50898813b91 to your computer and use it in GitHub Desktop.
Download ZIP
Email Template
Raw
email.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Leave Request Approval</title>
</head>
<body
style="
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 1.4;
color: #2f4858;
"
>
<table
cellpadding="0"
cellspacing="0"
border="0"
width="100%"
style="
max-width: 600px;
margin: 0 auto;
background-color: #ffffff;
border: 1px solid #2b8a3e;
border-radius: 15px;
"
>
<tr>
<td style="padding: 20px; text-align: center">
<img
src="https://placehold.co/150x100"
alt="Email Icon"
style="width: 180px; height: auto"
/>
</td>
</tr>
<tr>
<td style="padding: 0 20px">
<p style="margin: 0 0 15px 0">
Dear
<strong
style="border-radius: 5px; padding:5px; #2b8a3e; background-color:rgba(61, 153, 112, 0.08); color:#2b8a3e"
>@Mohammad Al Amin</strong
>,
</p>
<p style="margin: 0 0 15px 0">
Your leave application has been approved and sent to admin on
08/01/2025 at 12:24:32 PM for verification.
</p>
<p style="margin: 0 0 20px 0">
Open the following link to see the leave request form:
<a
href="#"
style="color: #2b8a3e; font-weight: bold; text-decoration: none"
>Leave Request Form</a
>
</p>
<table
cellpadding="5"
cellspacing="0"
border="0"
width="100%"
style="margin-bottom: 20px"
>
<tr>
<td colspan="2">
<h3
style="
background-color: rgba(222, 150, 58, 0.1);
color: #de963a;
margin: 0 0 10px 0;
padding: 5px;
"
>
Leave Details
</h3>
</td>
</tr>
<tr>
<td width="150" style="color: #668557">Leave type</td>
<td style="color: #668557">: Carry Forwarded Annual</td>
</tr>
<tr>
<td width="150" style="color: #668557">Leave from</td>
<td style="color: #668557">: 2025-01-15</td>
</tr>
<tr>
<td width="150" style="color: #668557">Leave to</td>
<td style="color: #668557">: 2025-01-16</td>
</tr>
<tr>
<td width="150" style="color: #668557">Period</td>
<td style="color: #668557">: 2</td>
</tr>
<tr>
<td width="150" style="color: #668557">Address during leave</td>
<td style="color: #668557">: Saint Martin</td>
</tr>
<tr>
<td width="150" style="color: #668557">Reason</td>
<td style="color: #668557">: For Saint Martin tour purpose</td>
</tr>
</table>
<table
cellpadding="5"
cellspacing="0"
border="0"
width="100%"
style="margin-bottom: 20px"
>
<tr>
<td>
<h3
style="
background-color: #fff5e6;
color: #f4a261;
margin: 0 0 10px 0;
padding: 5px;
"
>
Leave Application Recommended by
</h3>
<p style="margin: 0">
<strong>Mohammad Ziaur Rahman</strong><br />
Assistant Manager, Software<br />
ID: 0319
</p>
</td>
</tr>
</table>
<table
cellpadding="0"
cellspacing="0"
border="0"
width="100%"
style="
margin-top: 20px;
border-top: 1px solid #eeeeee;
background-color: rgba(61, 153, 112, 0.1);
"
>
<tr>
<td style="padding: 20px 0; font-size: 12px; color: #666666">
<p style="margin: 0 0 10px 0">
If any Query<br />
Please Contact your Department Manager
</p>
</td>
<td>
<div style="text-align: right">
<small>Powered by</small> <br />
<img
src="https://placehold.co/150x40"
alt="Genuity Systems Logo"
style="width: 120px; height: auto"
/>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table
cellpadding="0"
cellspacing="0"
border="0"
width="100%"
style="
max-width: 600px;
margin: 0 auto;
background-color: #ff0707;
border-radius: 15px;
"
>
<tr>
<td style="background-color: #2b8a3e"></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