-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
6e68db7
commit 93b716e
Showing
27 changed files
with
1,288 additions
and
954 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
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
313 changes: 186 additions & 127 deletions
313
CDC_Backend/templates/company_email_verification.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 |
---|---|---|
@@ -1,137 +1,196 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width,initial-scale=1"> | ||
<meta name="x-apple-disable-message-reformatting"> | ||
<head> | ||
<meta charset="UTF-8" /> | ||
<meta name="viewport" content="width=device-width,initial-scale=1" /> | ||
<meta name="x-apple-disable-message-reformatting" /> | ||
<title>Email Template</title> | ||
<link rel="preconnect" href="https://fonts.gstatic.com"> | ||
<link rel="shortcut icon" href="favicon.ico"/> | ||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet"> | ||
<link rel="preconnect" href="https://fonts.gstatic.com" /> | ||
<link rel="shortcut icon" href="favicon.ico" /> | ||
<link | ||
href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" | ||
rel="stylesheet" | ||
/> | ||
<style> | ||
body, table, td, div, p, h1 { | ||
font-family: 'Roboto', sans-serif; | ||
} | ||
body { | ||
margin: 0; | ||
padding: 0; | ||
background-color: #e1e4e8; /* Outer background color */ | ||
} | ||
.email-wrapper { | ||
padding: 20px; | ||
background-color: #e1e4e8; /* Outer background color */ | ||
} | ||
.email-container { | ||
width: 100%; | ||
max-width: 600px; | ||
margin: 0 auto; | ||
background-color: #eff7ff; /* Outer box background color */ | ||
border-radius: 8px; | ||
overflow: hidden; | ||
} | ||
.email-header, .email-footer { | ||
padding: 40px 0; | ||
text-align: center; | ||
color: #ffffff; | ||
} | ||
.email-header img { | ||
width: 150px; | ||
height: auto; | ||
margin-bottom: 20px; | ||
} | ||
.email-header h1 { | ||
margin: 0; | ||
font-size: 24px; | ||
font-weight: 500; | ||
} | ||
.inner-container { | ||
background-color: #ffffff; /* Inner box background color */ | ||
border-radius: 8px; | ||
margin: 0 20px; | ||
} | ||
.inner-container .email-body { | ||
padding: 36px 30px; | ||
} | ||
.inner-container .email-body h2 { | ||
margin-bottom: 24px; | ||
font-size: 24px; | ||
color: black; | ||
font-weight: 500; | ||
} | ||
.inner-container .email-body p { | ||
margin-bottom: 16px; | ||
font-size: 16px; | ||
line-height: 24px; | ||
color: #555555; | ||
} | ||
body, | ||
table, | ||
td, | ||
div, | ||
p, | ||
h1 { | ||
font-family: "Roboto", sans-serif; | ||
} | ||
body { | ||
margin: 0; | ||
padding: 0; | ||
background-color: #e1e4e8; /* Outer background color */ | ||
} | ||
.email-wrapper { | ||
padding: 20px; | ||
background-color: #e1e4e8; /* Outer background color */ | ||
} | ||
.email-container { | ||
width: 100%; | ||
max-width: 600px; | ||
margin: 0 auto; | ||
background-color: #eff7ff; /* Outer box background color */ | ||
border-radius: 8px; | ||
overflow: hidden; | ||
} | ||
.email-header, | ||
.email-footer { | ||
padding: 40px 0; | ||
text-align: center; | ||
color: #ffffff; | ||
} | ||
.email-header img { | ||
width: 150px; | ||
height: auto; | ||
margin-bottom: 20px; | ||
} | ||
.email-header h1 { | ||
margin: 0; | ||
font-size: 24px; | ||
font-weight: 500; | ||
} | ||
.inner-container { | ||
background-color: #ffffff; /* Inner box background color */ | ||
border-radius: 8px; | ||
margin: 0 20px; | ||
} | ||
.inner-container .email-body { | ||
padding: 36px 30px; | ||
} | ||
.inner-container .email-body h2 { | ||
margin-bottom: 24px; | ||
font-size: 24px; | ||
color: black; | ||
font-weight: 500; | ||
} | ||
.inner-container .email-body p { | ||
margin-bottom: 16px; | ||
font-size: 16px; | ||
line-height: 24px; | ||
color: #555555; | ||
} | ||
.email-footer { | ||
padding: 20px 30px; | ||
text-align: center; | ||
color: #ffffff; | ||
} | ||
.email-footer p { | ||
margin: 0; | ||
font-size: 14px; | ||
line-height: 20px; | ||
} | ||
.button { | ||
display: inline-block; | ||
padding: 12px 24px; | ||
margin: 20px 0; | ||
font-size: 16px; | ||
color: #ffffff; | ||
background-color: #ff7350; | ||
text-decoration: none; | ||
border-radius: 5px; | ||
font-weight: 500; | ||
} | ||
@media only screen and (max-width: 600px) { | ||
.inner-container .email-body, | ||
.email-footer { | ||
padding: 20px 30px; | ||
text-align: center; | ||
color: #ffffff; | ||
} | ||
.email-footer p { | ||
margin: 0; | ||
font-size: 14px; | ||
line-height: 20px; | ||
} | ||
.button { | ||
display: inline-block; | ||
padding: 12px 24px; | ||
margin: 20px 0; | ||
font-size: 16px; | ||
color: #ffffff; | ||
background-color: #ff7350; | ||
text-decoration: none; | ||
border-radius: 5px; | ||
font-weight: 500; | ||
} | ||
@media only screen and (max-width: 600px) { | ||
.inner-container .email-body, .email-footer { | ||
padding: 20px !important; | ||
} | ||
padding: 20px !important; | ||
} | ||
} | ||
</style> | ||
</head> | ||
<body> | ||
</head> | ||
<body> | ||
<div class="email-wrapper"> | ||
<table role="presentation" class="email-container"> | ||
<tr> | ||
<td> | ||
<div class="email-header"> | ||
<img src="./images/CDC-Logo.png" alt="CDC Logo" style="width: 35%; height: auto; display: block; margin: 0 auto;" /> | ||
</div> | ||
<div class="inner-container"> | ||
<div class="email-body"> | ||
|
||
<img src="./images/Approved.png" alt="verify Logo" style="width: 35%; height: auto; display: block; margin: 0 auto;" /> | ||
<h2 style="text-align: center;">Verification Required</h2> | ||
<p style="text-align: center;">We have received your <strong>{{opening_type}}</strong> Notification for <strong>{{designation}}</strong>. | ||
Please verify your email by clicking the button below:</p> | ||
<p style="text-align: center;"> | ||
<a href="{{one_time_link}}" style="display: inline-block; padding: 12px 24px; margin: 20px 0; font-size: 16px; color: #ffffff; background-color: #ff7350; text-decoration: none; border-radius: 50px; font-weight: 500;">Verify Email</a> | ||
</p> | ||
</div> | ||
</div> | ||
<div class="email-footer"> | ||
<p style="margin-bottom: 16px; color: #555555;">Follow us on:</p> | ||
|
||
<a href="https://twitter.com/cdc_iitdh" style="margin-right: 10px; color: #eff7ff"> | ||
<img src="./images/twitter.png" alt="Twitter" style="width: 24px; height: 24px;"> | ||
</a> | ||
<a href="https://www.instagram.com/cdc.iitdh/?hl=en" style="margin-right: 10px; color: #eff7ff;"> | ||
<img src="./images/Instagram_icon.png" alt="Instagram" style="width: 24px; height: 24px;"> | ||
</a> | ||
<a href="https://www.linkedin.com/company/cdciitdharwad/?originalSubdomain=in"> | ||
<img src="./images/LinkedIn_logo_initials.png" alt="LinkedIn" style="width: 24px; height: 24px;"> | ||
</a> | ||
<p style="color: #555555;">copy right © 2024 CDC, all rights reserved</p> | ||
|
||
</div> | ||
|
||
|
||
</td> | ||
</tr> | ||
</table> | ||
<table role="presentation" class="email-container"> | ||
<tr> | ||
<td> | ||
<div class="email-header"> | ||
<img | ||
src="https://cdc.iitdh.ac.in/storage/Images/CDC-Logo.png" | ||
alt="CDC Logo" | ||
style="width: 35%; height: auto; display: block; margin: 0 auto" | ||
/> | ||
</div> | ||
<div class="inner-container"> | ||
<div class="email-body"> | ||
<img | ||
src="https://cdc.iitdh.ac.in/storage/Images/Approved.png" | ||
alt="verify Logo" | ||
style=" | ||
width: 35%; | ||
height: auto; | ||
display: block; | ||
margin: 0 auto; | ||
" | ||
/> | ||
<h2 style="text-align: center">Verification Required</h2> | ||
<p style="text-align: center"> | ||
We have received your | ||
<strong>{{opening_type}}</strong> Notification for | ||
<strong>{{designation}}</strong>. Please verify your email by | ||
clicking the button below: | ||
</p> | ||
<p style="text-align: center"> | ||
<a | ||
href="{{one_time_link}}" | ||
style=" | ||
display: inline-block; | ||
padding: 12px 24px; | ||
margin: 20px 0; | ||
font-size: 16px; | ||
color: #ffffff; | ||
background-color: #ff7350; | ||
text-decoration: none; | ||
border-radius: 50px; | ||
font-weight: 500; | ||
" | ||
>Verify Email</a | ||
> | ||
</p> | ||
</div> | ||
</div> | ||
<div class="email-footer"> | ||
<p style="margin-bottom: 16px; color: #555555">Follow us on:</p> | ||
|
||
<a | ||
href="https://twitter.com/cdc_iitdh" | ||
style="margin-right: 10px; color: #eff7ff" | ||
> | ||
<img | ||
src="https://cdc.iitdh.ac.in/storage/Images/twitter.png" | ||
alt="Twitter" | ||
style="width: 24px; height: 24px" | ||
/> | ||
</a> | ||
<a | ||
href="https://www.instagram.com/cdc.iitdh/?hl=en" | ||
style="margin-right: 10px; color: #eff7ff" | ||
> | ||
<img | ||
src="https://cdc.iitdh.ac.in/storage/Images/Instagram_icon.png" | ||
alt="Instagram" | ||
style="width: 24px; height: 24px" | ||
/> | ||
</a> | ||
<a | ||
href="https://www.linkedin.com/company/cdciitdharwad/?originalSubdomain=in" | ||
> | ||
<img | ||
src="https://cdc.iitdh.ac.in/storage/Images/LinkedIn_logo_initials.png" | ||
alt="LinkedIn" | ||
style="width: 24px; height: 24px" | ||
/> | ||
</a> | ||
<p style="color: #555555"> | ||
copy right © 2024 CDC, all rights reserved | ||
</p> | ||
</div> | ||
</td> | ||
</tr> | ||
</table> | ||
</div> | ||
</body> | ||
</body> | ||
</html> |
Oops, something went wrong.