-
Notifications
You must be signed in to change notification settings - Fork 16
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #26 from louisv20/dev
Created html email template
- Loading branch information
Showing
21 changed files
with
1,878 additions
and
0 deletions.
There are no files selected for viewing
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
93 changes: 93 additions & 0 deletions
93
src/templates/hrm/employee_leaving/to_employee_manager.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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,93 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <style> | ||
| body { | ||
| font-family: Arial, sans-serif; | ||
| margin: 0; | ||
| padding: 0; | ||
| background-color: #f4f4f4; | ||
| } | ||
| .container { | ||
| width: 100%; | ||
| max-width: 600px; | ||
| margin: 10px auto; | ||
| padding: 20px; | ||
| background-color: #ffffff; | ||
| border: 1px solid #e0e0e0; | ||
| border-radius: 10px; | ||
| } | ||
| .logo { | ||
| text-align: center; | ||
| margin-bottom: 10px; | ||
| } | ||
| .logo img { | ||
| max-width: 150px; | ||
| height: auto; | ||
| } | ||
| .header { | ||
| padding: 10px 0; | ||
| text-align: left; | ||
| } | ||
| .header h2 { | ||
| margin: 0; | ||
| font-size: 24px; | ||
| font-weight: bold; | ||
| text-align: left; | ||
| } | ||
| .content { | ||
| padding: 20px 0; | ||
| } | ||
| .footer { | ||
| text-align: center; | ||
| padding: 10px 0; | ||
| font-size: 12px; | ||
| color: #888888; | ||
| } | ||
| .btn { | ||
| display: inline-block; | ||
| padding: 10px 20px; | ||
| margin: 20px 0; | ||
| font-size: 16px; | ||
| color: #ffffff; | ||
| background-color: #471aa2d4; | ||
| text-decoration: none; | ||
| border-radius: 5px; | ||
| } | ||
| .btn:hover { | ||
| background-color: #471aa2; | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div class="container"> | ||
| <!-- Logo Section --> | ||
| <div class="logo"> | ||
| <img src="C:\Users\27lou\Desktop\Projects\bluewave-hrm\src\templates\images\enthalpy_logo.png" alt="Company Logo"> | ||
| </div> | ||
|
|
||
| <!-- Header Section --> | ||
| <div class="header"> | ||
| <h2>Employee Exit Notification</h2> | ||
| </div> | ||
|
|
||
| <!-- Content Section --> | ||
| <div class="content"> | ||
| <p>Dear [Manager Name],</p> | ||
| <p>We regret to inform you that [Employee Name] has left the company. Please update the company records accordingly.</p> | ||
| <p>If you have any questions or need further assistance, please contact us at [Support Email].</p> | ||
| <p>Best regards,<br/>[Company Name] HR Team</p> | ||
|
|
||
| <!-- Call to Action Button --> | ||
| <div style="text-align: center;"> | ||
| <a href="#" class="btn">Contact HR</a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <!-- Footer Section --> | ||
| <div class="footer"> | ||
| <p>© [Year] [Company Name]. All rights reserved.</p> | ||
| </div> | ||
| </div> | ||
| </body> | ||
| </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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,94 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <style> | ||
| body { | ||
| font-family: Arial, sans-serif; | ||
| margin: 0; | ||
| padding: 0; | ||
| background-color: #f4f4f4; | ||
| } | ||
| .container { | ||
| width: 100%; | ||
| max-width: 600px; | ||
| margin: 10px auto; | ||
| padding: 20px; | ||
| background-color: #ffffff; | ||
| border: 1px solid #e0e0e0; | ||
| border-radius: 10px; | ||
| } | ||
| .logo { | ||
| text-align: center; | ||
| margin-bottom: 10px; | ||
| } | ||
| .logo img { | ||
| max-width: 150px; | ||
| height: auto; | ||
| } | ||
| .header { | ||
| padding: 10px 0; | ||
| text-align: left; | ||
| } | ||
| .header h2 { | ||
| margin: 0; | ||
| font-size: 24px; | ||
| font-weight: bold; | ||
| text-align: left; | ||
| } | ||
| .content { | ||
| padding: 20px 0; | ||
| } | ||
| .footer { | ||
| text-align: center; | ||
| padding: 10px 0; | ||
| font-size: 12px; | ||
| color: #888888; | ||
| } | ||
| .btn { | ||
| display: inline-block; | ||
| padding: 10px 20px; | ||
| margin: 20px 0; | ||
| font-size: 16px; | ||
| color: #ffffff; | ||
| background-color: #471aa2d4; | ||
| text-decoration: none; | ||
| border-radius: 5px; | ||
| } | ||
| .btn:hover { | ||
| background-color: #471aa2; | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div class="container"> | ||
| <!-- Logo Section --> | ||
| <div class="logo"> | ||
| <img src="C:\Users\27lou\Desktop\Projects\bluewave-hrm\src\templates\images\enthalpy_logo.png" alt="Company Logo"> | ||
| </div> | ||
|
|
||
| <!-- Header Section --> | ||
| <div class="header"> | ||
| <h2>Employee Exit Notification</h2> | ||
| </div> | ||
|
|
||
| <!-- Content Section --> | ||
| <div class="content"> | ||
| <p>Dear [HR Manager Name],</p> | ||
| <p>We regret to inform you that [Employee Name] has left the company. Please update the company records accordingly.</p> | ||
| <p>If you have any questions or need further assistance, please contact us at [Support Email].</p> | ||
| <p>Best regards,<br/>[Company Name] HR Team</p> | ||
|
|
||
|
|
||
| <!-- Call to Action Button --> | ||
| <div style="text-align: center;"> | ||
| <a href="#" class="btn">Contact HR</a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <!-- Footer Section --> | ||
| <div class="footer"> | ||
| <p>© [Year] [Company Name]. All rights reserved.</p> | ||
| </div> | ||
| </div> | ||
| </body> | ||
| </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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,93 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <style> | ||
| body { | ||
| font-family: Arial, sans-serif; | ||
| margin: 0; | ||
| padding: 0; | ||
| background-color: #f4f4f4; | ||
| } | ||
| .container { | ||
| width: 100%; | ||
| max-width: 600px; | ||
| margin: 10px auto; | ||
| padding: 20px; | ||
| background-color: #ffffff; | ||
| border: 1px solid #e0e0e0; | ||
| border-radius: 10px; | ||
| } | ||
| .logo { | ||
| text-align: center; | ||
| margin-bottom: 10px; | ||
| } | ||
| .logo img { | ||
| max-width: 150px; | ||
| height: auto; | ||
| } | ||
| .header { | ||
| padding: 10px 0; | ||
| text-align: left; | ||
| } | ||
| .header h2 { | ||
| margin: 0; | ||
| font-size: 24px; | ||
| font-weight: bold; | ||
| text-align: left; | ||
| } | ||
| .content { | ||
| padding: 20px 0; | ||
| } | ||
| .footer { | ||
| text-align: center; | ||
| padding: 10px 0; | ||
| font-size: 12px; | ||
| color: #888888; | ||
| } | ||
| .btn { | ||
| display: inline-block; | ||
| padding: 10px 20px; | ||
| margin: 20px 0; | ||
| font-size: 16px; | ||
| color: #ffffff; | ||
| background-color: #471aa2d4; | ||
| text-decoration: none; | ||
| border-radius: 5px; | ||
| } | ||
| .btn:hover { | ||
| background-color: #471aa2; | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div class="container"> | ||
| <!-- Logo Section --> | ||
| <div class="logo"> | ||
| <img src="C:\Users\27lou\Desktop\Projects\bluewave-hrm\src\templates\images\enthalpy_logo.png" alt="Company Logo"> | ||
| </div> | ||
|
|
||
| <!-- Header Section --> | ||
| <div class="header"> | ||
| <h2>Job Description Update</h2> | ||
| </div> | ||
| <div class="content"> | ||
| <p>Dear [Employee Name],</p> | ||
| <p>Your job desription at [Company Name] has been updated. Please review the changes in the HRM system.</p> | ||
| <p>If you have any questions or need further clarification, please do not hesitate to contact us.</p> | ||
| <p>Best regards,<br/>[Company Name] HR Team</p> | ||
|
|
||
|
|
||
| <!-- Call to Action Button --> | ||
| <div style="text-align: center;"> | ||
| <a href="#" class="btn">Contact HR</a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <!-- Footer Section --> | ||
| <div class="footer"> | ||
| <p>© [Year] [Company Name]. All rights reserved.</p> | ||
| </div> | ||
| </div> | ||
| </body> | ||
| </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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,93 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <style> | ||
| body { | ||
| font-family: Arial, sans-serif; | ||
| margin: 0; | ||
| padding: 0; | ||
| background-color: #f4f4f4; | ||
| } | ||
| .container { | ||
| width: 100%; | ||
| max-width: 600px; | ||
| margin: 10px auto; | ||
| padding: 20px; | ||
| background-color: #ffffff; | ||
| border: 1px solid #e0e0e0; | ||
| border-radius: 10px; | ||
| } | ||
| .logo { | ||
| text-align: center; | ||
| margin-bottom: 10px; | ||
| } | ||
| .logo img { | ||
| max-width: 150px; | ||
| height: auto; | ||
| } | ||
| .header { | ||
| padding: 10px 0; | ||
| text-align: left; | ||
| } | ||
| .header h2 { | ||
| margin: 0; | ||
| font-size: 24px; | ||
| font-weight: bold; | ||
| text-align: left; | ||
| } | ||
| .content { | ||
| padding: 20px 0; | ||
| } | ||
| .footer { | ||
| text-align: center; | ||
| padding: 10px 0; | ||
| font-size: 12px; | ||
| color: #888888; | ||
| } | ||
| .btn { | ||
| display: inline-block; | ||
| padding: 10px 20px; | ||
| margin: 20px 0; | ||
| font-size: 16px; | ||
| color: #ffffff; | ||
| background-color: #471aa2d4; | ||
| text-decoration: none; | ||
| border-radius: 5px; | ||
| } | ||
| .btn:hover { | ||
| background-color: #471aa2; | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div class="container"> | ||
| <!-- Logo Section --> | ||
| <div class="logo"> | ||
| <img src="C:\Users\27lou\Desktop\Projects\bluewave-hrm\src\templates\images\enthalpy_logo.png" alt="Company Logo"> | ||
| </div> | ||
|
|
||
| <!-- Header Section --> | ||
| <div class="header"> | ||
| <h2>Employee Job Description Update</h2> | ||
| </div> | ||
| <div class="content"> | ||
| <p>Dear [Manager Name],</p> | ||
| <p>The job description for [Employee Name] at [Company Name] has been updated. Please review the changes in the HRM system.</p> | ||
| <p>If you have any questions or need further clarification, please do not hesitate to contact us.</p> | ||
| <p>Best regards,<br/>[Company Name] HR Team</p> | ||
|
|
||
|
|
||
| <!-- Call to Action Button --> | ||
| <div style="text-align: center;"> | ||
| <a href="#" class="btn">Contact HR</a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <!-- Footer Section --> | ||
| <div class="footer"> | ||
| <p>© [Year] [Company Name]. All rights reserved.</p> | ||
| </div> | ||
| </div> | ||
| </body> | ||
| </html> | ||
|
|
Oops, something went wrong.