Email Template Collection - Copy this Html, Bootstrap Component to your project
#1581b100-use-this-brand-asset-color-and-redesign-following-ejs-templates-into-professional-templates.-daily-report.ejs-:-<p>Dear-<%=-user.username-%>,</p>-<p>-You-have-only-tracked-<%=-hoursTracked-%>-hours-and-<%=-minutesTracked-%>-minutes-yesterday.-</p>-<ul>-<li><strong>Username:</strong>-<%=-user.username-%></li>-<li><strong>Email:</strong>-<%=-user.email-%></li>-<li><strong>Date:</strong>-<%=-date-%></li>-</ul>-<%-if-(activityDetails-&&-(hoursTracked->-0-||-minutesTracked->-0))-{-%>-<p><%=-activityDetails-%></p>-<%-}-%>-<p>-Please-see-your-detailed-report-of-yesterday-here:-<a-href="https://olixlab-tracker-admin.vercel.app/"->https://olixlab-tracker-admin.vercel.app/</a->-</p>-<p>-Please-make-sure-to-complete-<%=-activityThreshold-%>-hours-of-tracking-to-avoid-late-marks.-</p>-<p>Best-regards,<br-/>Tracker-Team</p>-leave-cancel.ejs:-<!DOCTYPE-html>-<html-lang="en">-<head>-<meta-charset="UTF-8"-/>-<meta-name="viewport"-content="width=device-width,-initial-scale=1.0"-/>-<title>Leave-Request-Canceled</title>-<style>-body-{-font-family:-Arial,-sans-serif;-background-color:-#f9f9f9;-margin:-0;-padding:-0;-color:-#333;-}-.email-container-{-max-width:-600px;-margin:-20px-auto;-background-color:-#ffffff;-border:-1px-solid-#ddd;-border-radius:-8px;-overflow:-hidden;-box-shadow:-0-4px-6px-rgba(0,-0,-0,-0.1);-}-.email-header-{-background-color:-#007bff;-color:-#ffffff;-text-align:-center;-padding:-20px;-font-size:-24px;-font-weight:-bold;-}-.email-body-{-padding:-20px;-}-.email-body-p-{-line-height:-1.6;-}-.email-body-b-{-color:-#555;-}-.email-footer-{-background-color:-#f1f1f1;-text-align:-center;-padding:-10px;-font-size:-12px;-color:-#666;-}-.btn-{-display:-inline-block;-margin-top:-20px;-padding:-10px-20px;-background-color:-#007bff;-color:-#ffffff;-text-decoration:-none;-font-size:-16px;-font-weight:-bold;-border-radius:-5px;-}-.btn:hover-{-background-color:-#0056b3;-}-</style>-</head>-<body>-<div-class="email-container">-<!---Header-Section--->-<div-class="email-header">Leave-Request-Cancelled</div>-<!---Body-Section--->-<div-class="email-body">-<p>-The-leave-request-for-<b><%=-subject-%></b>-has-been-canceled-by-the-user.-</p>-<p><b>Reason:</b>-<%=-reason-%></p>-<p>-<b>Date-Range:</b>-<%=-dateRange.startDate-%>-to-<%=-dateRange.endDate-%>-</p>-<p>-You-can-review-other-pending-leave-requests-by-clicking-the-button-below:-</p>-<a-href="<%=-reviewLink-%>"-class="btn">Review-Leave-Requests</a>-</div>-<!---Footer-Section--->-<div-class="email-footer">-This-is-an-automated-email.-Please-do-not-reply.-</div>-</div>-</body>-</html>-leave-request.ejs:-<!DOCTYPE-html>-<html-lang="en">-<head>-<meta-charset="UTF-8"-/>-<meta-name="viewport"-content="width=device-width,-initial-scale=1.0"-/>-<title>-<%=-isResubmit-?-"Leave-Request-Resubmission"-:-"New-Leave-Request"-%>-</title>-<style>-body-{-font-family:-Arial,-sans-serif;-color:-#333;-background-color:-#f4f4f9;-margin:-0;-padding:-0;-}-.container-{-max-width:-600px;-margin:-20px-auto;-background:-#ffffff;-padding:-20px;-border-radius:-10px;-box-shadow:-0-4px-12px-rgba(0,-0,-0,-0.1);-border:-1px-solid-#eaeaea;-}-.header-{-text-align:-center;-margin-bottom:-20px;-}-.header-h1-{-margin:-0;-color:-#007bff;-font-size:-1.8em;-}-.content-{-margin-bottom:-20px;-}-.content-p-{-margin:-10px-0;-font-size:-1em;-}-.footer-{-text-align:-center;-margin-top:-20px;-font-size:-0.9em;-color:-#777;-}-.actions-{-text-align:-center;-margin-top:-20px;-}-.actions-a-{-text-decoration:-none;-color:-#ffffff;-background-color:-#28a745;-padding:-10px-15px;-border-radius:-5px;-font-weight:-bold;-}-</style>-</head>-<body>-<div-class="container">-<div-class="header">-<h1>-<%=-isResubmit-?-"Leave-Request-Resubmission"-:-"New-Leave-Request"-%>-</h1>-</div>-<div-class="content">-<strong-><%=-isResubmit-?-"Resubmission"-:-"New"-%>-Leave-Request</strong->-<p>Subject:-<strong><%=-subject-%></strong></p>-<p>Reason:-<strong><%=-reason-%></strong></p>-<p>-Date-Range:-<%=-dateRange.startDate-%>-to-<%=-dateRange.endDate-%>-</p>-<%-if-(isResubmit)-{-%>-<p-style="color:-#d9534f">-Note:-This-is-a-resubmission-of-a-previous-leave-request.-</p>-<%-}-%>-</div>-<div-class="actions">-<a-href="<%=-reviewLink-%>"-target="_blank">Review-Request</a>-</div>-<div-class="footer">-<p>This-is-an-automated-email-from-the-leave-management-system.</p>-</div>-</div>-</body>-</html>-leave-response.ejs:-<!DOCTYPE-html>-<html-lang="en">-<head>-<meta-charset="UTF-8"-/>-<meta-name="viewport"-content="width=device-width,-initial-scale=1.0"-/>-<title>Leave-Request-Response</title>-<style>-body-{-font-family:-Arial,-sans-serif;-color:-#333;-background-color:-#f4f4f9;-margin:-0;-padding:-0;-}-.container-{-max-width:-600px;-margin:-20px-auto;-background:-#ffffff;-padding:-20px;-border-radius:-10px;-box-shadow:-0-4px-12px-rgba(0,-0,-0,-0.1);-border:-1px-solid-#eaeaea;-}-.header-{-text-align:-center;-margin-bottom:-20px;-}-.header-h1-{-margin:-0;-color:-#007bff;-font-size:-1.8em;-}-.content-{-margin-bottom:-20px;-}-.content-p-{-margin:-10px-0;-font-size:-1em;-}-.footer-{-text-align:-center;-margin-top:-20px;-font-size:-0.9em;-color:-#777;-}-</style>-</head>-<body>-<div-class="container">-<div-class="header">-<h1>-Leave-Request-<%=-status-===-'approved'-?-'Approved'-:-'Rejected'-%>-</h1>-</div>-<div-class="content">-<p>Hello-<%=-username-%>,</p>-<p>-Your-leave-request-for-"<%=-subject-%>"-has-been-<strong><%=-status-%></strong>.-</p>-<%-if-(status-===-'rejected')-{-%>-<p>Reason:-<%=-reason-%></p>-<%-}-%>-<p>Date-Range:-<%=-startDate-%>-to-<%=-endDate-%></p>-</div>-<div-class="footer">-<p>This-is-an-automated-email-from-the-leave-management-system.</p>-</div>-</div>-</body>-</html>
