templates

This commit is contained in:
Sreenivasu Akella 2024-06-18 18:23:57 +05:30 committed by Jaya Surya P
parent 390e582075
commit 0e64af83a4
27 changed files with 1384 additions and 769 deletions

Binary file not shown.

View File

@ -1,90 +1,137 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="x-apple-disable-message-reformatting"> <meta name="x-apple-disable-message-reformatting">
<title></title> <title>Email Template</title>
<!--[if mso]>
<noscript>
<xml>
<o:OfficeDocumentSettings>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
</noscript>
<![endif]-->
<link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="shortcut icon" href="favicon.ico"/> <link rel="shortcut icon" href="favicon.ico"/>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
<style> <style>
table, td, div, h1, p { body, table, td, div, p, h1 {
font-family: 'Roboto', sans-serif; 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 !important;
}
}
</style> </style>
</head> </head>
<body style="margin:0;padding:0;"> <body>
<table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0;background:#ffffff;"> <div class="email-wrapper">
<tr> <table role="presentation" class="email-container">
<td align="center" style="padding:0;"> <tr>
<table role="presentation" <td>
style="width:602px;border-collapse:collapse;border:1px solid #334878;border-spacing:0;text-align:left;"> <div class="email-header">
<tr> <img src="./images/CDC-Logo.png" alt="CDC Logo" style="width: 35%; height: auto; display: block; margin: 0 auto;" />
<td align="center" style="padding:40px 0 30px 0;background:#334878;"> </div>
<img src="https://drive.google.com/uc?id=1QTA6dB7jnsZfU1kzyUqfD_2V5xODpWFt" alt="" width="200" <div class="inner-container">
style="height:auto;display:block;"/> <div class="email-body">
</td>
</tr> <img src="./images/Approved.png" alt="verify Logo" style="width: 35%; height: auto; display: block; margin: 0 auto;" />
<tr> <h2 style="text-align: center;">Verification Required</h2>
<td style="padding:36px 30px 42px 30px;"> <p style="text-align: center;">We have received your <strong>{{opening_type}}</strong> Notification for <strong>{{designation}}</strong>.
<table role="presentation" Please verify your email by clicking the button below:</p>
style="width:100%;border-collapse:collapse;border:0;border-spacing:0;"> <p style="text-align: center;">
<tr> <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>
<td style="padding:0 0 36px 0;color:#153643;"> </p>
</div>
<p style="margin:0 0 12px 0;font-size:16px;line-height:24px;font-family: 'Roboto', sans-serif;"> </div>
We have received your {{opening_type}} Notification for {{ designation }}. Kindly verify your email by clicking <a <div class="email-footer">
href="{{ one_time_link }}">here</a>. <p style="margin-bottom: 16px; color: #555555;">Follow us on:</p>
</p>
</td> <a href="https://twitter.com/cdc_iitdh" style="margin-right: 10px; color: #eff7ff">
</tr> <img src="./images/twitter.png" alt="Twitter" style="width: 24px; height: 24px;">
<tr> </a>
<td style="padding:0;"> <a href="https://www.instagram.com/cdc.iitdh/?hl=en" style="margin-right: 10px; color: #eff7ff;">
<table role="presentation" <img src="./images/Instagram_icon.png" alt="Instagram" style="width: 24px; height: 24px;">
style="width:100%;border-collapse:collapse;border:0;border-spacing:0;"> </a>
<tr> <a href="https://www.linkedin.com/company/cdciitdharwad/?originalSubdomain=in">
<td style="width:260px;padding:0;vertical-align:top;color:#334878;"> <img src="./images/LinkedIn_logo_initials.png" alt="LinkedIn" style="width: 24px; height: 24px;">
</a>
<p style="color: #555555;">copy right &copy; 2024 CDC, all rights reserved</p>
</td>
</tr> </div>
</table>
</td>
</tr> </td>
</table> </tr>
</td> </table>
</tr> </div>
<tr>
<td style="padding:30px;background:#334878;">
<table role="presentation"
style="width:100%;border-collapse:collapse;border:0;border-spacing:0;font-size:9px;font-family: 'Roboto', sans-serif;">
<tr>
<td style="padding:0;width:50%;" align="left">
<p style="margin:0;font-size:14px;line-height:16px;font-family: 'Roboto', sans-serif;color:#ffffff;">
&reg; CDC,IIT Dharwad,2021<br/>
</p>
</td>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body> </body>
</html> </html>

View File

@ -5,69 +5,188 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<style> <style>
#details_table tr:nth-child(even) { body, table, td, div, p, h1 {
background: #FFF font-family: 'Roboto', sans-serif;
} }
body {
#details_table tr:nth-child(odd) { margin: 0;
background: #bfe3f3 padding: 0;
background-color: #e1e4e8; /* Outer background color */
} }
.email-wrapper {
#details_table td { padding: 20px;
padding: 10px; background-color: #e1e4e8; /* Outer background color */
width: 50%; }
.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;
} }
#details_table { #details_table {
border: #334878 1px solid; width: 100%;
border-collapse: collapse; border-collapse: collapse;
width: 80%; margin: 20px auto;
margin: auto; font-size: 16px;
}
#details_table th, #details_table td {
padding: 10px;
border: 1px solid #dddddd;
text-align: left;
}
#details_table th {
background-color: #ff7350;
color: #ffffff;
}
#details_table tr:nth-child(even) {
background-color: #f2f2f2;
}
#details_table tr:nth-child(odd) {
background-color: #ffffff;
}
#details_table ul {
padding-left: 20px;
margin: 0;
}
#details_table a {
color: #334878;
text-decoration: none;
}
.social-icons img {
width: 24px;
height: 24px;
margin: 0 5px;
}
@media only screen and (max-width: 600px) {
.inner-container .email-body, .email-footer {
padding: 20px !important;
}
} }
</style> </style>
<title>Document</title> <title>Notification</title>
</head> </head>
<body style="margin: 0;font-family: sans-serif;"> <body>
<header style="background-color: #334878;"><img style="height: 3cm; margin: auto; display: block; padding: 0.5cm;" <div class="email-wrapper">
src='{{ imgpath }}' alt="cdc logo"></header> <div class="email-container">
<h1 style="text-align: center;"> {{type}} Notification Form Response</h1>
<table id="details_table">
{% for key, value in data.items %}
<tr>
<td>
{{ key }}
</td>
<td>
{% if 'list' in value.type %}
{% for item in value.details %} <div class="email-header">
<li> <img src="./images/CDC-Logo.png" alt="CDC Logo" style="width: 35%; height: auto; display: block; margin: 0 auto;" />
{% if 'link' in value.type and value.link %} </div>
<a href="{{ value.link|add:item}}">{{ item|slice:"16:" }}</a>
{% elif 'link' in value.type %}
<a href="{{ item }}">{{ item }}</a>
{% else %}
{{ item }}
{% endif %}
</li>
{% endfor %}
{% else %}
{% if 'link' in value.type %}
<a href="{{ value.details }}">{{ value.details }}</a>
{% else %}
{{ value }}
{% endif %}
{% endif %}
</td> <div class="inner-container">
</tr> <div class="email-body">
{% endfor %} <img src="./images/email_2058176.png" alt="Notification Logo" style="width: 20%; height: auto; display: block; margin: 0 auto;" />
</table> <h2 style="text-align: center;">{{type}} Notification Form Response</h2>
<p style="margin-left: 10%;">In case of any descripency regarding above details, please contact <a <p style="text-align: center;">
href="mailto:cdc@iitdh.ac.in">cdc@iitdh.ac.in</a> <table id="details_table">
<thead>
<tr>
<th>Key</th>
<th>Value</th>
</tr>
</thead>
<tbody>
{% for key, value in data.items %}
<tr>
<td>{{ key }}</td>
<td>
{% if 'list' in value.type %}
<ul>
{% for item in value.details %}
<li>
{% if 'link' in value.type and value.link %}
<a href="{{ value.link|add:item }}" target="_blank">{{ item|slice:"16:" }}</a>
{% elif 'link' in value.type %}
<a href="{{ item }}" target="_blank">{{ item }}</a>
{% else %}
{{ item }}
{% endif %}
</li>
{% endfor %}
</ul>
{% else %}
{% if 'link' in value.type %}
<a href="{{ value.details }}" target="_blank">{{ value.details }}</a>
{% else %}
{{ value }}
{% endif %}
{% endif %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
In case of any discrepancy regarding the above details, please contact <a href="mailto:cdc@iitdh.ac.in">cdc@iitdh.ac.in</a>.
</p>
</div>
</div>
</p> <div class="email-footer">
<p style="margin-bottom: 16px; color: #555555;">Follow us on:</p>
<div class="social-icons">
<a href="https://twitter.com/cdc_iitdh" style="margin-right: 10px; color: #eff7ff">
<img src="./images/twitter.png" alt="Twitter">
</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">
</a>
<a href="https://www.linkedin.com/company/cdciitdharwad/?originalSubdomain=in" style="margin-right: 10px; color: #eff7ff">
<img src="./images/LinkedIn_logo_initials.png" alt="LinkedIn">
</a>
</div>
<p style="color: #555555;">&copy; 2024 CDC, all rights reserved</p>
</div>
</div>
</div>
</body> </body>
</html> </html>

View File

@ -18,118 +18,146 @@
<link rel="shortcut icon" href="favicon.ico"/> <link rel="shortcut icon" href="favicon.ico"/>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
<style> <style>
table, td, div, h1, p { body, table, td, div, h1, p {
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
} }
#details_table tr:nth-child(even) { body {
background: #FFF margin: 0;
padding: 0;
} }
#details_table tr:nth-child(odd) { .email-wrapper {
background: #f9f9f9 width: 100%;
background-color: #ffffff;
padding: 0;
margin: 0;
} }
#details_table td { .email-container {
padding: 10px max-width: 600px;
width: 100%;
margin: 0 auto;
border: 8 px;
border-collapse: collapse;
background-color: #eff7ff;
overflow: hidden;
}
.email-header, .email-footer {
padding: 40px 0;
text-align: center;
}
.email-header img {
width: 200px;
height: auto;
}
.inner-container {
background-color: #ffffff; /* Inner box background color */
border-radius: 8px;
margin: 0 20px;
}
.inner-container .email-body {
padding: 36px 30px 42px 30px;
}
.inner-container .email-body h2 {
font-size: 24px;
margin: 0 0 20px 0;
color: #153643;
}
.inner-container .email-body p {
margin: 0 0 12px 0;
font-size: 16px;
line-height: 24px;
color: #153643;
} }
#details_table { #details_table {
border: #334878 1px solid; width: 100%;
border: 1px solid #334878;
border-collapse: collapse; border-collapse: collapse;
} }
#details_table td {
padding: 10px;
color: #153643;
border: 1px solid #334878;
}
.email-footer {
padding: 20px 30px;
text-align: center;
color: #ffffff;
}
.email-footer p {
margin: 0;
font-size: 14px;
line-height: 20px;
}
@media only screen and (max-width: 600px) {
.inner-container .email-body, .email-footer {
padding: 20px !important;
}
}
</style> </style>
</head> </head>
<body style="margin:0;padding:0;"> <body>
<table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0;background:#ffffff;"> <div class="email-wrapper">
<tr> <table role="presentation" class="email-container">
<td align="center" style="padding:0;"> <tr>
<table role="presentation" <td>
style="width:602px;border-collapse:collapse;border:1px solid #334878;border-spacing:0;text-align:left;"> <div class="email-header">
<tr> <img src="./images/CDC-Logo.png" alt="CDC Logo" style="width: 35%; height: auto; display: block; margin: 0 auto;" />
<td align="center" style="padding:40px 0 30px 0;background:#334878;"> </div>
<img src="https://drive.google.com/uc?id=1QTA6dB7jnsZfU1kzyUqfD_2V5xODpWFt" alt="" width="200" <div class="inner-container">
style="height:auto;display:block;"/> <div class="email-body">
</td>
</tr> <img src="./images/Confirmed.png" alt="verify Logo" style="width: 30%; height: auto; display: block; margin: 0 auto;" />
<tr> <h2 style="text-align: center;">Thank You For Filling The Form</h2>
<td style="padding:36px 30px 42px 30px;"> <p style="text-align: center;">We have received your <b>{{ opening_type }}</b> notification for a <b>{{ designation }}</b> offer at <b>{{ company_name }}</b>.
<table role="presentation" We will keep you informed with the updates. If you have any queries, please feel free to write to <nobr><u>cdc@iitdh.ac.in</u></nobr>.</p>
style="width:100%;border-collapse:collapse;border:0;border-spacing:0;"> <!-- <table id="details_table">
<tr> {% for key, value in data.items %}
<td style="padding:0 0 36px 0;color:#153643;"> <tr>
<h1 style="font-size:24px;margin:0 0 20px 0;font-family: 'Roboto', sans-serif; <td>{{ key }}</td>
">Thank You for filling the form</h1> <td>
<p style="margin:0 0 12px 0;font-size:16px;line-height:24px;font-family: 'Roboto', sans-serif;"> {% if 'list' in value.type %}
We have received your <b>{{ opening_type }}</b> notification for a <ul>
<b>{{ designation }}</b> offer at <b> {% for item in value.details %}
{{ company_name }}</b>. <li>{% if 'link' in value.type and value.link %}<a href="{{ value.link|add:item}}">{{ item }}</a>{% elif 'link' in value.type %}<a href="{{ item }}">{{ item }}</a>{% else %}{{ item }}{% endif %}</li>
</p>
<p style="margin:0 0 12px 0;font-size:16px;line-height:24px;font-family: 'Roboto', sans-serif;">
We will keep you informed with the updates. If you have any queries, please
feel to
write to
<nobr><u>cdc@iitdh.ac.in</u></nobr>
</p>
<table id="details_table">
{% for key, value in data.items %}
<tr>
<td>
{{ key }}
</td>
<td>
{% if 'list' in value.type %}
{% for item in value.details %}
<li>
{% if 'link' in value.type and value.link %}
<a href="{{ value.link|add:item}}">{{ item }}</a>
{% elif 'link' in value.type %}
<a href="{{ item }}">{{ item }}</a>
{% else %}
{{ item }}
{% endif %}
</li>
{% endfor %}
{% else %}
{% if 'link' in value.type %}
<a href="{{ value.details }}">{{ value.details }}</a>
{% else %}
{{ value }}
{% endif %}
{% endif %}
</td>
</tr>
{% endfor %} {% endfor %}
</table> </ul>
</td> {% else %}
</tr> {% if 'link' in value.type %}<a href="{{ value.details }}">{{ value.details }}</a>{% else %}{{ value }}{% endif %}
{% endif %}
</table> </td>
</td> </tr>
</tr> {% endfor %}
<tr> </table> -->
<td style="padding:30px;background:#334878;"> </div>
<table role="presentation" </div>
style="width:100%;border-collapse:collapse;border:0;border-spacing:0;font-size:9px;font-family: 'Roboto', sans-serif;"> <div class="email-footer">
<tr> <p style="margin-bottom: 16px; color: #555555;">Follow us on:</p>
<td style="padding:0;width:50%;" align="left">
<p style="margin:0;font-size:14px;line-height:16px;font-family: 'Roboto', sans-serif;color:#ffffff;"> <a href="https://twitter.com/cdc_iitdh" style="margin-right: 10px; color: #eff7ff">
&reg; CDC,IIT Dharwad,2021<br/> <img src="./images/twitter.png" alt="Twitter" style="width: 24px; height: 24px;">
</p> </a>
</td> <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>
</tr> <a href="https://www.linkedin.com/company/cdciitdharwad/?originalSubdomain=in">
</table> <img src="./images/LinkedIn_logo_initials.png" alt="LinkedIn" style="width: 24px; height: 24px;">
</td> </a>
</tr> <p style="color: #555555;">copy right &copy; 2024 CDC, all rights reserved</p>
</table>
</td> </div>
</tr> </td>
</table> </tr>
</table>
</div>
</body> </body>
</html> </html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 45 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 186 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 164 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

View File

@ -18,70 +18,133 @@
<link rel="shortcut icon" href="favicon.ico"/> <link rel="shortcut icon" href="favicon.ico"/>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
<style> <style>
table, td, div, h1, p { body, table, td, div, p, h1 {
font-family: 'Roboto', sans-serif; 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 !important;
}
}
</style> </style>
</head> </head>
<body style="margin:0;padding:0;"> <body class="email-wrapper">
<table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0;background:#ffffff;"> <table role="presentation" class="email-container">
<tr> <tr>
<td align="center" style="padding:0;"> <td>
<table role="presentation"
style="width:602px;border-collapse:collapse;border:1px solid #334878;border-spacing:0;text-align:left;"> <div class="email-header">
<tr> <img src="./images/CDC-Logo.png" alt="CDC Logo" style="width: 35%; height: auto; display: block; margin: 0 auto;" />
<td align="center" style="padding:40px 0 30px 0;background:#334878;"> </div>
<img src="https://drive.google.com/uc?id=1QTA6dB7jnsZfU1kzyUqfD_2V5xODpWFt" alt="" width="200" <div class="inner-container">
style="height:auto;display:block;"/> <div class="email-body">
</td> <img src="./images/notification.png" alt="verify Logo" style="width: 30%; height: auto; display: block; margin: 0 auto;" />
</tr> <h2 style="text-align: center;">{{ opening_type }} Opportunity at {{ company_name }}</h2>
<tr> <p style="text-align: center;">
<td style="padding:36px 30px 42px 30px;">
<table role="presentation"
style="width:100%;border-collapse:collapse;border:0;border-spacing:0;">
<tr>
<td style="padding:0 0 36px 0;color:#153643;">
<h1 style="font-size:24px;margin:0 0 20px 0;font-family: 'Roboto', sans-serif;
">{{ opening_type }} Opportunity at {{ company_name }}</h1>
<p style="margin:0 0 12px 0;font-size:16px;line-height:24px;font-family: 'Roboto', sans-serif;">
Greetings of the day. Hope you are fine and doing well ! Greetings of the day. Hope you are fine and doing well !
</p>
<p style="text-indent: 4ch; margin:0 0 12px 0;font-size:16px;line-height:24px;font-family: 'Roboto', sans-serif;">
CDC is excited to announce that <b>{{ company_name }}</b> is interested in CDC is excited to announce that <b>{{ company_name }}</b> is interested in
recruiting <b>{{ designation }}</b> from IIT Dharwad. recruiting <b>{{ designation }}</b> from IIT Dharwad.
More details can be found in the CDC Web Portal. More details can be found in the CDC Web Portal.
Interested students can apply before <b>{{ deadline }}</b> in the CDC-Web Portal</p>
<p style="text-align: center;">
<a
href="{{ 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;">CDC Web Portal</a>.
</p> </p>
</div>
</div>
<p style="margin:0 0 12px 0;font-size:16px;line-height:24px;font-family: 'Roboto', sans-serif;"> <div class="email-footer">
Interested students can apply before <b>{{ deadline }}</b> in the <a <p style="margin-bottom: 16px; color: #555555;">Follow us on:</p>
href="{{ link }}">CDC-Web Portal</a>.
</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 &copy; 2024 CDC, all rights reserved</p>
</div>
</td> </td>
</tr> </tr>
</table> </table>
</td> </div>
</tr>
<tr>
<td style="padding:30px;background:#334878;">
<table role="presentation"
style="width:100%;border-collapse:collapse;border:0;border-spacing:0;font-size:9px;font-family: 'Roboto', sans-serif;">
<tr>
<td style="padding:0;width:50%;" align="left">
<p style="margin:0;font-size:14px;line-height:16px;font-family: 'Roboto', sans-serif;color:#ffffff;">
&reg; CDC,IIT Dharwad,2022<br/>
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body> </body>
</html> </html>

View File

@ -18,100 +18,145 @@
<link rel="shortcut icon" href="favicon.ico"/> <link rel="shortcut icon" href="favicon.ico"/>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
<style> <style>
table, td, div, h1, p { body, table, td, div, p, h1 {
font-family: 'Roboto', sans-serif; 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 !important;
}
}
</style> </style>
</head> </head>
<body style="margin:0;padding:0;"> <body>
<table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0;background:#ffffff;"> <div class="email-wrapper">
<table role="presentation" class="email-container">
<tr> <tr>
<td align="center" style="padding:0;"> <td >
<table role="presentation" <div class="email-header">
style="width:602px;border-collapse:collapse;border:1px solid #334878;border-spacing:0;text-align:left;"> <img src="./images/CDC-Logo.png" alt="CDC Logo" style="width: 35%; height: auto; display: block; margin: 0 auto;" />
<tr> </div>
<td align="center" style="padding:40px 0 30px 0;background:#334878;"> <div class="inner-container">
<img src="https://drive.google.com/uc?id=1QTA6dB7jnsZfU1kzyUqfD_2V5xODpWFt" alt="" width="200" <div class="email-body">
style="height:auto;display:block;"/> <img src="./images/tracking.png" alt="verify Logo" style="width: 35%; height: auto; display: block; margin: 0 auto;" />
</td> <h1 style="text-align: center;">Hello, Folks</h1>
</tr> <p style="text-align: center;">
<tr> We have received a issue regarding a <b>{{ application_type }}</b> opening at
<td style="padding:36px 30px 42px 30px;"> <b>
<table role="presentation" {{ company_name }}</b> From {{name}}.
style="width:100%;border-collapse:collapse;border:0;border-spacing:0;"> {% if additional_info %}
<tr> We received these additional details
<td style="padding:0 0 36px 0;color:#153643;"> <br>
<h1 style="font-size:24px;margin:0 0 20px 0;font-family: 'Roboto', sans-serif;
">Hello, Folks</h1> <!-- <table style="border:solid 1px; margin: auto; text-align: center;width: 80%;
<p style="margin:0 0 12px 0;font-size:16px;line-height:24px;font-family: 'Roboto', sans-serif;"> border-radius:15px; background-color: #e0e3ee"> -->
We have received a issue regarding a <b>{{ application_type }}</b> opening at
<b> {% for i,j in additional_info.items %}
{{ company_name }}</b> From {{name}}.
{% if additional_info %} <!-- <tr>
We received these additional details <td style="padding:8px 10px;color:#153643; ">{{ i }}:</td>
<br> <td style="padding:8px 10px;color:#153643;">{{ j }}</td>
<p style="margin:0 0 12px 0;font-size:16px;line-height:24px;font-family: </tr> -->
'Roboto', sans-serif;text-align: center"> {% endfor %}
<!-- </table> -->
{% endif %}
<table style="border:solid 1px; margin: auto; text-align: center;width: 80%; please look into it and take necessary actions.
border-radius:15px; background-color: #e0e3ee"> get in touch with the student at <nobr><u>{{ email }}</u></nobr>
{% for i,j in additional_info.items %} <!-- </p> -->
</p></div></div>
<tr> <div class="email-footer">
<td style="padding:8px 10px;color:#153643; ">{{ i }}:</td> <p style="margin-bottom: 16px; color: #555555;">Follow us on:</p>
<td style="padding:8px 10px;color:#153643;">{{ j }}</td>
</tr> <a href="https://twitter.com/cdc_iitdh" style="margin-right: 10px; color: #eff7ff">
{% endfor %} <img src="./images/twitter.png" alt="Twitter" style="width: 24px; height: 24px;">
</table> </a>
{% endif %} <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;">
</p> </a>
</p> <a href="https://www.linkedin.com/company/cdciitdharwad/?originalSubdomain=in">
<p style="margin:0 0 12px 0;font-size:16px;line-height:24px;font-family: 'Roboto', sans-serif;"> <img src="./images/LinkedIn_logo_initials.png" alt="LinkedIn" style="width: 24px; height: 24px;">
please look into it and take necessary actions. </a>
get in touch with the student at at <nobr><u>{{ email }}</u></nobr> <p style="color: #555555;">copy right &copy; 2024 CDC, all rights reserved</p>
</p> </div>
</td>
</tr>
<tr>
<td style="padding:0;">
<table role="presentation"
style="width:100%;border-collapse:collapse;border:0;border-spacing:0;">
<tr>
<td style="width:260px;padding:0;vertical-align:top;color:#334878;">
</td>
</tr>
</table>
</td> </td>
</tr> </tr>
</table> </table>
</td> </div>
</tr>
<tr>
<td style="padding:30px;background:#334878;">
<table role="presentation"
style="width:100%;border-collapse:collapse;border:0;border-spacing:0;font-size:9px;font-family: 'Roboto', sans-serif;">
<tr>
<td style="padding:0;width:50%;" align="left">
<p style="margin:0;font-size:14px;line-height:16px;font-family: 'Roboto', sans-serif;color:#ffffff;">
&reg; CDC,IIT Dharwad,2021<br/>
</p>
</td>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body> </body>
</html> </html>

View File

@ -18,69 +18,126 @@
<link rel="shortcut icon" href="favicon.ico"/> <link rel="shortcut icon" href="favicon.ico"/>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
<style> <style>
table, td, div, h1, p { body, table, td, div, p, h1 {
font-family: 'Roboto', sans-serif; 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 !important;
}
}
</style> </style>
</head> </head>
<body style="margin:0;padding:0;"> <body>
<table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0;background:#ffffff;"> <div class="email-wrapper">
<table role="presentation" class="email-container">
<tr> <tr>
<td align="center" style="padding:0;"> <td>
<table role="presentation" <div class="email-header">
style="width:602px;border-collapse:collapse;border:1px solid #334878;border-spacing:0;text-align:left;"> <img src="./images/CDC-Logo.png" alt="CDC Logo" style="width: 35%; height: auto; display: block; margin: 0 auto;" />
<tr> </div>
<td align="center" style="padding:40px 0 30px 0;background:#334878;"> <div class="inner-container">
<img src="https://drive.google.com/uc?id=1QTA6dB7jnsZfU1kzyUqfD_2V5xODpWFt" alt="" width="200" <div class="email-body">
style="height:auto;display:block;"/> <img src="./images/Rejected.png" alt="rejection Logo" style="width: 30%; height: auto; display: block; margin: 0 auto;" />
</td> <h2 style="text-align: center;">Hey, {{ student_name }}</h2>
</tr> <p style="text-align: center;">
<tr>
<td style="padding:36px 30px 42px 30px;">
<table role="presentation"
style="width:100%;border-collapse:collapse;border:0;border-spacing:0;">
<tr>
<td style="padding:0 0 36px 0;color:#153643;">
<h1 style="font-size:24px;margin:0 0 20px 0;font-family: 'Roboto', sans-serif;
">Hey, {{ student_name }}</h1>
<p style="margin:0 0 12px 0;font-size:16px;line-height:24px;font-family: 'Roboto', sans-serif;">
We regret to inform you that you have not been selected for We regret to inform you that you have not been selected for
<b>{{ designation }}</b> role at <b>{{ company_name }}</b>. <b>{{ designation }}</b> role at <b>{{ company_name }}</b>.
CDC will keep bringing more such opportunities for you in the future. CDC will keep bringing more such opportunities for you in the future.
</td>
</tr>
<tr> </p></div></div>
<td style="padding:0;"> <div class="email-footer">
<table role="presentation" <p style="margin-bottom: 16px; color: #555555;">Follow us on:</p>
style="width:100%;border-collapse:collapse;border:0;border-spacing:0;">
<tr> <a href="https://twitter.com/cdc_iitdh" style="margin-right: 10px; color: #eff7ff">
<td style="width:260px;padding:0;vertical-align:top;color:#334878;"> <img src="./images/twitter.png" alt="Twitter" style="width: 24px; height: 24px;">
</td> </a>
</tr> <a href="https://www.instagram.com/cdc.iitdh/?hl=en" style="margin-right: 10px; color: #eff7ff;">
</table> <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 &copy; 2024 CDC, all rights reserved</p>
</div>
</td> </td>
</tr> </tr>
</table> </table>
</td> </div>
</tr>
<tr>
<td style="padding:30px;background:#334878;">
<table role="presentation"
style="width:100%;border-collapse:collapse;border:0;border-spacing:0;font-size:9px;font-family: 'Roboto', sans-serif;">
<tr>
<td style="padding:0;width:50%;" align="left">
<p style="margin:0;font-size:14px;line-height:16px;font-family: 'Roboto', sans-serif;color:#ffffff;">
&reg; CDC,IIT Dharwad,2021<br/>
</p>
</td>
</tr>
</table>
</td>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body> </body>
</html> </html>

View File

@ -18,68 +18,122 @@
<link rel="shortcut icon" href="favicon.ico"/> <link rel="shortcut icon" href="favicon.ico"/>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
<style> <style>
table, td, div, h1, p { body, table, td, div, p, h1 {
font-family: 'Roboto', sans-serif; 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 !important;
}
}
</style> </style>
</head> </head>
<body style="margin:0;padding:0;"> <body>
<table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0;background:#ffffff;"> <div class="email-wrapper">
<table role="presentation" class="email-container">
<tr> <tr>
<td align="center" style="padding:0;"> <td>
<table role="presentation" <div class="email-header">
style="width:602px;border-collapse:collapse;border:1px solid #334878;border-spacing:0;text-align:left;"> <img src="./images/CDC-Logo.png" alt="CDC Logo" style="width: 35%; height: auto; display: block; margin: 0 auto;" />
<tr> </div>
<td align="center" style="padding:40px 0 30px 0;background:#334878;"> <div class="inner-container">
<img src="https://drive.google.com/uc?id=1QTA6dB7jnsZfU1kzyUqfD_2V5xODpWFt" alt="" width="200" <div class="email-body">
style="height:auto;display:block;"/> <img src="./images/Confirmed.png" alt="approved Logo" style="width: 30%; height: auto; display: block; margin: 0 auto;" />
</td> <h2 style="text-align: center;">Hey, {{ student_name }}</h2>
</tr> <p style="text-align: center;">
<tr> Congratulations, You have been selected for the <b>{{ designation }}</b> at
<td style="padding:36px 30px 42px 30px;"> <b>{{ company_name }}</b>.<br></p></div></div>
<table role="presentation" <div class="email-footer">
style="width:100%;border-collapse:collapse;border:0;border-spacing:0;"> <p style="margin-bottom: 16px; color: #555555;">Follow us on:</p>
<tr>
<td style="padding:0 0 36px 0;color:#153643;"> <a href="https://twitter.com/cdc_iitdh" style="margin-right: 10px; color: #eff7ff">
<h1 style="font-size:24px;margin:0 0 20px 0;font-family: 'Roboto', sans-serif; <img src="./images/twitter.png" alt="Twitter" style="width: 24px; height: 24px;">
">Hey, {{ student_name }}</h1> </a>
<p style="margin:0 0 12px 0;font-size:16px;line-height:24px;font-family: 'Roboto', sans-serif;"> <a href="https://www.instagram.com/cdc.iitdh/?hl=en" style="margin-right: 10px; color: #eff7ff;">
Congratulations, You have been selected for the <b>{{ designation }}</b> at <img src="./images/Instagram_icon.png" alt="Instagram" style="width: 24px; height: 24px;">
<b>{{ company_name }}</b>.<br> </a>
</td> <a href="https://www.linkedin.com/company/cdciitdharwad/?originalSubdomain=in">
</tr> <img src="./images/LinkedIn_logo_initials.png" alt="LinkedIn" style="width: 24px; height: 24px;">
<tr> </a>
<td style="padding:0;"> <p style="color: #555555;">copy right &copy; 2024 CDC, all rights reserved</p>
<table role="presentation"
style="width:100%;border-collapse:collapse;border:0;border-spacing:0;"> </div>
<tr>
<td style="width:260px;padding:0;vertical-align:top;color:#334878;">
</td>
</tr>
</table>
</td> </td>
</tr> </tr>
</table> </table>
</td> </div>
</tr>
<tr>
<td style="padding:30px;background:#334878;">
<table role="presentation"
style="width:100%;border-collapse:collapse;border:0;border-spacing:0;font-size:9px;font-family: 'Roboto', sans-serif;">
<tr>
<td style="padding:0;width:50%;" align="left">
<p style="margin:0;font-size:14px;line-height:16px;font-family: 'Roboto', sans-serif;color:#ffffff;">
&reg; CDC,IIT Dharwad,2021<br/>
</p>
</td>
</tr>
</table>
</td>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body> </body>
</html> </html>

View File

@ -18,101 +18,146 @@
<link rel="shortcut icon" href="favicon.ico"/> <link rel="shortcut icon" href="favicon.ico"/>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
<style> <style>
table, td, div, h1, p { body, table, td, div, p, h1 {
font-family: 'Roboto', sans-serif; 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 !important;
}
}
</style> </style>
</head> </head>
<body style="margin:0;padding:0;"> <body>
<table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0;background:#ffffff;"> <div class="email-wrapper">
<table role="presentation" class="email-container">
<tr> <tr>
<td align="center" style="padding:0;"> <td >
<table role="presentation" <div class="email-header">
style="width:602px;border-collapse:collapse;border:1px solid #334878;border-spacing:0;text-align:left;"> <img src="./images/CDC-Logo.png" alt="CDC Logo" style="width: 35%; height: auto; display: block; margin: 0 auto;" />
<tr> </div>
<td align="center" style="padding:40px 0 30px 0;background:#334878;"> <div class="inner-container">
<img src="https://drive.google.com/uc?id=1QTA6dB7jnsZfU1kzyUqfD_2V5xODpWFt" alt="" width="200" <div class="email-body">
style="height:auto;display:block;"/> <img src="./images/message.png" alt="verify Logo" style="width: 35%; height: auto; display: block; margin: 0 auto;" />
</td> <h2 style="text-align: center;">Hello, {{ name }}</h2>
</tr> <p style="text-align: center;">
<tr>
<td style="padding:36px 30px 42px 30px;">
<table role="presentation"
style="width:100%;border-collapse:collapse;border:0;border-spacing:0;">
<tr>
<td style="padding:0 0 36px 0;color:#153643;">
<h1 style="font-size:24px;margin:0 0 20px 0;font-family: 'Roboto', sans-serif;
">Hello, {{ name }}</h1>
<p style="margin:0 0 12px 0;font-size:16px;line-height:24px;font-family: 'Roboto', sans-serif;">
We have received your application for a <b>{{ application_type }}</b> offer at We have received your application for a <b>{{ application_type }}</b> offer at
<b> <b>
{{ company_name }}</b>. {{ company_name }}</b>.
{% if additional_info_items %} {% if additional_info_items %}
We received these additional details We received these additional details
<br> <br>
<p style="margin:0 0 12px 0;font-size:16px;line-height:24px;font-family:
'Roboto', sans-serif;text-align: center">
<table style="border:solid 1px; margin: auto; text-align: center;width: 80%; <!-- <table style="border:solid 1px; margin: auto; text-align: center;width: 80%;
border-radius:15px; background-color: #e0e3ee"> border-radius:15px; background-color: #e0e3ee"> -->
{% for i,j in additional_info.items %} {% for i,j in additional_info.items %}
<tr> <!-- <tr> -->
<td style="padding:8px 10px;color:#153643; ">{{ i }}:</td> <!-- <td style="padding:8px 10px;color:#153643; ">{{ i }}:</td> -->
<td style="padding:8px 10px;color:#153643;">{{ j }}</td> <!-- <td style="padding:8px 10px;color:#153643;">{{ j }}</td> -->
</tr> <!-- </tr> -->
{% endfor %} {% endfor %}
</table> <!-- </table> -->
{% endif %} {% endif %}
</p>
</p>
<p style="margin:0 0 12px 0;font-size:16px;line-height:24px;font-family: 'Roboto', sans-serif;">
We will keep you informed with the updates. If you have any queries, please We will keep you informed with the updates. If you have any queries, please
feel to feel to
write to write to
<nobr><u>cdc.support@iitdh.ac.in</u></nobr> <nobr><u>cdc.support@iitdh.ac.in</u></nobr>
</p>
</td> </p></div></div>
</tr> <div class="email-footer">
<tr> <p style="margin-bottom: 16px; color: #555555;">Follow us on:</p>
<td style="padding:0;">
<table role="presentation" <a href="https://twitter.com/cdc_iitdh" style="margin-right: 10px; color: #eff7ff">
style="width:100%;border-collapse:collapse;border:0;border-spacing:0;"> <img src="./images/twitter.png" alt="Twitter" style="width: 24px; height: 24px;">
<tr> </a>
<td style="width:260px;padding:0;vertical-align:top;color:#334878;"> <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>
</td> <a href="https://www.linkedin.com/company/cdciitdharwad/?originalSubdomain=in">
</tr> <img src="./images/LinkedIn_logo_initials.png" alt="LinkedIn" style="width: 24px; height: 24px;">
</table> </a>
<p style="color: #555555;">copy right &copy; 2024 CDC, all rights reserved</p>
</div>
</td> </td>
</tr> </tr>
</table> </table>
</td> </div>
</tr>
<tr>
<td style="padding:30px;background:#334878;">
<table role="presentation"
style="width:100%;border-collapse:collapse;border:0;border-spacing:0;font-size:9px;font-family: 'Roboto', sans-serif;">
<tr>
<td style="padding:0;width:50%;" align="left">
<p style="margin:0;font-size:14px;line-height:16px;font-family: 'Roboto', sans-serif;color:#ffffff;">
&reg; CDC,IIT Dharwad,2021<br/>
</p>
</td>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body> </body>
</html> </html>

View File

@ -18,107 +18,152 @@
<link rel="shortcut icon" href="favicon.ico"/> <link rel="shortcut icon" href="favicon.ico"/>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
<style> <style>
table, td, div, h1, p { body, table, td, div, p, h1 {
font-family: 'Roboto', sans-serif; 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 !important;
}
}
</style> </style>
</head> </head>
<body style="margin:0;padding:0;"> <body>
<table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0;background:#ffffff;"> <div class="email-wrapper">
<table role="presentation" class="email-container">
<tr> <tr>
<td align="center" style="padding:0;"> <td >
<table role="presentation" <div class="email-header">
style="width:602px;border-collapse:collapse;border:1px solid #334878;border-spacing:0;text-align:left;"> <img src="./images/CDC-Logo.png" alt="CDC Logo" style="width: 35%; height: auto; display: block; margin: 0 auto;" />
<tr> </div>
<td align="center" style="padding:40px 0 30px 0;background:#334878;"> <div class="inner-container">
<img src="https://drive.google.com/uc?id=1QTA6dB7jnsZfU1kzyUqfD_2V5xODpWFt" alt="" width="200" <div class="email-body">
style="height:auto;display:block;"/> <img src="./images/mobile.png" alt="verify Logo" style="width: 35%; height: auto; display: block; margin: 0 auto;" />
</td> <h2 style="text-align: center;">Hello, {{ name }}</h2>
</tr> <p style="text-align: center;">
<tr> We have received some update in your application for a <b>{{ application_type }}</b> offer at
<td style="padding:36px 30px 42px 30px;"> <b>
<table role="presentation" {{ company_name }}</b>.
style="width:100%;border-collapse:collapse;border:0;border-spacing:0;"> <!-- <table style="border:solid 1px; margin: auto; text-align: center;width: 80%;
<tr> border-radius:15px; background-color: #e0e3ee">
<td style="padding:0 0 36px 0;color:#153643;"> <tr>
<h1 style="font-size:24px;margin:0 0 20px 0;font-family: 'Roboto', sans-serif; <td style="padding:8px 10px;color:#153643; "> resume:</td>
">Hello, {{ name }}</h1> <td style="padding:8px 10px;color:#153643;">{{ resume }}</td>
<p style="margin:0 0 12px 0;font-size:16px;line-height:24px;font-family: 'Roboto', sans-serif;"> </tr>
We have received some update in your application for a <b>{{ application_type }}</b> offer at </table>
<b> -->
{{ company_name }}</b>. <!-- {% if additional_info_items %} -->
<table style="border:solid 1px; margin: auto; text-align: center;width: 80%; <!-- We received these additional details -->
border-radius:15px; background-color: #e0e3ee"> <!-- <br> -->
<tr> <!-- <p style="text-align: center;"> -->
<td style="padding:8px 10px;color:#153643; "> resume:</td> <!-- {% for i,j in additional_info_items.items %} -->
<td style="padding:8px 10px;color:#153643;">{{ resume }}</td>
</tr> <!-- <tr>
</table> <td style="padding:8px 10px;color:#153643; ">{{ i }}:</td>
<td style="padding:8px 10px;color:#153643;">{{ j }}</td>
</tr> -->
<!-- {% endfor %} -->
<!-- </table> -->
<!-- {% endif %} -->
{% if additional_info_items %} We will keep you informed with the updates. If you have any queries, please
We received these additional details feel to
<br> write to
<table style="border:solid 1px; margin: auto; text-align: center;width: 80%; <nobr><u>cdc.support@iitdh.ac.in</u></nobr>
border-radius:15px; background-color: #e0e3ee">
<p style="margin:0 0 12px 0;font-size:16px;line-height:24px;font-family:
'Roboto', sans-serif;text-align: center"> </p></div></div>
{% for i,j in additional_info_items.items %} <div class="email-footer">
<p style="margin-bottom: 16px; color: #555555;">Follow us on:</p>
<tr>
<td style="padding:8px 10px;color:#153643; ">{{ i }}:</td> <a href="https://twitter.com/cdc_iitdh" style="margin-right: 10px; color: #eff7ff">
<td style="padding:8px 10px;color:#153643;">{{ j }}</td> <img src="./images/twitter.png" alt="Twitter" style="width: 24px; height: 24px;">
</tr> </a>
{% endfor %} <a href="https://www.instagram.com/cdc.iitdh/?hl=en" style="margin-right: 10px; color: #eff7ff;">
</table> <img src="./images/Instagram_icon.png" alt="Instagram" style="width: 24px; height: 24px;">
{% endif %} </a>
<a href="https://www.linkedin.com/company/cdciitdharwad/?originalSubdomain=in">
</p> <img src="./images/LinkedIn_logo_initials.png" alt="LinkedIn" style="width: 24px; height: 24px;">
</p> </a>
<p style="margin:0 0 12px 0;font-size:16px;line-height:24px;font-family: 'Roboto', sans-serif;"> <p style="color: #555555;">copy right &copy; 2024 CDC, all rights reserved</p>
We will keep you informed with the updates. If you have any queries, please
feel to </div>
write to
<nobr><u>cdc.support@iitdh.ac.in</u></nobr>
</p>
</td>
</tr>
<tr>
<td style="padding:0;">
<table role="presentation"
style="width:100%;border-collapse:collapse;border:0;border-spacing:0;">
<tr>
<td style="width:260px;padding:0;vertical-align:top;color:#334878;">
</td>
</tr>
</table>
</td> </td>
</tr> </tr>
</table> </table>
</td> </div>
</tr>
<tr>
<td style="padding:30px;background:#334878;">
<table role="presentation"
style="width:100%;border-collapse:collapse;border:0;border-spacing:0;font-size:9px;font-family: 'Roboto', sans-serif;">
<tr>
<td style="padding:0;width:50%;" align="left">
<p style="margin:0;font-size:14px;line-height:16px;font-family: 'Roboto', sans-serif;color:#ffffff;">
&reg; CDC,IIT Dharwad,2021<br/>
</p>
</td>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body> </body>
</html> </html>

View File

@ -18,101 +18,145 @@
<link rel="shortcut icon" href="favicon.ico"/> <link rel="shortcut icon" href="favicon.ico"/>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
<style> <style>
table, td, div, h1, p { body, table, td, div, p, h1 {
font-family: 'Roboto', sans-serif; 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 !important;
}
}
</style> </style>
</head> </head>
<body style="margin:0;padding:0;"> <body>
<table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0;background:#ffffff;"> <div class="email-wrapper">
<table role="presentation" class="email-container">
<tr> <tr>
<td align="center" style="padding:0;"> <td >
<table role="presentation" <div class="email-header">
style="width:602px;border-collapse:collapse;border:1px solid #334878;border-spacing:0;text-align:left;"> <img src="./images/CDC-Logo.png" alt="CDC Logo" style="width: 35%; height: auto; display: block; margin: 0 auto;" />
<tr> </div>
<td align="center" style="padding:40px 0 30px 0;background:#334878;"> <div class="inner-container">
<img src="https://drive.google.com/uc?id=1QTA6dB7jnsZfU1kzyUqfD_2V5xODpWFt" alt="" width="200" <div class="email-body">
style="height:auto;display:block;"/> <img src="./images/tracking.png" alt="verify Logo" style="width: 35%; height: auto; display: block; margin: 0 auto;" />
</td> <h2 style="text-align: center;"
</tr> >Hello, {{ name }}</h1>
<tr> <p style="text-align:center;">
<td style="padding:36px 30px 42px 30px;"> We have received your issue regarding a <b>{{ application_type }}</b> opening at
<table role="presentation" <b>
style="width:100%;border-collapse:collapse;border:0;border-spacing:0;"> {{ company_name }}</b>.
<tr> {% if additional_info %}
<td style="padding:0 0 36px 0;color:#153643;"> We received these additional details
<h1 style="font-size:24px;margin:0 0 20px 0;font-family: 'Roboto', sans-serif; <br>
">Hello, {{ name }}</h1>
<p style="margin:0 0 12px 0;font-size:16px;line-height:24px;font-family: 'Roboto', sans-serif;"> <!-- <table style="border:solid 1px; margin: auto; text-align: center;width: 80%;
We have received your issue regarding a <b>{{ application_type }}</b> opening at border-radius:15px; background-color: #e0e3ee"> -->
<b>
{{ company_name }}</b>. {% for i,j in additional_info.items %}
{% if additional_info %}
We received these additional details <!-- <tr>
<br> <td style="padding:8px 10px;color:#153643; ">{{ i }}:</td>
<p style="margin:0 0 12px 0;font-size:16px;line-height:24px;font-family: <td style="padding:8px 10px;color:#153643;">{{ j }}</td>
'Roboto', sans-serif;text-align: center"> </tr> -->
{% endfor %}
<table style="border:solid 1px; margin: auto; text-align: center;width: 80%; <!-- </table> -->
border-radius:15px; background-color: #e0e3ee"> {% endif %}
We will get back to you if we find it legitimate. If you have any queries, please
{% for i,j in additional_info.items %} feel to
write to
<tr> <nobr><u>cdc.support@iitdh.ac.in</u></nobr>
<td style="padding:8px 10px;color:#153643; ">{{ i }}:</td> </p></div></div>
<td style="padding:8px 10px;color:#153643;">{{ j }}</td> <div class="email-footer">
</tr> <p style="margin-bottom: 16px; color: #555555;">Follow us on:</p>
{% endfor %}
</table> <a href="https://twitter.com/cdc_iitdh" style="margin-right: 10px; color: #eff7ff">
{% endif %} <img src="./images/twitter.png" alt="Twitter" style="width: 24px; height: 24px;">
</a>
</p> <a href="https://www.instagram.com/cdc.iitdh/?hl=en" style="margin-right: 10px; color: #eff7ff;">
</p> <img src="./images/Instagram_icon.png" alt="Instagram" style="width: 24px; height: 24px;">
<p style="margin:0 0 12px 0;font-size:16px;line-height:24px;font-family: 'Roboto', sans-serif;"> </a>
We will get back to you if we find it legitimate. If you have any queries, please <a href="https://www.linkedin.com/company/cdciitdharwad/?originalSubdomain=in">
feel to <img src="./images/LinkedIn_logo_initials.png" alt="LinkedIn" style="width: 24px; height: 24px;">
write to </a>
<nobr><u>cdc.support@iitdh.ac.in</u></nobr> <p style="color: #555555;">copy right &copy; 2024 CDC, all rights reserved</p>
</p>
</td> </div>
</tr>
<tr>
<td style="padding:0;">
<table role="presentation"
style="width:100%;border-collapse:collapse;border:0;border-spacing:0;">
<tr>
<td style="width:260px;padding:0;vertical-align:top;color:#334878;">
</td>
</tr>
</table>
</td> </td>
</tr> </tr>
</table> </table>
</td> </div>
</tr>
<tr>
<td style="padding:30px;background:#334878;">
<table role="presentation"
style="width:100%;border-collapse:collapse;border:0;border-spacing:0;font-size:9px;font-family: 'Roboto', sans-serif;">
<tr>
<td style="padding:0;width:50%;" align="left">
<p style="margin:0;font-size:14px;line-height:16px;font-family: 'Roboto', sans-serif;color:#ffffff;">
&reg; CDC,IIT Dharwad,2021<br/>
</p>
</td>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body> </body>
</html> </html>

View File

@ -18,60 +18,128 @@
<link rel="shortcut icon" href="favicon.ico"/> <link rel="shortcut icon" href="favicon.ico"/>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
<style> <style>
table, td, div, h1, p { body, table, td, div, p, h1 {
font-family: 'Roboto', sans-serif; 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 h4 {
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 !important;
}
}
</style> </style>
</head> </head>
<body style="margin:0;padding:0;"> <body>
<table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0;background:#ffffff;"> <div class="email-wrapper">
<tr> <table role="presentation" class="email-container">
<td align="center" style="padding:0;">
<table role="presentation"
style="width:602px;border-collapse:collapse;border:1px solid #334878;border-spacing:0;text-align:left;">
<tr> <tr>
<td align="center" style="padding:40px 0 30px 0;background:#334878;"> <td>
<img src="https://drive.google.com/uc?id=1QTA6dB7jnsZfU1kzyUqfD_2V5xODpWFt" alt="" width="200" <div class="email-header">
style="height:auto;display:block;"/> <img src="./images/CDC-Logo.png" alt="CDC Logo" style="width: 35%; height: auto; display: block; margin: 0 auto;" />
</td> </div>
</tr> <div class="inner-container">
<tr> <div class="email-body">
<td style="padding:36px 30px 42px 30px;"> <img src="./images/reminder.png" alt="verify Logo" style="width: 25%; height: auto; display: block; margin: 0 auto;" />
<table role="presentation" <h4 style="text-align: center;">{{ opening_type }} Opportunity at {{ company_name }}</h3>
style="width:100%;border-collapse:collapse;border:0;border-spacing:0;"> <p style="text-align: center;">
<tr>
<td style="padding:0 0 36px 0;color:#153643;">
<h1 style="font-size:24px;margin:0 0 20px 0;font-family: 'Roboto', sans-serif;
">{{ opening_type }} Opportunity at {{ company_name }}</h1>
<p style="margin:0 0 12px 0;font-size:16px;line-height:24px;font-family: 'Roboto', sans-serif;">
Gentle reminder to fill out the application form. Gentle reminder to fill out the application form.
Interested students can apply before <b>{{ deadline }}</b> in the <a Interested students can apply before <b>{{ deadline }}</b> in the CDC-webportal</p>
href="{{ link }}">CDC-webportal</a>. <p style="text-align: center;"> <a
href="{{ 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;">CDC web portal</a>.
</p> </p>
</td> </div></div>
</tr>
<div class="email-footer">
</table> <p style="margin-bottom: 16px; color: #555555;">Follow us on:</p>
</td>
</tr> <a href="https://twitter.com/cdc_iitdh" style="margin-right: 10px; color: #eff7ff">
<tr> <img src="./images/twitter.png" alt="Twitter" style="width: 24px; height: 24px;">
<td style="padding:30px;background:#334878;"> </a>
<table role="presentation" <a href="https://www.instagram.com/cdc.iitdh/?hl=en" style="margin-right: 10px; color: #eff7ff;">
style="width:100%;border-collapse:collapse;border:0;border-spacing:0;font-size:9px;font-family: 'Roboto', sans-serif;"> <img src="./images/Instagram_icon.png" alt="Instagram" style="width: 24px; height: 24px;">
<tr> </a>
<td style="padding:0;width:50%;" align="left"> <a href="https://www.linkedin.com/company/cdciitdharwad/?originalSubdomain=in">
<p style="margin:0;font-size:14px;line-height:16px;font-family: 'Roboto', sans-serif;color:#ffffff;"> <img src="./images/LinkedIn_logo_initials.png" alt="LinkedIn" style="width: 24px; height: 24px;">
&reg; CDC,IIT Dharwad,2022<br/> </a>
</p> <p style="color: #555555;">copy right &copy; 2024 CDC, all rights reserved</p>
</td>
</tr> </div>
</table>
</td> </td>
</tr> </tr>
</table> </table>
</td> </div>
</tr>
</table>
</body> </body>
</html> </html>