changed django.yml

templates

CDC_Backend/APIs/adminUrls.py

@@ -13,6 +13,7 @@ urlpatterns = [
     path('getApplications/', adminViews.getApplications, name="Get Applications"),
     path("submitApplication/", adminViews.submitApplication, name="Submit Application"),
     path('generateCSV/', adminViews.generateCSV, name="Generate CSV"),
+    path('downloadResume/', adminViews.downloadResume, name="Download Resume"),
     path('addPPO/', adminViews.addPPO, name="Add PPO"),
     path('getStudentApplication/', adminViews.getStudentApplication, name="Get student application"),
     path('getStats/', adminViews.getStats, name="Get Stats"),

CDC_Backend/APIs/adminViews.py

@@ -1,4 +1,5 @@
 import csv
+import zipfile
 
 from rest_framework.decorators import api_view
 
@@ -458,6 +459,43 @@ def generateCSV(request, id, email, user_type):
                         status=status.HTTP_400_BAD_REQUEST)
 
 
+@api_view(['POST'])
+@isAuthorized(allowed_users=[ADMIN])
+@precheck(required_data=[OPENING_ID])
+def downloadResume(request, id, email, user_type):
+    try:
+        data = request.data
+        if  OPENING_TYPE  in data:
+            opening_type= data[OPENING_TYPE]
+        else:
+            opening_type= "Placement"
+        if opening_type == "Internship":
+            opening = get_object_or_404(Internship, id=data[OPENING_ID])
+            applications = InternshipApplication.objects.filter(internship=opening)
+        else:
+            opening = get_object_or_404(Placement, id=data[OPENING_ID])
+            applications = PlacementApplication.objects.filter(placement=opening)
+        zip_filename = generateRandomString() + ".zip"
+        if not os.path.isdir(STORAGE_DESTINATION_RESUME_ZIP):
+            os.makedirs(STORAGE_DESTINATION_RESUME_ZIP, exist_ok=True)
+        resumes = {}
+        for apl in applications:
+            if apl.selected:
+                resumes[apl.student.roll_no] = STORAGE_DESTINATION_RESUMES + apl.student.id + '/' + apl.resume   # Check if the folder name is student id or user id
+        
+        with zipfile.ZipFile(STORAGE_DESTINATION_RESUME_ZIP + zip_filename, 'w', zipfile.ZIP_DEFLATED) as zip_file:
+            for student_roll_no, resume_path in resumes.items():
+                zip_file.write(resume_path, os.path.basename(str(student_roll_no) + ".pdf"))
+
+        file_path = LINK_TO_RESUMES_ZIP + urllib.parse.quote_plus(zip_filename)
+        return Response({'action': "Download resumes", 'message': "Resumes zip created", 'file': file_path},
+                        status=status.HTTP_200_OK)
+    except:
+        logger.warning("Create csv: " + str(sys.exc_info()))
+        return Response({'action': "Create csv", 'message': "Something Went Wrong"},
+                        status=status.HTTP_400_BAD_REQUEST)
+
+
 @api_view(['POST'])
 @isAuthorized(allowed_users=[ADMIN])
 @precheck(required_data=[COMPANY_NAME, COMPENSATION_GROSS, OFFER_ACCEPTED, STUDENT_ID, DESIGNATION, TIER])

CDC_Backend/APIs/companyViews.py

@@ -7,14 +7,14 @@ logger = logging.getLogger('db')
 
 
 @api_view(['POST'])
-# @precheck([COMPANY_NAME, ADDRESS, COMPANY_TYPE, NATURE_OF_BUSINESS, TYPE_OF_ORGANISATION, WEBSITE, COMPANY_DETAILS,
+@precheck([COMPANY_NAME, ADDRESS, COMPANY_TYPE, NATURE_OF_BUSINESS, TYPE_OF_ORGANISATION, WEBSITE, COMPANY_DETAILS,
-#            IS_COMPANY_DETAILS_PDF, CONTACT_PERSON_NAME, PHONE_NUMBER, EMAIL, CITY, STATE, COUNTRY, PINCODE, DESIGNATION,
+           IS_COMPANY_DETAILS_PDF, CONTACT_PERSON_NAME, PHONE_NUMBER, EMAIL, CITY, STATE, COUNTRY, PINCODE, DESIGNATION,
-#            DESCRIPTION,
+           DESCRIPTION,
-#            IS_DESCRIPTION_PDF, COMPENSATION_CTC, COMPENSATION_GROSS, COMPENSATION_TAKE_HOME, COMPENSATION_BONUS,
+           IS_DESCRIPTION_PDF, COMPENSATION_CTC, COMPENSATION_GROSS, COMPENSATION_TAKE_HOME, COMPENSATION_BONUS,
-#            IS_COMPENSATION_DETAILS_PDF, ALLOWED_BRANCH, RS_ELIGIBLE, SELECTION_PROCEDURE_ROUNDS,
+           IS_COMPENSATION_DETAILS_PDF, ALLOWED_BRANCH, ELIGIBLESTUDENTS, SELECTION_PROCEDURE_ROUNDS,
-#            SELECTION_PROCEDURE_DETAILS,
+           SELECTION_PROCEDURE_DETAILS,
-#            IS_SELECTION_PROCEDURE_DETAILS_PDF, TENTATIVE_DATE_OF_JOINING, TENTATIVE_NO_OF_OFFERS, OTHER_REQUIREMENTS,
+           IS_SELECTION_PROCEDURE_DETAILS_PDF, TENTATIVE_DATE_OF_JOINING, TENTATIVE_NO_OF_OFFERS, OTHER_REQUIREMENTS,
-#            RECAPTCHA_VALUE, JOB_LOCATION,PSYCHOMETRIC_TEST,MEDICAL_TEST,COMPANY_TURNOVER,NUMBER_OF_EMPLOYEES,BACKLOG_ELIGIBLE,PWD_ELIGIBLE,CPI ,COMPANY_TURNOVER,ESTABLISHMENT_DATE ,EXPECTED_NO_OF_OFFERS])
+           RECAPTCHA_VALUE, JOB_LOCATION,PSYCHOMETRIC_TEST,MEDICAL_TEST,COMPANY_TURNOVER,NUMBER_OF_EMPLOYEES,BACKLOG_ELIGIBLE,PWD_ELIGIBLE,CPI ,COMPANY_TURNOVER,ESTABLISHMENT_DATE ,EXPECTED_NO_OF_OFFERS])
            
 def addPlacement(request):
     logger.info("JNF filled by " + str(request.data['email']))
@@ -40,6 +40,14 @@ def addPlacement(request):
         #     opening.rs_eligible = True
         # else:
         #     opening.rs_eligible = False
+        print(data[ELIGIBLESTUDENTS])
+        if data[ELIGIBLESTUDENTS] is None:
+            raise ValueError('Eligible Students cannot be empty')
+        elif set(json.loads(data[ELIGIBLESTUDENTS])).issubset(ELIGIBLE):
+            opening.eligiblestudents = json.loads(data[ELIGIBLESTUDENTS])
+        else:
+            raise ValueError('Allowed Branch must be a subset of ' + str(ELIGIBLE))
+        print(opening.eligiblestudents)
         if data[PWD_ELIGIBLE] == 'Yes':
             opening.pwd_eligible = True
         else:
@@ -270,20 +278,19 @@ def addPlacement(request):
 
     except ValueError as e:
         store_all_files(request)
-        #exception_email(data)
         logger.warning("ValueError in addPlacement: " + str(e))
         logger.warning(traceback.format_exc())
         return Response({'action': "Add Placement", 'message': str(e)},
                         status=status.HTTP_400_BAD_REQUEST)
-    except:
+    except Exception as e:
         store_all_files(request)
-        #exception_email(data)
+        logger.warning("Add New Placement: " + str(e))
-        logger.warning("Add New Placement: " + str(sys.exc_info()))
         logger.warning(traceback.format_exc())
-        return Response({'action': "Add Placement", 'message': "Something went wrong"},
+        return Response({'action': "Add Placement", 'message': "Something went wrong: " + str(e)},
                         status=status.HTTP_400_BAD_REQUEST)
 
 
+
 @api_view(['POST'])
 @precheck([TOKEN])
 def verifyEmail(request):
@@ -381,13 +388,13 @@ def autoFillInf(request):
 
 
 @api_view(['POST'])
-# @precheck([COMPANY_NAME, WEBSITE, IS_COMPANY_DETAILS_PDF, COMPANY_DETAILS, ADDRESS,
+@precheck([COMPANY_NAME, WEBSITE, IS_COMPANY_DETAILS_PDF, COMPANY_DETAILS, ADDRESS,
-#           CITY, STATE, COUNTRY, PINCODE, COMPANY_TYPE, NATURE_OF_BUSINESS, IS_DESCRIPTION_PDF,
+          CITY, STATE, COUNTRY, PINCODE, COMPANY_TYPE, NATURE_OF_BUSINESS, IS_DESCRIPTION_PDF,
-#           DESIGNATION, INTERNSHIP_LOCATION, DESCRIPTION, SEASON, START_DATE, END_DATE, WORK_TYPE,
+          DESIGNATION, INTERNSHIP_LOCATION, DESCRIPTION, SEASON, START_DATE, END_DATE, WORK_TYPE,
-#           ALLOWED_BRANCH, SOPHOMORES_ELIIGIBLE, RS_ELIGIBLE, NUM_OFFERS, IS_STIPEND_DETAILS_PDF, STIPEND,
+          ALLOWED_BRANCH, ELIGIBLESTUDENTS, NUM_OFFERS, IS_STIPEND_DETAILS_PDF, STIPEND,
-#           FACILITIES, OTHER_FACILITIES, SELECTION_PROCEDURE_ROUNDS, SELECTION_PROCEDURE_DETAILS, IS_SELECTION_PROCEDURE_DETAILS_PDF,
+          FACILITIES, OTHER_FACILITIES, SELECTION_PROCEDURE_ROUNDS, SELECTION_PROCEDURE_DETAILS, IS_SELECTION_PROCEDURE_DETAILS_PDF,
-#           SELECTION_PROCEDURE_DETAILS, OTHER_REQUIREMENTS,
+          SELECTION_PROCEDURE_DETAILS, OTHER_REQUIREMENTS,
-#           CONTACT_PERSON_NAME, PHONE_NUMBER, EMAIL, RECAPTCHA_VALUE])
+          CONTACT_PERSON_NAME, PHONE_NUMBER, EMAIL, RECAPTCHA_VALUE ,ESTABLISHMENT_DATE,PWD_ELIGIBLE,BACKLOG_ELIGIBLE,PSYCHOMETRIC_TEST,MEDICAL_TEST,CPI,EXPECTED_NO_OF_OFFERS,NUMBER_OF_EMPLOYEES,COMPANY_TURNOVER])
 def addInternship(request):
     logger.info("INF filled by " + str(request.data['email']))
     logger.info(request.data)
@@ -473,10 +480,13 @@ def addInternship(request):
         #     internship.sophomore_eligible = True
         # else:
         #     internship.sophomore_eligible = False
-        # if data[RS_ELIGIBLE] == 'Yes':
+        if data[ELIGIBLESTUDENTS] is None:
-        #     internship.rs_eligible = True
+            raise ValueError('Eligible Students cannot be empty')
-        # else:
+        elif set(json.loads(data[ELIGIBLESTUDENTS])).issubset(ELIGIBLE):
-        #     internship.rs_eligible = False
+            internship.eligiblestudents = json.loads(data[ELIGIBLESTUDENTS])
+        else:
+            raise ValueError('Allowed Branch must be a subset of ' + str(ELIGIBLE))
+        print(internship.eligiblestudents)
         if data[PWD_ELIGIBLE] == 'Yes':
             internship.pwd_eligible = True
         else:
@@ -598,15 +608,15 @@ def addInternship(request):
                         status=status.HTTP_200_OK)
     except ValueError as e:
         store_all_files(request)
-        # exception_email(data)
         logger.warning("ValueError in addInternship: " + str(e))
         logger.warning(traceback.format_exc())
         return Response({'action': "Add Internship", 'message': str(e)},
                         status=status.HTTP_400_BAD_REQUEST)
-    except:
+    except Exception as e:
         store_all_files(request)
-        # exception_email(data)
+        logger.warning("Add New Internship: " + str(e))
-        logger.warning("Add New Internship: " + str(sys.exc_info()))
         logger.warning(traceback.format_exc())
-        return Response({'action': "Add Internship", 'message': "Something went wrong"},
+        return Response({'action': "Add Internship", 'message': "Something went wrong: " + str(e)},
                         status=status.HTTP_400_BAD_REQUEST)
+
+    

CDC_Backend/APIs/constants.py

@@ -12,6 +12,12 @@ BRANCH_CHOICES = [
     ['CHEMICAL', 'CHEMICAL'],
     ['BSMS', 'BSMS'],
 ]
+ELIGIBLE_CHOICES = [
+    ["Btech", "Btech"],
+    ["MS", "MS"],
+    ["MTech", "MTech"],
+    ["PHD", "PHD"],
+]
 BRANCHES = [
     "CSE",
     "EE",
@@ -21,6 +27,12 @@ BRANCHES = [
     "CHEMICAL",
     "BSMS",
 ]
+ELIGIBLE =[
+    "Btech",
+    "MS",
+    "MTech",
+    "PHD",
+]
 BATCHES = [    #change it accordingly
     "2023",
     "2022",
@@ -88,6 +100,7 @@ PLACEMENT_OPENING_URL = "https://cdc.iitdh.ac.in/portal/student/dashboard/placem
 LINK_TO_STORAGE_COMPANY_ATTACHMENT = "https://cdc.iitdh.ac.in/storage/Company_Attachments/"
 LINK_TO_STORAGE_RESUME = "https://cdc.iitdh.ac.in/storage/Resumes/"
 LINK_TO_APPLICATIONS_CSV = "https://cdc.iitdh.ac.in/storage/Application_CSV/"
+LINK_TO_RESUMES_ZIP = "https://cdc.iitdh.ac.in/storage/Resume_Zips/"
 LINK_TO_EMAIl_VERIFICATION_API = "https://cdc.iitdh.ac.in/portal/company/verifyEmail?token={token}"
 PDF_FILES_SERVING_ENDPOINT = 'https://cdc.iitdh.ac.in/storage/Company_Attachments/'  # TODO: Change this to actual URL
 
@@ -115,6 +128,7 @@ JNF_SMALLTEXT_MAX_CHARACTER_COUNT = 50
 STORAGE_DESTINATION_RESUMES = "./Storage/Resumes/"
 STORAGE_DESTINATION_COMPANY_ATTACHMENTS = './Storage/Company_Attachments/'
 STORAGE_DESTINATION_APPLICATION_CSV = './Storage/Application_CSV/'
+STORAGE_DESTINATION_RESUME_ZIP = './Storage/Resume_Zips/'
 
 TOKEN = 'token'
 RESUME_FILE_NAME = 'resume_file_name'
@@ -164,7 +178,8 @@ COMPENSATION_DETAILS_PDF_NAMES = 'compensation_details_pdf_names'
 IS_COMPENSATION_DETAILS_PDF = 'is_compensation_details_pdf'
 ALLOWED_BATCH = 'allowed_batch'
 ALLOWED_BRANCH = 'allowed_branch'
-RS_ELIGIBLE = 'rs_eligible'
+# RS_ELIGIBLE = 'rs_eligible' removed
+ELIGIBLESTUDENTS= 'eligiblestudents'# newly adde field
 PWD_ELIGIBLE = 'pwd_eligible' # newly added field
 BACKLOG_ELIGIBLE = 'backlog_eligible' # newly added field
 PSYCHOMETRIC_TEST = 'pyschometric_test' # newly added field

CDC_Backend/APIs/models.py

@@ -142,6 +142,11 @@ class Placement(models.Model):
     expected_no_of_offers = models.IntegerField(blank=False , default=None , null=True) # newly added
     number_of_employees = models.IntegerField(blank=False, default=None, null=True) # newly added field
     rs_eligible = models.BooleanField(blank=True, default=False) # needs to be deleted
+    eligiblestudents = ArrayField(
+        models.CharField(choices=ELIGIBLE_CHOICES, blank=False, max_length=10),
+        size=10,
+        default=list
+    )
     pwd_eligible = models.BooleanField(blank=True, default=False) #newly added field
     backlog_eligible = models.BooleanField(blank=True, default=False) #newly added field
     psychometric_test = models.BooleanField(blank=True, default=False) #newly added field
@@ -334,7 +339,12 @@ class Internship(models.Model):
         default=list
     )
     sophomore_eligible = models.BooleanField(blank=False, default=False)
-    rs_eligible = models.BooleanField(blank=False, default=False)
+    rs_eligible = models.BooleanField(blank=False, default=False) # needs to be deleted
+    eligiblestudents = ArrayField(
+        models.CharField(choices=ELIGIBLE_CHOICES, blank=False, max_length=10),
+        size=10,
+        default=list
+    )
     tentative_no_of_offers = models.IntegerField(blank=False, default=None, null=True)  
     company_turnover = models.IntegerField(blank=True, default=None, null=True) # newly added field
     establishment_date = models.DateField(blank=True, default=None, null=True) # newly added field 

CDC_Backend/APIs/utils.py

@@ -81,22 +81,22 @@ def precheck(required_data=None):
                     request_data = request.data
                     if not len(request_data):
                         request_data = request.POST
-                if len(request_data):
+                
+                if request_data and len(request_data):
                     for i in required_data:
-                        # print(i)
                         if i not in request_data:
                             return Response({'action': "Pre check", 'message': str(i) + " Not Found"},
                                             status=status.HTTP_400_BAD_REQUEST)
                 else:
                     return Response({'action': "Pre check", 'message': "Message Data not Found"},
                                     status=status.HTTP_400_BAD_REQUEST)
-                # print("Pre check: " + str(request_data))
+                
                 return view_func(request, *args, **kwargs)
-            except:
+            
-                # print what exception is
+            except Exception as e:
-                print(traceback.format_exc())
+                # Log the full traceback for debugging purposes
-                logger.warning("Pre check: " + str(sys.exc_info()))
+                logger.error("Pre check error: %s", traceback.format_exc())
-                return Response({'action': "Pre check", 'message': "Something went wrong"},
+                return Response({'action': "Pre check", 'message': "Something went wrong: " + str(e)},
                                 status=status.HTTP_400_BAD_REQUEST)
 
         return wrapper_func

CDC_Backend/templates/company_email_verification.html

@@ -1,90 +1,137 @@
 <!DOCTYPE html>
-<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<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">
-    <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="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>
-        table, td, div, h1, p {
+        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 !important;
+            }
+        }
     </style>
 </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>
-                <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;">
                           
-                                    <p style="margin:0 0 12px 0;font-size:16px;line-height:24px;font-family: 'Roboto', sans-serif;">
+                            <img src="./images/Approved.png" alt="verify Logo" style="width: 35%; height: auto; display: block; margin: 0 auto;" />
-                                        We have received your {{opening_type}} Notification for {{ designation }}. Kindly verify your email by clicking <a
+                            <h2 style="text-align: center;">Verification Required</h2>
-                                            href="{{ one_time_link }}">here</a>.
+                            <p style="text-align: center;">We have received your <strong>{{opening_type}}</strong> Notification for <strong>{{designation}}</strong>.
-                                    </p>
+                            Please verify your email by clicking the button below:</p>
-                                </td>
+                            <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>
-                            <tr>
+                            </p>
-                                <td style="padding:0;">
+                        </div>
-                                    <table role="presentation"
+                    </div>
-                                           style="width:100%;border-collapse:collapse;border:0;border-spacing:0;">
+                    <div class="email-footer">
-                                        <tr>
+                        <p style="margin-bottom: 16px; color: #555555;">Follow us on:</p>
-                                            <td style="width:260px;padding:0;vertical-align:top;color:#334878;">
+                        
+                            <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>
-                        </table>
-                    </td>
-                </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>
 </html>

CDC_Backend/templates/company_jnf_response.html

@@ -5,69 +5,188 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <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 {
-            border: #334878 1px solid;
+            width: 100%;
             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>
-    <title>Document</title>
+    <title>Notification</title>
 </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>
 </html>

CDC_Backend/templates/company_opening_submitted.html

@@ -18,118 +18,146 @@
     <link rel="shortcut icon" href="favicon.ico"/>
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
     <style>
-        table, td, div, h1, p {
+        body, table, td, div, h1, p {
             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 {
-            border: #334878 1px solid;
+            width: 100%;
+            border: 1px solid #334878;
             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>
 </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>
-                <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;
-">Thank You for filling the form</h1>
-                                    <p style="margin:0 0 12px 0;font-size:16px;line-height:24px;font-family: 'Roboto', sans-serif;">
-                                        We have received your <b>{{ opening_type }}</b> notification for a
-                                        <b>{{ designation }}</b> offer at <b>
-                                        {{ company_name }}</b>.
-                                    </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 %}
+                    <img src="./images/Confirmed.png" alt="verify Logo" style="width: 30%; height: auto; display: block; margin: 0 auto;" />
-                                                            <li>
+                    <h2 style="text-align: center;">Thank You For Filling The Form</h2>
-                                                                {% if 'link' in value.type and value.link %}
+                    <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>.
-                                                                    <a href="{{ value.link|add:item}}">{{ item }}</a>
+                    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>
-                                                                {% elif 'link' in value.type %}
+                    <!-- <table id="details_table">
-                                                                    <a href="{{ item }}">{{ item }}</a>
+                        {% for key, value in data.items %}
-                                                                {% else %}
+                        <tr>
-                                                                    {{ item }}
+                            <td>{{ key }}</td>
-                                                                {% endif %}
+                            <td>
-                                                            </li>
+                                {% if 'list' in  value.type %}
-                                                        {% endfor %}
+                                    <ul>
-                                                    {% else %}
+                                        {% for item in value.details %}
-                                                        {% if 'link' in value.type %}
+                                        <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>
-                                                            <a href="{{ value.details }}">{{ value.details }}</a>
-                                                        {% else %}
-                                                            {{ value }}
-                                                        {% endif %}
-                                                    {% endif %}
-
-                                                </td>
-                                            </tr>
                                         {% endfor %}
-                                    </table>
+                                    </ul>
-                                </td>
+                                {% else %}
-                            </tr>
+                                    {% if 'link' in value.type %}<a href="{{ value.details }}">{{ value.details }}</a>{% else %}{{ value }}{% endif %}
+                                {% endif %}
+                            </td>
+                        </tr>
+                        {% endfor %}
+                    </table> -->
+                </div>
+                </div>
+                <div class="email-footer">
+                    <p style="margin-bottom: 16px; color: #555555;">Follow us on:</p>
                     
-                        </table>
+                        <a href="https://twitter.com/cdc_iitdh" style="margin-right: 10px; color: #eff7ff">
-                    </td>
+                            <img src="./images/twitter.png" alt="Twitter" style="width: 24px; height: 24px;">
-                </tr>
+                        </a>
-                <tr>
+                        <a href="https://www.instagram.com/cdc.iitdh/?hl=en" style="margin-right: 10px; color: #eff7ff;">
-                    <td style="padding:30px;background:#334878;">
+                            <img src="./images/Instagram_icon.png" alt="Instagram" style="width: 24px; height: 24px;">
-                        <table role="presentation"
+                        </a>
-                               style="width:100%;border-collapse:collapse;border:0;border-spacing:0;font-size:9px;font-family: 'Roboto', sans-serif;">
+                        <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;">
-                                <td style="padding:0;width:50%;" align="left">
+                        </a>
-                                    <p style="margin:0;font-size:14px;line-height:16px;font-family: 'Roboto', sans-serif;color:#ffffff;">
+                    <p style="color: #555555;">copy right &copy; 2024 CDC, all rights reserved</p>
-                                        &reg; CDC,IIT Dharwad,2021<br/>
-                                    </p>
-                                </td>
                 
-
+                </div>
-                            </tr>
+            </td>
-                        </table>
+        </tr>
-                    </td>
+    </table>
-                </tr>
+</div>
-            </table>
-        </td>
-    </tr>
-</table>
 </body>
 </html>

CDC_Backend/templates/notify_students_new_opening.html

@@ -18,70 +18,133 @@
     <link rel="shortcut icon" href="favicon.ico"/>
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
     <style>
-        table, td, div, h1, p {
+        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 !important;
+            }
+        }
     </style>
 </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>
-        <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 !
-                                    </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
                                         recruiting <b>{{ designation }}</b> from IIT Dharwad.
                                         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>
+                                </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 &copy; 2024 CDC, all rights reserved</p>
+                                
+                                </div>
                
-                                    <p style="margin:0 0 12px 0;font-size:16px;line-height:24px;font-family: 'Roboto', sans-serif;">
-                                        Interested students can apply before <b>{{ deadline }}</b> in the <a
-                                            href="{{ link }}">CDC-Web Portal</a>.
-                                    </p>
                                 </td>
                             </tr>
-
                         </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>
 </html>

CDC_Backend/templates/reps_issue_submitted.html

@@ -18,100 +18,145 @@
     <link rel="shortcut icon" href="favicon.ico"/>
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
     <style>
-        table, td, div, h1, p {
+       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 !important;
+            }
+        }
     </style>
 </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>
-        <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>
-                                    <p style="margin:0 0 12px 0;font-size:16px;line-height:24px;font-family: 'Roboto', sans-serif;">
-                                        We have received a issue regarding a <b>{{ application_type }}</b> opening at
-                                        <b>
-                                            {{ company_name }}</b> From {{name}}.
-                                        {% if additional_info %}
-                                            We received these additional details
-                                            <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>
+                                                             please look into it and take necessary actions.
-                                    </p>
+                                                            get in touch with the student at  <nobr><u>{{ email }}</u></nobr>
-                                    <p style="margin:0 0 12px 0;font-size:16px;line-height:24px;font-family: 'Roboto', sans-serif;">
-                                         please look into it and take necessary actions.
-                                        get in touch with the student at at <nobr><u>{{ email }}</u></nobr>
                                                            
-                                    </p>
+                                                        <!-- </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"
-                                           style="width:100%;border-collapse:collapse;border:0;border-spacing:0;">
-                                        <tr>
-                                            <td style="width:260px;padding:0;vertical-align:top;color:#334878;">
                                         
+                                            <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>
                                     
-                                            </td>
+                                    </div>
-                                        </tr>
-                                    </table>
                                 </td>
                             </tr>
                         </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>
 </html>

CDC_Backend/templates/student_application_status_not_selected.html

@@ -18,69 +18,126 @@
     <link rel="shortcut icon" href="favicon.ico"/>
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
     <style>
-        table, td, div, h1, p {
+       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 !important;
+            }
+        }
     </style>
 </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>
-        <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
                                         <b>{{ designation }}</b> role at <b>{{ company_name }}</b>.
                                         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>
                             </tr>
                         </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>
 </html>

CDC_Backend/templates/student_application_status_selected.html

@@ -18,68 +18,122 @@
     <link rel="shortcut icon" href="favicon.ico"/>
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
     <style>
-        table, td, div, h1, p {
+       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 !important;
+            }
+        }
     </style>
 </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>
-        <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>
                             </tr>
                         </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>
 </html>

CDC_Backend/templates/student_application_submitted.html

@@ -18,101 +18,146 @@
     <link rel="shortcut icon" href="favicon.ico"/>
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
     <style>
-        table, td, div, h1, p {
+       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 !important;
+            }
+        }
     </style>
 </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>
-        <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
                                         <b>
                                             {{ company_name }}</b>.
                                         {% if additional_info_items %}
                                             We received these additional details
                                             <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%;
+
-                                border-radius:15px; background-color: #e0e3ee">
+                                            <!-- <table style="border:solid 1px; margin: auto; text-align: center;width: 80%;
+                                border-radius:15px; background-color: #e0e3ee"> -->
 
                                                 {% 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 %}
-                                            </table>
+                                            <!-- </table> -->
                                         {% 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
                                         feel to
                                         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;">
                                 
+                                    </p></div></div>
+                                    <div class="email-footer">
+                                        <p style="margin-bottom: 16px; color: #555555;">Follow us on:</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;">
-                                    </table>
+                                            </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>
                             </tr>
                         </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>
 </html>

CDC_Backend/templates/student_application_updated.html

@@ -18,107 +18,152 @@
     <link rel="shortcut icon" href="favicon.ico"/>
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
     <style>
-        table, td, div, h1, p {
+       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 !important;
+            }
+        }
     </style>
 </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>
-        <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>
-                                            </table>
            
-                                            {% if additional_info_items %}
+                                                               <!-- <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>
-                                            <table style="border:solid 1px; margin: auto; text-align: center;width: 80%;
+                                                               </tr> -->
-                                border-radius:15px; background-color: #e0e3ee">
+                                                           <!-- {% endfor %} -->
-                                            <p style="margin:0 0 12px 0;font-size:16px;line-height:24px;font-family:
+                                                       <!-- </table> -->
-                                        'Roboto', sans-serif;text-align: center">
+                                                   <!-- {% endif %} -->
-                                                {% for i,j in additional_info_items.items %}
 
-                                                    <tr>
+                                                   We will keep you informed with the updates. If you have any queries, please
-                                                        <td style="padding:8px 10px;color:#153643; ">{{ i }}:</td>
+                                                   feel to
-                                                        <td style="padding:8px 10px;color:#153643;">{{ j }}</td>
+                                                   write to
-                                                    </tr>
+                                                   <nobr><u>cdc.support@iitdh.ac.in</u></nobr>
-                                                {% endfor %}
-                                            </table>
-                                        {% 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
-                                        feel to
-                                        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>
+                                    </p></div></div>
-                                        </tr>
+                                    <div class="email-footer">
-                                    </table>
+                                        <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 &copy; 2024 CDC, all rights reserved</p>
+                                    
+                                    </div>
                                 </td>
                             </tr>
                         </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>
 </html>

CDC_Backend/templates/student_issue_submitted.html

@@ -18,101 +18,145 @@
     <link rel="shortcut icon" href="favicon.ico"/>
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
     <style>
-        table, td, div, h1, p {
+       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 !important;
+            }
+        }
     </style>
 </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>
-        <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;">
-                                        We have received your issue regarding a <b>{{ application_type }}</b> opening at
-                                        <b>
-                                            {{ company_name }}</b>.
-                                        {% if additional_info %}
-                                            We received these additional details
-                                            <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 %}
+                                                            We will get back to you if we find it legitimate. If you have any queries, please
+                                                            feel to
+                                                            write to
+                                                            <nobr><u>cdc.support@iitdh.ac.in</u></nobr>
+                                    </p></div></div>
+                                    <div class="email-footer">
+                                        <p style="margin-bottom: 16px; color: #555555;">Follow us on:</p>
                                         
-                                    </p>
+                                            <a href="https://twitter.com/cdc_iitdh" style="margin-right: 10px; color: #eff7ff">
-                                    </p>
+                                                <img src="./images/twitter.png" alt="Twitter" 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.instagram.com/cdc.iitdh/?hl=en" style="margin-right: 10px; color: #eff7ff;">
-                                        feel to
+                                                <img src="./images/Instagram_icon.png" alt="Instagram" style="width: 24px; height: 24px;">
-                                        write to
+                                            </a>
-                                        <nobr><u>cdc.support@iitdh.ac.in</u></nobr>
+                                            <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;">
-                                </td>
+                                            </a>
-                            </tr>
+                                        <p style="color: #555555;">copy right &copy; 2024 CDC, all rights reserved</p>
-                            <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;">
                                     
-
+                                    </div>
-                                            </td>
-                                        </tr>
-                                    </table>
                                 </td>
                             </tr>
                         </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>
 </html>

CDC_Backend/templates/students_opening_reminder.html

@@ -18,60 +18,128 @@
     <link rel="shortcut icon" href="favicon.ico"/>
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
     <style>
-        table, td, div, h1, p {
+        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 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>
 </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>
-                    <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.
-                                        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>
-                                </td>
+                </div></div>
-                            </tr>
+        
+                        <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 &copy; 2024 CDC, all rights reserved</p>
+                        
+                        </div>
                         
-                        </table>
-                    </td>
-                </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>
+        </div>
-    </tr>
-</table>
 </body>
 </html>