CV – Interactive Activity<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: #f0f2f5;\n padding: 20px;\n color: #1a202c;\n }\n \n .pdf-container {\n max-width: 1100px;\n margin: 0 auto;\n background: #ffffff;\n padding: 35px 45px;\n border-radius: 12px;\n box-shadow: 0 10px 40px rgba(0,0,0,0.12);\n }\n \n \/* ===== HEADER ===== *\/\n .header {\n text-align: center;\n border-bottom: 4px solid #2b6cb0;\n padding-bottom: 20px;\n margin-bottom: 25px;\n }\n \n .header h1 {\n font-size: 26px;\n color: #1a365d;\n letter-spacing: 1px;\n }\n \n .header h2 {\n font-size: 16px;\n color: #4a5568;\n font-weight: normal;\n margin-top: 5px;\n }\n \n .header .subtitle {\n background: #ebf8ff;\n display: inline-block;\n padding: 4px 18px;\n border-radius: 20px;\n font-size: 13px;\n color: #2b6cb0;\n font-weight: 600;\n margin-top: 8px;\n }\n \n .header .instructions {\n background: #f7fafc;\n padding: 12px 20px;\n border-radius: 8px;\n margin-top: 15px;\n font-size: 15px;\n color: #4a5568;\n border: 1px solid #e2e8f0;\n text-align: left;\n }\n \n .header .instructions strong {\n color: #2b6cb0;\n }\n \n .student-info {\n display: flex;\n justify-content: space-between;\n gap: 20px;\n margin: 20px 0 30px 0;\n padding: 15px 20px;\n background: #f7fafc;\n border-radius: 8px;\n border: 1px dashed #cbd5e0;\n flex-wrap: wrap;\n }\n \n .student-info .field {\n flex: 1;\n min-width: 150px;\n }\n \n .student-info label {\n font-weight: 600;\n font-size: 13px;\n color: #4a5568;\n display: block;\n margin-bottom: 3px;\n }\n \n .student-info input {\n width: 100%;\n padding: 6px 10px;\n border: 2px solid #cbd5e0;\n border-radius: 4px;\n font-size: 14px;\n font-family: inherit;\n background: white;\n }\n \n .student-info input:focus {\n outline: none;\n border-color: #2b6cb0;\n }\n \n \/* ===== SECTIONS ===== *\/\n .section {\n margin-top: 30px;\n page-break-inside: avoid;\n }\n \n .section-title {\n background: #2b6cb0;\n color: #fff;\n padding: 10px 20px;\n border-radius: 6px;\n font-size: 18px;\n font-weight: 700;\n margin-bottom: 15px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .section-title .badge {\n background: rgba(255,255,255,0.25);\n padding: 2px 14px;\n border-radius: 20px;\n font-size: 13px;\n font-weight: 600;\n }\n \n .section-instructions {\n background: #edf2f7;\n padding: 8px 16px;\n border-left: 4px solid #3182ce;\n margin-bottom: 15px;\n font-size: 14px;\n color: #2d3748;\n border-radius: 0 4px 4px 0;\n }\n \n \/* ===== TRUE \/ FALSE ===== *\/\n .tf-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 6px 30px;\n margin: 5px 0;\n }\n \n .tf-item {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 4px 0;\n font-size: 14px;\n border-bottom: 1px solid #f0f4f8;\n }\n \n .tf-item .number {\n font-weight: 700;\n color: #2b6cb0;\n min-width: 28px;\n font-size: 13px;\n }\n \n .tf-item label {\n display: flex;\n align-items: center;\n gap: 6px;\n cursor: pointer;\n }\n \n .tf-item input[type=\"radio\"] {\n transform: scale(1.1);\n cursor: pointer;\n }\n \n .tf-item .radio-group {\n display: flex;\n gap: 12px;\n }\n \n \/* ===== MULTIPLE CHOICE ===== *\/\n .mc-item {\n padding: 10px 0;\n border-bottom: 1px solid #edf2f7;\n }\n \n .mc-item .question {\n font-weight: 600;\n font-size: 14px;\n margin-bottom: 5px;\n color: #2d3748;\n }\n \n .mc-item .options {\n padding-left: 20px;\n font-size: 13px;\n color: #4a5568;\n }\n \n .mc-item .options label {\n display: block;\n padding: 2px 0;\n cursor: pointer;\n }\n \n .mc-item .options label:hover {\n background: #f0f4f8;\n }\n \n .mc-item .options input[type=\"radio\"] {\n transform: scale(1.1);\n margin-right: 6px;\n cursor: pointer;\n }\n \n .mc-item .options .letter {\n font-weight: 700;\n color: #2b6cb0;\n }\n \n \/* ===== MATCHING ===== *\/\n .match-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 8px 30px;\n margin: 10px 0;\n }\n \n .match-col {\n list-style: none;\n padding: 0;\n }\n \n .match-col li {\n padding: 4px 0;\n font-size: 14px;\n border-bottom: 1px solid #edf2f7;\n display: flex;\n align-items: center;\n }\n \n .match-col .number {\n font-weight: 700;\n color: #2b6cb0;\n min-width: 28px;\n }\n \n .match-col .letter {\n font-weight: 700;\n color: #2b6cb0;\n min-width: 28px;\n }\n \n .match-col select {\n margin-left: 8px;\n padding: 3px 8px;\n border: 2px solid #cbd5e0;\n border-radius: 4px;\n font-size: 13px;\n font-family: inherit;\n background: white;\n cursor: pointer;\n }\n \n .match-col select:focus {\n outline: none;\n border-color: #2b6cb0;\n }\n \n \/* ===== FILL IN THE BLANKS ===== *\/\n .word-box {\n background: #f7fafc;\n border: 2px dashed #cbd5e0;\n padding: 12px 18px;\n border-radius: 8px;\n margin-bottom: 18px;\n display: flex;\n flex-wrap: wrap;\n gap: 6px 12px;\n justify-content: center;\n }\n \n .word-box span {\n background: #edf2f7;\n padding: 3px 12px;\n border-radius: 4px;\n font-size: 13px;\n font-weight: 600;\n color: #2d3748;\n font-family: 'Courier New', monospace;\n }\n \n .fill-item {\n display: flex;\n align-items: baseline;\n padding: 5px 0;\n font-size: 14px;\n gap: 6px;\n flex-wrap: wrap;\n border-bottom: 1px solid #f0f4f8;\n }\n \n .fill-item .number {\n font-weight: 700;\n color: #2b6cb0;\n min-width: 28px;\n font-size: 13px;\n }\n \n .fill-item input[type=\"text\"] {\n padding: 4px 10px;\n border: 2px solid #cbd5e0;\n border-radius: 4px;\n font-size: 13px;\n font-family: inherit;\n width: 140px;\n background: white;\n }\n \n .fill-item input[type=\"text\"]:focus {\n outline: none;\n border-color: #2b6cb0;\n }\n \n \/* ===== SUBMIT BUTTON ===== *\/\n .btn-submit {\n display: block;\n width: 100%;\n max-width: 300px;\n margin: 40px auto 20px;\n background: #2f855a;\n color: white;\n border: none;\n padding: 14px 20px;\n border-radius: 6px;\n font-size: 18px;\n font-weight: 700;\n cursor: pointer;\n transition: background 0.2s;\n text-align: center;\n }\n \n .btn-submit:hover {\n background: #22543d;\n }\n \n \/* ===== RESULTS CARD ===== *\/\n #results-card {\n display: none;\n margin-top: 30px;\n padding: 25px;\n border-radius: 8px;\n text-align: center;\n }\n \n .pass {\n background: #c6f6d5;\n border: 2px solid #38a169;\n color: #22543d;\n }\n \n .fail {\n background: #fed7d7;\n border: 2px solid #e53e3e;\n color: #742a2a;\n }\n \n .score-title {\n font-size: 24px;\n font-weight: 700;\n margin-bottom: 10px;\n }\n \n .score-details {\n font-size: 17px;\n }\n \n .score-details .big-number {\n font-size: 28px;\n font-weight: 700;\n display: block;\n margin: 10px 0;\n }\n \n .summary-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 15px;\n margin: 15px 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n \n .summary-grid .item {\n background: #f7fafc;\n padding: 12px;\n border-radius: 6px;\n border: 1px solid #e2e8f0;\n }\n \n .summary-grid .item .number {\n font-size: 22px;\n font-weight: 700;\n }\n \n .summary-grid .item .label {\n font-size: 12px;\n color: #718096;\n }\n \n .summary-grid .item.correct .number { color: #38a169; }\n .summary-grid .item.incorrect .number { color: #e53e3e; }\n .summary-grid .item.total .number { color: #2b6cb0; }\n \n \/* ===== FOOTER ===== *\/\n .footer {\n margin-top: 40px;\n padding-top: 20px;\n border-top: 2px solid #e2e8f0;\n display: flex;\n justify-content: space-between;\n font-size: 13px;\n color: #718096;\n flex-wrap: wrap;\n }\n \n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 700px) {\n .pdf-container { padding: 15px; }\n .tf-grid { grid-template-columns: 1fr; }\n .match-grid { grid-template-columns: 1fr; }\n .student-info { flex-direction: column; }\n .header h1 { font-size: 20px; }\n .summary-grid { grid-template-columns: 1fr; }\n .fill-item input[type=\"text\"] { width: 100%; }\n }\n \n \/* ===== PRINT ===== *\/\n @media print {\n body { background: white; padding: 0; }\n .pdf-container { box-shadow: none; padding: 20px 30px; border-radius: 0; }\n .btn-submit { display: none !important; }\n #results-card { display: block !important; }\n .section { break-inside: avoid; }\n .student-info input { border: 2px solid #a0aec0; }\n .match-col select { border: 2px solid #a0aec0; }\n .fill-item input[type=\"text\"] { border: 2px solid #a0aec0; }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"pdf-container\" id=\"pdf-content\">\n \n \n <div class=\"header\">\n <h1>\ud83d\udcc4 CURRICULUM VITAE<\/h1>\n <h2>Reading Comprehension & Vocabulary Activity<\/h2>\n <span class=\"subtitle\">\ud83d\udccb 40 Exercises \u00b7 4 Sections \u00b7 Interactive<\/span>\n <div class=\"instructions\">\n <strong>Instructions:<\/strong> Read the CV model carefully before completing these exercises. \n All answers must be based on the information provided in the CV example. Complete all questions and click \n <strong>“Submit & Get Results”<\/strong> to receive your grade.\n <\/div>\n <\/div>\n\n \n <div class=\"student-info\">\n <div class=\"field\">\n <label>\ud83d\udc64 Student Name:<\/label>\n <input type=\"text\" id=\"studentName\" placeholder=\"Enter your name\">\n <\/div>\n <div class=\"field\">\n <label>\ud83d\udcc5 Date:<\/label>\n <input type=\"text\" id=\"studentDate\" placeholder=\"Enter date\">\n <\/div>\n <div class=\"field\">\n <label>\ud83d\udcda Course \/ Level:<\/label>\n <input type=\"text\" id=\"studentCourse\" placeholder=\"Enter course\">\n <\/div>\n <\/div>\n\n <form id=\"quizForm\" novalidate>\n \n \n \n \n <div class=\"section\">\n <div class=\"section-title\">\n <span>SECTION 1: TRUE OR FALSE<\/span>\n <span class=\"badge\">10 Exercises<\/span>\n <\/div>\n <div class=\"section-instructions\">\n <strong>Instructions:<\/strong> Read each statement carefully. Select <strong>True<\/strong> or <strong>False<\/strong> based on the CV example.\n <\/div>\n\n <div class=\"tf-grid\">\n <div class=\"tf-item\">\n <span class=\"number\">1.<\/span>\n <span>The CV example belongs to Maria Gonzales.<\/span>\n <div class=\"radio-group\">\n <label><input type=\"radio\" name=\"q1\" value=\"T\"> True<\/label>\n <label><input type=\"radio\" name=\"q1\" value=\"F\"> False<\/label>\n <\/div>\n <\/div>\n <div class=\"tf-item\">\n <span class=\"number\">2.<\/span>\n <span>Maria has a Master’s degree.<\/span>\n <div class=\"radio-group\">\n <label><input type=\"radio\" name=\"q2\" value=\"F\"> True<\/label>\n <label><input type=\"radio\" name=\"q2\" value=\"T\"> False<\/label>\n <\/div>\n <\/div>\n <div class=\"tf-item\">\n <span class=\"number\">3.<\/span>\n <span>Maria’s job title is Administration Student.<\/span>\n <div class=\"radio-group\">\n <label><input type=\"radio\" name=\"q3\" value=\"T\"> True<\/label>\n <label><input type=\"radio\" name=\"q3\" value=\"F\"> False<\/label>\n <\/div>\n <\/div>\n <div class=\"tf-item\">\n <span class=\"number\">4.<\/span>\n <span>Maria has experience as a Sales Assistant.<\/span>\n <div class=\"radio-group\">\n <label><input type=\"radio\" name=\"q4\" value=\"T\"> True<\/label>\n <label><input type=\"radio\" name=\"q4\" value=\"F\"> False<\/label>\n <\/div>\n <\/div>\n <div class=\"tf-item\">\n <span class=\"number\">5.<\/span>\n <span>Maria speaks English at an advanced level (C2).<\/span>\n <div class=\"radio-group\">\n <label><input type=\"radio\" name=\"q5\" value=\"F\"> True<\/label>\n <label><input type=\"radio\" name=\"q5\" value=\"T\"> False<\/label>\n <\/div>\n <\/div>\n <div class=\"tf-item\">\n <span class=\"number\">6.<\/span>\n <span>Maria has a certification in First Aid & CPR.<\/span>\n <div class=\"radio-group\">\n <label><input type=\"radio\" name=\"q6\" value=\"T\"> True<\/label>\n <label><input type=\"radio\" name=\"q6\" value=\"F\"> False<\/label>\n <\/div>\n <\/div>\n <div class=\"tf-item\">\n <span class=\"number\">7.<\/span>\n <span>Maria worked as a Sales Assistant from 2023 to 2024.<\/span>\n <div class=\"radio-group\">\n <label><input type=\"radio\" name=\"q7\" value=\"F\"> True<\/label>\n <label><input type=\"radio\" name=\"q7\" value=\"T\"> False<\/label>\n <\/div>\n <\/div>\n <div class=\"tf-item\">\n <span class=\"number\">8.<\/span>\n <span>Maria’s skills include Customer Service.<\/span>\n <div class=\"radio-group\">\n <label><input type=\"radio\" name=\"q8\" value=\"T\"> True<\/label>\n <label><input type=\"radio\" name=\"q8\" value=\"F\"> False<\/label>\n <\/div>\n <\/div>\n <div class=\"tf-item\">\n <span class=\"number\">9.<\/span>\n <span>Maria studied at TeacherJM Academy.<\/span>\n <div class=\"radio-group\">\n <label><input type=\"radio\" name=\"q9\" value=\"T\"> True<\/label>\n <label><input type=\"radio\" name=\"q9\" value=\"F\"> False<\/label>\n <\/div>\n <\/div>\n <div class=\"tf-item\">\n <span class=\"number\">10.<\/span>\n <span>Maria’s references are listed in the CV.<\/span>\n <div class=\"radio-group\">\n <label><input type=\"radio\" name=\"q10\" value=\"F\"> True<\/label>\n <label><input type=\"radio\" name=\"q10\" value=\"T\"> False<\/label>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n \n \n <div class=\"section\">\n <div class=\"section-title\">\n <span>SECTION 2: MULTIPLE CHOICE<\/span>\n <span class=\"badge\">10 Exercises<\/span>\n <\/div>\n <div class=\"section-instructions\">\n <strong>Instructions:<\/strong> Choose the best answer (A, B, or C) based on the CV example.\n <\/div>\n\n <div class=\"mc-item\">\n <div class=\"question\">11. What is Maria’s current job title?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q11\" value=\"A\"> <span class=\"letter\">A)<\/span> Administration Student<\/label>\n <label><input type=\"radio\" name=\"q11\" value=\"B\"> <span class=\"letter\">B)<\/span> Sales Assistant<\/label>\n <label><input type=\"radio\" name=\"q11\" value=\"C\"> <span class=\"letter\">C)<\/span> Administrative Intern<\/label>\n <\/div>\n <\/div>\n\n <div class=\"mc-item\">\n <div class=\"question\">12. What is Maria’s email address?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q12\" value=\"A\"> <span class=\"letter\">A)<\/span> maria@email.com<\/label>\n <label><input type=\"radio\" name=\"q12\" value=\"B\"> <span class=\"letter\">B)<\/span> maria.g@email.com<\/label>\n <label><input type=\"radio\" name=\"q12\" value=\"C\"> <span class=\"letter\">C)<\/span> m.gonzales@email.com<\/label>\n <\/div>\n <\/div>\n\n <div class=\"mc-item\">\n <div class=\"question\">13. Which company did Maria work for as a Sales Assistant?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q13\" value=\"A\"> <span class=\"letter\">A)<\/span> Logistics Corp<\/label>\n <label><input type=\"radio\" name=\"q13\" value=\"B\"> <span class=\"letter\">B)<\/span> Retail Store S.A.<\/label>\n <label><input type=\"radio\" name=\"q13\" value=\"C\"> <span class=\"letter\">C)<\/span> Global Energy Academy<\/label>\n <\/div>\n <\/div>\n\n <div class=\"mc-item\">\n <div class=\"question\">14. What is Maria’s level of English?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q14\" value=\"A\"> <span class=\"letter\">A)<\/span> Native<\/label>\n <label><input type=\"radio\" name=\"q14\" value=\"B\"> <span class=\"letter\">B)<\/span> Intermediate (B1)<\/label>\n <label><input type=\"radio\" name=\"q14\" value=\"C\"> <span class=\"letter\">C)<\/span> Advanced (C2)<\/label>\n <\/div>\n <\/div>\n\n <div class=\"mc-item\">\n <div class=\"question\">15. What is NOT listed in Maria’s skills section?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q15\" value=\"A\"> <span class=\"letter\">A)<\/span> Customer Service<\/label>\n <label><input type=\"radio\" name=\"q15\" value=\"B\"> <span class=\"letter\">B)<\/span> Team Organization<\/label>\n <label><input type=\"radio\" name=\"q15\" value=\"C\"> <span class=\"letter\">C)<\/span> Programming<\/label>\n <\/div>\n <\/div>\n\n <div class=\"mc-item\">\n <div class=\"question\">16. How long did Maria work as an Administrative Intern?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q16\" value=\"A\"> <span class=\"letter\">A)<\/span> 2023 \u2013 2024<\/label>\n <label><input type=\"radio\" name=\"q16\" value=\"B\"> <span class=\"letter\">B)<\/span> 2024 \u2013 Present<\/label>\n <label><input type=\"radio\" name=\"q16\" value=\"C\"> <span class=\"letter\">C)<\/span> 2022 \u2013 2023<\/label>\n <\/div>\n <\/div>\n\n <div class=\"mc-item\">\n <div class=\"question\">17. Which certification does Maria NOT have?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q17\" value=\"A\"> <span class=\"letter\">A)<\/span> First Aid & CPR<\/label>\n <label><input type=\"radio\" name=\"q17\" value=\"B\"> <span class=\"letter\">B)<\/span> Digital Literacy<\/label>\n <label><input type=\"radio\" name=\"q17\" value=\"C\"> <span class=\"letter\">C)<\/span> AWS Certification<\/label>\n <\/div>\n <\/div>\n\n <div class=\"mc-item\">\n <div class=\"question\">18. What does Maria’s profile highlight?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q18\" value=\"A\"> <span class=\"letter\">A)<\/span> Problem-solving skills<\/label>\n <label><input type=\"radio\" name=\"q18\" value=\"B\"> <span class=\"letter\">B)<\/span> Technical coding skills<\/label>\n <label><input type=\"radio\" name=\"q18\" value=\"C\"> <span class=\"letter\">C)<\/span> Sales management<\/label>\n <\/div>\n <\/div>\n\n <div class=\"mc-item\">\n <div class=\"question\">19. Where is Maria located?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q19\" value=\"A\"> <span class=\"letter\">A)<\/span> Buenos Aires, Argentina<\/label>\n <label><input type=\"radio\" name=\"q19\" value=\"B\"> <span class=\"letter\">B)<\/span> Santiago, Chile<\/label>\n <label><input type=\"radio\" name=\"q19\" value=\"C\"> <span class=\"letter\">C)<\/span> Lima, Peru<\/label>\n <\/div>\n <\/div>\n\n <div class=\"mc-item\">\n <div class=\"question\">20. What is NOT listed as a responsibility in Maria’s Sales Assistant role?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q20\" value=\"A\"> <span class=\"letter\">A)<\/span> Assisting customers<\/label>\n <label><input type=\"radio\" name=\"q20\" value=\"B\"> <span class=\"letter\">B)<\/span> Managing cashier operations<\/label>\n <label><input type=\"radio\" name=\"q20\" value=\"C\"> <span class=\"letter\">C)<\/span> Creating marketing campaigns<\/label>\n <\/div>\n <\/div>\n <\/div>\n\n \n \n \n <div class=\"section\">\n <div class=\"section-title\">\n <span>SECTION 3: MATCHING<\/span>\n <span class=\"badge\">10 Exercises<\/span>\n <\/div>\n <div class=\"section-instructions\">\n <strong>Instructions:<\/strong> Match the CV term in Column A with its correct definition in Column B. Select the correct letter from the dropdown menu.\n <\/div>\n\n <div class=\"match-grid\">\n \n <div>\n <p style=\"font-weight:700; color:#2b6cb0; margin-bottom:5px; font-size:14px;\">COLUMN A \u2013 Terms<\/p>\n <ul class=\"match-col\">\n <li><span class=\"number\">21.<\/span> Resume <select name=\"q21\"><option value=\"\">—<\/option><option value=\"D\">D<\/option><option value=\"C\">C<\/option><option value=\"A\">A<\/option><option value=\"B\">B<\/option><option value=\"E\">E<\/option><option value=\"F\">F<\/option><option value=\"G\">G<\/option><option value=\"H\">H<\/option><option value=\"I\">I<\/option><option value=\"J\">J<\/option><\/select><\/li>\n <li><span class=\"number\">22.<\/span> Job Title <select name=\"q22\"><option value=\"\">—<\/option><option value=\"A\">A<\/option><option value=\"C\">C<\/option><option value=\"D\">D<\/option><option value=\"B\">B<\/option><option value=\"E\">E<\/option><option value=\"F\">F<\/option><option value=\"G\">G<\/option><option value=\"H\">H<\/option><option value=\"I\">I<\/option><option value=\"J\">J<\/option><\/select><\/li>\n <li><span class=\"number\">23.<\/span> Skills <select name=\"q23\"><option value=\"\">—<\/option><option value=\"B\">B<\/option><option value=\"C\">C<\/option><option value=\"D\">D<\/option><option value=\"A\">A<\/option><option value=\"E\">E<\/option><option value=\"F\">F<\/option><option value=\"G\">G<\/option><option value=\"H\">H<\/option><option value=\"I\">I<\/option><option value=\"J\">J<\/option><\/select><\/li>\n <li><span class=\"number\">24.<\/span> Work Experience <select name=\"q24\"><option value=\"\">—<\/option><option value=\"C\">C<\/option><option value=\"B\">B<\/option><option value=\"D\">D<\/option><option value=\"A\">A<\/option><option value=\"E\">E<\/option><option value=\"F\">F<\/option><option value=\"G\">G<\/option><option value=\"H\">H<\/option><option value=\"I\">I<\/option><option value=\"J\">J<\/option><\/select><\/li>\n <li><span class=\"number\">25.<\/span> Education <select name=\"q25\"><option value=\"\">—<\/option><option value=\"E\">E<\/option><option value=\"B\">B<\/option><option value=\"D\">D<\/option><option value=\"A\">A<\/option><option value=\"C\">C<\/option><option value=\"F\">F<\/option><option value=\"G\">G<\/option><option value=\"H\">H<\/option><option value=\"I\">I<\/option><option value=\"J\">J<\/option><\/select><\/li>\n <li><span class=\"number\">26.<\/span> Certifications <select name=\"q26\"><option value=\"\">—<\/option><option value=\"F\">F<\/option><option value=\"B\">B<\/option><option value=\"D\">D<\/option><option value=\"A\">A<\/option><option value=\"C\">C<\/option><option value=\"E\">E<\/option><option value=\"G\">G<\/option><option value=\"H\">H<\/option><option value=\"I\">I<\/option><option value=\"J\">J<\/option><\/select><\/li>\n <li><span class=\"number\">27.<\/span> References <select name=\"q27\"><option value=\"\">—<\/option><option value=\"G\">G<\/option><option value=\"B\">B<\/option><option value=\"D\">D<\/option><option value=\"A\">A<\/option><option value=\"C\">C<\/option><option value=\"E\">E<\/option><option value=\"F\">F<\/option><option value=\"H\">H<\/option><option value=\"I\">I<\/option><option value=\"J\">J<\/option><\/select><\/li>\n <li><span class=\"number\">28.<\/span> Profile <select name=\"q28\"><option value=\"\">—<\/option><option value=\"H\">H<\/option><option value=\"B\">B<\/option><option value=\"D\">D<\/option><option value=\"A\">A<\/option><option value=\"C\">C<\/option><option value=\"E\">E<\/option><option value=\"F\">F<\/option><option value=\"G\">G<\/option><option value=\"I\">I<\/option><option value=\"J\">J<\/option><\/select><\/li>\n <li><span class=\"number\">29.<\/span> Cover Letter <select name=\"q29\"><option value=\"\">—<\/option><option value=\"I\">I<\/option><option value=\"B\">B<\/option><option value=\"D\">D<\/option><option value=\"A\">A<\/option><option value=\"C\">C<\/option><option value=\"E\">E<\/option><option value=\"F\">F<\/option><option value=\"G\">G<\/option><option value=\"H\">H<\/option><option value=\"J\">J<\/option><\/select><\/li>\n <li><span class=\"number\">30.<\/span> Soft Skills <select name=\"q30\"><option value=\"\">—<\/option><option value=\"J\">J<\/option><option value=\"B\">B<\/option><option value=\"D\">D<\/option><option value=\"A\">A<\/option><option value=\"C\">C<\/option><option value=\"E\">E<\/option><option value=\"F\">F<\/option><option value=\"G\">G<\/option><option value=\"H\">H<\/option><option value=\"I\">I<\/option><\/select><\/li>\n <\/ul>\n <\/div>\n\n \n <div>\n <p style=\"font-weight:700; color:#2b6cb0; margin-bottom:5px; font-size:14px;\">COLUMN B \u2013 Definitions<\/p>\n <ul class=\"match-col\">\n <li><span class=\"letter\">A)<\/span> Your official position or occupation<\/li>\n <li><span class=\"letter\">B)<\/span> Abilities and competencies you possess<\/li>\n <li><span class=\"letter\">C)<\/span> Previous jobs and responsibilities<\/li>\n <li><span class=\"letter\">D)<\/span> A summary of your qualifications (CV)<\/li>\n <li><span class=\"letter\">E)<\/span> Academic background and degrees<\/li>\n <li><span class=\"letter\">F)<\/span> Official documents proving your qualifications<\/li>\n <li><span class=\"letter\">G)<\/span> People who can recommend you<\/li>\n <li><span class=\"letter\">H)<\/span> A short summary of your career goals<\/li>\n <li><span class=\"letter\">I)<\/span> A letter accompanying your CV<\/li>\n <li><span class=\"letter\">J)<\/span> Interpersonal skills like communication<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n \n \n <div class=\"section\">\n <div class=\"section-title\">\n <span>SECTION 4: FILL IN THE BLANKS<\/span>\n <span class=\"badge\">10 Exercises<\/span>\n <\/div>\n <div class=\"section-instructions\">\n <strong>Instructions:<\/strong> Complete each sentence with the correct word from the box below. Type the correct word in the blank.\n <\/div>\n\n \n <div class=\"word-box\">\n <span>Gonzales<\/span>\n <span>Administration<\/span>\n <span>TeacherJM<\/span>\n <span>Santiago<\/span>\n <span>Customer<\/span>\n <span>Sales<\/span>\n <span>Intermediate<\/span>\n <span>First<\/span>\n <span>Logistics<\/span>\n <span>references<\/span>\n <\/div>\n\n <div class=\"fill-item\">\n <span class=\"number\">31.<\/span> Maria’s last name is ____________.\n <input type=\"text\" name=\"q31\" placeholder=\"Type your answer\">\n <\/div>\n <div class=\"fill-item\">\n <span class=\"number\">32.<\/span> Maria is an ____________ Student.\n <input type=\"text\" name=\"q32\" placeholder=\"Type your answer\">\n <\/div>\n <div class=\"fill-item\">\n <span class=\"number\">33.<\/span> Maria studied at ____________ Academy.\n <input type=\"text\" name=\"q33\" placeholder=\"Type your answer\">\n <\/div>\n <div class=\"fill-item\">\n <span class=\"number\">34.<\/span> Maria is located in ____________, Chile.\n <input type=\"text\" name=\"q34\" placeholder=\"Type your answer\">\n <\/div>\n <div class=\"fill-item\">\n <span class=\"number\">35.<\/span> One of Maria’s skills is ____________ Service.\n <input type=\"text\" name=\"q35\" placeholder=\"Type your answer\">\n <\/div>\n <div class=\"fill-item\">\n <span class=\"number\">36.<\/span> Maria worked as a ____________ Assistant.\n <input type=\"text\" name=\"q36\" placeholder=\"Type your answer\">\n <\/div>\n <div class=\"fill-item\">\n <span class=\"number\">37.<\/span> Maria’s English level is ____________.\n <input type=\"text\" name=\"q37\" placeholder=\"Type your answer\">\n <\/div>\n <div class=\"fill-item\">\n <span class=\"number\">38.<\/span> Maria has a ____________ Aid & CPR certification.\n <input type=\"text\" name=\"q38\" placeholder=\"Type your answer\">\n <\/div>\n <div class=\"fill-item\">\n <span class=\"number\">39.<\/span> Maria worked as an intern at ____________ Corp.\n <input type=\"text\" name=\"q39\" placeholder=\"Type your answer\">\n <\/div>\n <div class=\"fill-item\">\n <span class=\"number\">40.<\/span> Maria’s ____________ are available upon request.\n <input type=\"text\" name=\"q40\" placeholder=\"Type your answer\">\n <\/div>\n <\/div>\n\n \n <button type=\"button\" class=\"btn-submit\" onclick=\"calculateScore()\">\ud83d\udcca Submit & Get Results<\/button>\n <\/form>\n\n \n \n \n <div id=\"results-card\">\n <div class=\"score-title\" id=\"scoreTitle\"><\/div>\n <div class=\"score-details\" id=\"scoreDetails\"><\/div>\n <div class=\"summary-grid\" id=\"summaryGrid\">\n <div class=\"item correct\">\n <div class=\"number\" id=\"correctCount\">0<\/div>\n <div class=\"label\">\u2705 Correct<\/div>\n <\/div>\n <div class=\"item incorrect\">\n <div class=\"number\" id=\"incorrectCount\">0<\/div>\n <div class=\"label\">\u274c Incorrect<\/div>\n <\/div>\n <div class=\"item total\">\n <div class=\"number\">40<\/div>\n <div class=\"label\">\ud83d\udccb Total Questions<\/div>\n <\/div>\n <\/div>\n <div style=\"font-size:14px; color:#718096; margin-top:10px;\" id=\"studentSummary\"><\/div>\n <\/div>\n\n \n \n \n <div class=\"footer\">\n <span>\ud83d\udcc4 Curriculum Vitae – Interactive Activity<\/span>\n <span>\ud83d\udcda EPJA – English Class<\/span>\n <span>\ud83d\udccb Total: 40 Exercises<\/span>\n <\/div>\n <\/div>\n\n \n \n \n <script>\n function calculateScore() {\n \/\/ ===== CORRECT ANSWERS =====\n const correctAnswers = {\n \/\/ Section 1: True\/False\n q1: \"T\", q2: \"F\", q3: \"T\", q4: \"T\", q5: \"F\",\n q6: \"T\", q7: \"F\", q8: \"T\", q9: \"T\", q10: \"F\",\n \/\/ Section 2: Multiple Choice\n q11: \"A\", q12: \"B\", q13: \"B\", q14: \"B\", q15: \"C\",\n q16: \"A\", q17: \"C\", q18: \"A\", q19: \"B\", q20: \"C\",\n \/\/ Section 3: Matching\n q21: \"D\", q22: \"A\", q23: \"B\", q24: \"C\", q25: \"E\",\n q26: \"F\", q27: \"G\", q28: \"H\", q29: \"I\", q30: \"J\",\n \/\/ Section 4: Fill in the Blanks\n q31: \"gonzales\",\n q32: \"administration\",\n q33: \"teacherjm\",\n q34: \"santiago\",\n q35: \"customer\",\n q36: \"sales\",\n q37: \"intermediate\",\n q38: \"first\",\n q39: \"logistics\",\n q40: \"references\"\n };\n\n const form = document.getElementById('quizForm');\n const totalQuestions = 40;\n let score = 0;\n let missingQuestions = [];\n\n \/\/ ===== VALIDATION =====\n for (let i = 1; i <= totalQuestions; i++) {\n const fieldName = 'q' + i;\n const element = form.querySelector(`[name=\"${fieldName}\"]`);\n \n if (!element) continue;\n\n if (element.type === 'radio') {\n const checked = form.querySelector(`input[name=\"${fieldName}\"]:checked`);\n if (!checked) {\n missingQuestions.push(i);\n }\n } else if (element.tagName === 'SELECT') {\n if (element.value === \"\") {\n missingQuestions.push(i);\n }\n } else if (element.type === 'text') {\n if (element.value.trim() === \"\") {\n missingQuestions.push(i);\n }\n }\n }\n\n if (missingQuestions.length > 0) {\n alert(\"\u26a0\ufe0f Please answer the following questions before submitting:\\n\\n\" + \n missingQuestions.join(\", \"));\n return;\n }\n\n \/\/ ===== CALCULATE SCORE =====\n for (let key in correctAnswers) {\n const element = form.querySelector(`[name=\"${key}\"]`);\n if (!element) continue;\n\n let userValue = \"\";\n\n if (element.type === 'radio') {\n const checked = form.querySelector(`input[name=\"${key}\"]:checked`);\n userValue = checked ? checked.value : \"\";\n } else if (element.tagName === 'SELECT') {\n userValue = element.value;\n } else if (element.type === 'text') {\n userValue = element.value.trim().toLowerCase();\n }\n\n if (userValue === correctAnswers[key]) {\n score++;\n }\n }\n\n \/\/ ===== CALCULATE PERCENTAGE AND GRADE =====\n const percentage = Math.round((score \/ totalQuestions) * 100);\n \n let grade = 1.0;\n const passingScore = Math.ceil(totalQuestions * 0.6);\n\n if (score < passingScore) {\n grade = 1.0 + 3.0 * (score \/ passingScore);\n } else {\n grade = 4.0 + 3.0 * ((score - passingScore) \/ (totalQuestions - passingScore));\n }\n \n grade = Math.round(grade * 10) \/ 10;\n\n \/\/ ===== GET STUDENT INFO =====\n const studentName = document.getElementById('studentName').value || \"Student\";\n const studentDate = document.getElementById('studentDate').value || \"N\/A\";\n const studentCourse = document.getElementById('studentCourse').value || \"N\/A\";\n\n \/\/ ===== DISPLAY RESULTS =====\n const resultsCard = document.getElementById('results-card');\n const scoreTitle = document.getElementById('scoreTitle');\n const scoreDetails = document.getElementById('scoreDetails');\n const correctCount = document.getElementById('correctCount');\n const incorrectCount = document.getElementById('incorrectCount');\n const studentSummary = document.getElementById('studentSummary');\n\n resultsCard.style.display = 'block';\n\n if (grade >= 4.0) {\n resultsCard.className = 'pass';\n scoreTitle.innerHTML = \"\u2705 PASSED! Congratulations \ud83c\udf89\";\n } else {\n resultsCard.className = 'fail';\n scoreTitle.innerHTML = \"\ud83d\udcda Keep Practicing! You'll get it next time \ud83d\udcaa\";\n }\n\n const incorrect = totalQuestions - score;\n\n correctCount.textContent = score;\n incorrectCount.textContent = incorrect;\n\n scoreDetails.innerHTML = `\n <div class=\"big-number\">${percentage}%<\/div>\n <strong>Score:<\/strong> ${score} out of ${totalQuestions} correct<br>\n <span style=\"font-size: 24px; font-weight: 700; display: inline-block; margin-top: 8px;\">\n Final Grade: ${grade.toFixed(1)}\n <\/span>\n `;\n\n studentSummary.innerHTML = `\n \ud83d\udc64 <strong>${studentName}<\/strong> \u00b7 \n \ud83d\udcc5 ${studentDate} \u00b7 \n \ud83d\udcda ${studentCourse}\n `;\n\n resultsCard.scrollIntoView({ behavior: 'smooth' });\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>CV – Interactive Activity \ud83d\udcc4 CURRICULUM VITAE Reading Comprehension & Vocabulary Activity \ud83d\udccb 40 Exercises \u00b7 4 Sections \u00b7 Interactive Instructions: Read the CV model carefully before completing these exercises. All answers must be based on the information provided in the CV example. Complete all questions and click “Submit & Get Results” to receive your […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-531","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/531","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/comments?post=531"}],"version-history":[{"count":1,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/531\/revisions"}],"predecessor-version":[{"id":533,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/531\/revisions\/533"}],"wp:attachment":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/media?parent=531"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":531,"date":"2026-07-20T05:04:06","date_gmt":"2026-07-20T05:04:06","guid":{"rendered":"https:\/\/teacherjm.com\/epja\/?page_id=531"},"modified":"2026-07-20T05:04:06","modified_gmt":"2026-07-20T05:04:06","slug":"531-2","status":"publish","type":"page","link":"https:\/\/teacherjm.com\/epja\/531-2\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n CV – Interactive Activity<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: #f0f2f5;\n padding: 20px;\n color: #1a202c;\n }\n \n .pdf-container {\n max-width: 1100px;\n margin: 0 auto;\n background: #ffffff;\n padding: 35px 45px;\n border-radius: 12px;\n box-shadow: 0 10px 40px rgba(0,0,0,0.12);\n }\n \n \/* ===== HEADER ===== *\/\n .header {\n text-align: center;\n border-bottom: 4px solid #2b6cb0;\n padding-bottom: 20px;\n margin-bottom: 25px;\n }\n \n .header h1 {\n font-size: 26px;\n color: #1a365d;\n letter-spacing: 1px;\n }\n \n .header h2 {\n font-size: 16px;\n color: #4a5568;\n font-weight: normal;\n margin-top: 5px;\n }\n \n .header .subtitle {\n background: #ebf8ff;\n display: inline-block;\n padding: 4px 18px;\n border-radius: 20px;\n font-size: 13px;\n color: #2b6cb0;\n font-weight: 600;\n margin-top: 8px;\n }\n \n .header .instructions {\n background: #f7fafc;\n padding: 12px 20px;\n border-radius: 8px;\n margin-top: 15px;\n font-size: 15px;\n color: #4a5568;\n border: 1px solid #e2e8f0;\n text-align: left;\n }\n \n .header .instructions strong {\n color: #2b6cb0;\n }\n \n .student-info {\n display: flex;\n justify-content: space-between;\n gap: 20px;\n margin: 20px 0 30px 0;\n padding: 15px 20px;\n background: #f7fafc;\n border-radius: 8px;\n border: 1px dashed #cbd5e0;\n flex-wrap: wrap;\n }\n \n .student-info .field {\n flex: 1;\n min-width: 150px;\n }\n \n .student-info label {\n font-weight: 600;\n font-size: 13px;\n color: #4a5568;\n display: block;\n margin-bottom: 3px;\n }\n \n .student-info input {\n width: 100%;\n padding: 6px 10px;\n border: 2px solid #cbd5e0;\n border-radius: 4px;\n font-size: 14px;\n font-family: inherit;\n background: white;\n }\n \n .student-info input:focus {\n outline: none;\n border-color: #2b6cb0;\n }\n \n \/* ===== SECTIONS ===== *\/\n .section {\n margin-top: 30px;\n page-break-inside: avoid;\n }\n \n .section-title {\n background: #2b6cb0;\n color: #fff;\n padding: 10px 20px;\n border-radius: 6px;\n font-size: 18px;\n font-weight: 700;\n margin-bottom: 15px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .section-title .badge {\n background: rgba(255,255,255,0.25);\n padding: 2px 14px;\n border-radius: 20px;\n font-size: 13px;\n font-weight: 600;\n }\n \n .section-instructions {\n background: #edf2f7;\n padding: 8px 16px;\n border-left: 4px solid #3182ce;\n margin-bottom: 15px;\n font-size: 14px;\n color: #2d3748;\n border-radius: 0 4px 4px 0;\n }\n \n \/* ===== TRUE \/ FALSE ===== *\/\n .tf-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 6px 30px;\n margin: 5px 0;\n }\n \n .tf-item {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 4px 0;\n font-size: 14px;\n border-bottom: 1px solid #f0f4f8;\n }\n \n .tf-item .number {\n font-weight: 700;\n color: #2b6cb0;\n min-width: 28px;\n font-size: 13px;\n }\n \n .tf-item label {\n display: flex;\n align-items: center;\n gap: 6px;\n cursor: pointer;\n }\n \n .tf-item input[type=\"radio\"] {\n transform: scale(1.1);\n cursor: pointer;\n }\n \n .tf-item .radio-group {\n display: flex;\n gap: 12px;\n }\n \n \/* ===== MULTIPLE CHOICE ===== *\/\n .mc-item {\n padding: 10px 0;\n border-bottom: 1px solid #edf2f7;\n }\n \n .mc-item .question {\n font-weight: 600;\n font-size: 14px;\n margin-bottom: 5px;\n color: #2d3748;\n }\n \n .mc-item .options {\n padding-left: 20px;\n font-size: 13px;\n color: #4a5568;\n }\n \n .mc-item .options label {\n display: block;\n padding: 2px 0;\n cursor: pointer;\n }\n \n .mc-item .options label:hover {\n background: #f0f4f8;\n }\n \n .mc-item .options input[type=\"radio\"] {\n transform: scale(1.1);\n margin-right: 6px;\n cursor: pointer;\n }\n \n .mc-item .options .letter {\n font-weight: 700;\n color: #2b6cb0;\n }\n \n \/* ===== MATCHING ===== *\/\n .match-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 8px 30px;\n margin: 10px 0;\n }\n \n .match-col {\n list-style: none;\n padding: 0;\n }\n \n .match-col li {\n padding: 4px 0;\n font-size: 14px;\n border-bottom: 1px solid #edf2f7;\n display: flex;\n align-items: center;\n }\n \n .match-col .number {\n font-weight: 700;\n color: #2b6cb0;\n min-width: 28px;\n }\n \n .match-col .letter {\n font-weight: 700;\n color: #2b6cb0;\n min-width: 28px;\n }\n \n .match-col select {\n margin-left: 8px;\n padding: 3px 8px;\n border: 2px solid #cbd5e0;\n border-radius: 4px;\n font-size: 13px;\n font-family: inherit;\n background: white;\n cursor: pointer;\n }\n \n .match-col select:focus {\n outline: none;\n border-color: #2b6cb0;\n }\n \n \/* ===== FILL IN THE BLANKS ===== *\/\n .word-box {\n background: #f7fafc;\n border: 2px dashed #cbd5e0;\n padding: 12px 18px;\n border-radius: 8px;\n margin-bottom: 18px;\n display: flex;\n flex-wrap: wrap;\n gap: 6px 12px;\n justify-content: center;\n }\n \n .word-box span {\n background: #edf2f7;\n padding: 3px 12px;\n border-radius: 4px;\n font-size: 13px;\n font-weight: 600;\n color: #2d3748;\n font-family: 'Courier New', monospace;\n }\n \n .fill-item {\n display: flex;\n align-items: baseline;\n padding: 5px 0;\n font-size: 14px;\n gap: 6px;\n flex-wrap: wrap;\n border-bottom: 1px solid #f0f4f8;\n }\n \n .fill-item .number {\n font-weight: 700;\n color: #2b6cb0;\n min-width: 28px;\n font-size: 13px;\n }\n \n .fill-item input[type=\"text\"] {\n padding: 4px 10px;\n border: 2px solid #cbd5e0;\n border-radius: 4px;\n font-size: 13px;\n font-family: inherit;\n width: 140px;\n background: white;\n }\n \n .fill-item input[type=\"text\"]:focus {\n outline: none;\n border-color: #2b6cb0;\n }\n \n \/* ===== SUBMIT BUTTON ===== *\/\n .btn-submit {\n display: block;\n width: 100%;\n max-width: 300px;\n margin: 40px auto 20px;\n background: #2f855a;\n color: white;\n border: none;\n padding: 14px 20px;\n border-radius: 6px;\n font-size: 18px;\n font-weight: 700;\n cursor: pointer;\n transition: background 0.2s;\n text-align: center;\n }\n \n .btn-submit:hover {\n background: #22543d;\n }\n \n \/* ===== RESULTS CARD ===== *\/\n #results-card {\n display: none;\n margin-top: 30px;\n padding: 25px;\n border-radius: 8px;\n text-align: center;\n }\n \n .pass {\n background: #c6f6d5;\n border: 2px solid #38a169;\n color: #22543d;\n }\n \n .fail {\n background: #fed7d7;\n border: 2px solid #e53e3e;\n color: #742a2a;\n }\n \n .score-title {\n font-size: 24px;\n font-weight: 700;\n margin-bottom: 10px;\n }\n \n .score-details {\n font-size: 17px;\n }\n \n .score-details .big-number {\n font-size: 28px;\n font-weight: 700;\n display: block;\n margin: 10px 0;\n }\n \n .summary-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 15px;\n margin: 15px 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n \n .summary-grid .item {\n background: #f7fafc;\n padding: 12px;\n border-radius: 6px;\n border: 1px solid #e2e8f0;\n }\n \n .summary-grid .item .number {\n font-size: 22px;\n font-weight: 700;\n }\n \n .summary-grid .item .label {\n font-size: 12px;\n color: #718096;\n }\n \n .summary-grid .item.correct .number { color: #38a169; }\n .summary-grid .item.incorrect .number { color: #e53e3e; }\n .summary-grid .item.total .number { color: #2b6cb0; }\n \n \/* ===== FOOTER ===== *\/\n .footer {\n margin-top: 40px;\n padding-top: 20px;\n border-top: 2px solid #e2e8f0;\n display: flex;\n justify-content: space-between;\n font-size: 13px;\n color: #718096;\n flex-wrap: wrap;\n }\n \n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 700px) {\n .pdf-container { padding: 15px; }\n .tf-grid { grid-template-columns: 1fr; }\n .match-grid { grid-template-columns: 1fr; }\n .student-info { flex-direction: column; }\n .header h1 { font-size: 20px; }\n .summary-grid { grid-template-columns: 1fr; }\n .fill-item input[type=\"text\"] { width: 100%; }\n }\n \n \/* ===== PRINT ===== *\/\n @media print {\n body { background: white; padding: 0; }\n .pdf-container { box-shadow: none; padding: 20px 30px; border-radius: 0; }\n .btn-submit { display: none !important; }\n #results-card { display: block !important; }\n .section { break-inside: avoid; }\n .student-info input { border: 2px solid #a0aec0; }\n .match-col select { border: 2px solid #a0aec0; }\n .fill-item input[type=\"text\"] { border: 2px solid #a0aec0; }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"pdf-container\" id=\"pdf-content\">\n \n \n <div class=\"header\">\n <h1>\ud83d\udcc4 CURRICULUM VITAE<\/h1>\n <h2>Reading Comprehension & Vocabulary Activity<\/h2>\n <span class=\"subtitle\">\ud83d\udccb 40 Exercises \u00b7 4 Sections \u00b7 Interactive<\/span>\n <div class=\"instructions\">\n <strong>Instructions:<\/strong> Read the CV model carefully before completing these exercises. \n All answers must be based on the information provided in the CV example. Complete all questions and click \n <strong>“Submit & Get Results”<\/strong> to receive your grade.\n <\/div>\n <\/div>\n\n \n <div class=\"student-info\">\n <div class=\"field\">\n <label>\ud83d\udc64 Student Name:<\/label>\n <input type=\"text\" id=\"studentName\" placeholder=\"Enter your name\">\n <\/div>\n <div class=\"field\">\n <label>\ud83d\udcc5 Date:<\/label>\n <input type=\"text\" id=\"studentDate\" placeholder=\"Enter date\">\n <\/div>\n <div class=\"field\">\n <label>\ud83d\udcda Course \/ Level:<\/label>\n <input type=\"text\" id=\"studentCourse\" placeholder=\"Enter course\">\n <\/div>\n <\/div>\n\n <form id=\"quizForm\" novalidate>\n \n \n \n \n <div class=\"section\">\n <div class=\"section-title\">\n <span>SECTION 1: TRUE OR FALSE<\/span>\n <span class=\"badge\">10 Exercises<\/span>\n <\/div>\n <div class=\"section-instructions\">\n <strong>Instructions:<\/strong> Read each statement carefully. Select <strong>True<\/strong> or <strong>False<\/strong> based on the CV example.\n <\/div>\n\n <div class=\"tf-grid\">\n <div class=\"tf-item\">\n <span class=\"number\">1.<\/span>\n <span>The CV example belongs to Maria Gonzales.<\/span>\n <div class=\"radio-group\">\n <label><input type=\"radio\" name=\"q1\" value=\"T\"> True<\/label>\n <label><input type=\"radio\" name=\"q1\" value=\"F\"> False<\/label>\n <\/div>\n <\/div>\n <div class=\"tf-item\">\n <span class=\"number\">2.<\/span>\n <span>Maria has a Master’s degree.<\/span>\n <div class=\"radio-group\">\n <label><input type=\"radio\" name=\"q2\" value=\"F\"> True<\/label>\n <label><input type=\"radio\" name=\"q2\" value=\"T\"> False<\/label>\n <\/div>\n <\/div>\n <div class=\"tf-item\">\n <span class=\"number\">3.<\/span>\n <span>Maria’s job title is Administration Student.<\/span>\n <div class=\"radio-group\">\n <label><input type=\"radio\" name=\"q3\" value=\"T\"> True<\/label>\n <label><input type=\"radio\" name=\"q3\" value=\"F\"> False<\/label>\n <\/div>\n <\/div>\n <div class=\"tf-item\">\n <span class=\"number\">4.<\/span>\n <span>Maria has experience as a Sales Assistant.<\/span>\n <div class=\"radio-group\">\n <label><input type=\"radio\" name=\"q4\" value=\"T\"> True<\/label>\n <label><input type=\"radio\" name=\"q4\" value=\"F\"> False<\/label>\n <\/div>\n <\/div>\n <div class=\"tf-item\">\n <span class=\"number\">5.<\/span>\n <span>Maria speaks English at an advanced level (C2).<\/span>\n <div class=\"radio-group\">\n <label><input type=\"radio\" name=\"q5\" value=\"F\"> True<\/label>\n <label><input type=\"radio\" name=\"q5\" value=\"T\"> False<\/label>\n <\/div>\n <\/div>\n <div class=\"tf-item\">\n <span class=\"number\">6.<\/span>\n <span>Maria has a certification in First Aid & CPR.<\/span>\n <div class=\"radio-group\">\n <label><input type=\"radio\" name=\"q6\" value=\"T\"> True<\/label>\n <label><input type=\"radio\" name=\"q6\" value=\"F\"> False<\/label>\n <\/div>\n <\/div>\n <div class=\"tf-item\">\n <span class=\"number\">7.<\/span>\n <span>Maria worked as a Sales Assistant from 2023 to 2024.<\/span>\n <div class=\"radio-group\">\n <label><input type=\"radio\" name=\"q7\" value=\"F\"> True<\/label>\n <label><input type=\"radio\" name=\"q7\" value=\"T\"> False<\/label>\n <\/div>\n <\/div>\n <div class=\"tf-item\">\n <span class=\"number\">8.<\/span>\n <span>Maria’s skills include Customer Service.<\/span>\n <div class=\"radio-group\">\n <label><input type=\"radio\" name=\"q8\" value=\"T\"> True<\/label>\n <label><input type=\"radio\" name=\"q8\" value=\"F\"> False<\/label>\n <\/div>\n <\/div>\n <div class=\"tf-item\">\n <span class=\"number\">9.<\/span>\n <span>Maria studied at TeacherJM Academy.<\/span>\n <div class=\"radio-group\">\n <label><input type=\"radio\" name=\"q9\" value=\"T\"> True<\/label>\n <label><input type=\"radio\" name=\"q9\" value=\"F\"> False<\/label>\n <\/div>\n <\/div>\n <div class=\"tf-item\">\n <span class=\"number\">10.<\/span>\n <span>Maria’s references are listed in the CV.<\/span>\n <div class=\"radio-group\">\n <label><input type=\"radio\" name=\"q10\" value=\"F\"> True<\/label>\n <label><input type=\"radio\" name=\"q10\" value=\"T\"> False<\/label>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n \n \n <div class=\"section\">\n <div class=\"section-title\">\n <span>SECTION 2: MULTIPLE CHOICE<\/span>\n <span class=\"badge\">10 Exercises<\/span>\n <\/div>\n <div class=\"section-instructions\">\n <strong>Instructions:<\/strong> Choose the best answer (A, B, or C) based on the CV example.\n <\/div>\n\n <div class=\"mc-item\">\n <div class=\"question\">11. What is Maria’s current job title?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q11\" value=\"A\"> <span class=\"letter\">A)<\/span> Administration Student<\/label>\n <label><input type=\"radio\" name=\"q11\" value=\"B\"> <span class=\"letter\">B)<\/span> Sales Assistant<\/label>\n <label><input type=\"radio\" name=\"q11\" value=\"C\"> <span class=\"letter\">C)<\/span> Administrative Intern<\/label>\n <\/div>\n <\/div>\n\n <div class=\"mc-item\">\n <div class=\"question\">12. What is Maria’s email address?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q12\" value=\"A\"> <span class=\"letter\">A)<\/span> maria@email.com<\/label>\n <label><input type=\"radio\" name=\"q12\" value=\"B\"> <span class=\"letter\">B)<\/span> maria.g@email.com<\/label>\n <label><input type=\"radio\" name=\"q12\" value=\"C\"> <span class=\"letter\">C)<\/span> m.gonzales@email.com<\/label>\n <\/div>\n <\/div>\n\n <div class=\"mc-item\">\n <div class=\"question\">13. Which company did Maria work for as a Sales Assistant?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q13\" value=\"A\"> <span class=\"letter\">A)<\/span> Logistics Corp<\/label>\n <label><input type=\"radio\" name=\"q13\" value=\"B\"> <span class=\"letter\">B)<\/span> Retail Store S.A.<\/label>\n <label><input type=\"radio\" name=\"q13\" value=\"C\"> <span class=\"letter\">C)<\/span> Global Energy Academy<\/label>\n <\/div>\n <\/div>\n\n <div class=\"mc-item\">\n <div class=\"question\">14. What is Maria’s level of English?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q14\" value=\"A\"> <span class=\"letter\">A)<\/span> Native<\/label>\n <label><input type=\"radio\" name=\"q14\" value=\"B\"> <span class=\"letter\">B)<\/span> Intermediate (B1)<\/label>\n <label><input type=\"radio\" name=\"q14\" value=\"C\"> <span class=\"letter\">C)<\/span> Advanced (C2)<\/label>\n <\/div>\n <\/div>\n\n <div class=\"mc-item\">\n <div class=\"question\">15. What is NOT listed in Maria’s skills section?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q15\" value=\"A\"> <span class=\"letter\">A)<\/span> Customer Service<\/label>\n <label><input type=\"radio\" name=\"q15\" value=\"B\"> <span class=\"letter\">B)<\/span> Team Organization<\/label>\n <label><input type=\"radio\" name=\"q15\" value=\"C\"> <span class=\"letter\">C)<\/span> Programming<\/label>\n <\/div>\n <\/div>\n\n <div class=\"mc-item\">\n <div class=\"question\">16. How long did Maria work as an Administrative Intern?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q16\" value=\"A\"> <span class=\"letter\">A)<\/span> 2023 \u2013 2024<\/label>\n <label><input type=\"radio\" name=\"q16\" value=\"B\"> <span class=\"letter\">B)<\/span> 2024 \u2013 Present<\/label>\n <label><input type=\"radio\" name=\"q16\" value=\"C\"> <span class=\"letter\">C)<\/span> 2022 \u2013 2023<\/label>\n <\/div>\n <\/div>\n\n <div class=\"mc-item\">\n <div class=\"question\">17. Which certification does Maria NOT have?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q17\" value=\"A\"> <span class=\"letter\">A)<\/span> First Aid & CPR<\/label>\n <label><input type=\"radio\" name=\"q17\" value=\"B\"> <span class=\"letter\">B)<\/span> Digital Literacy<\/label>\n <label><input type=\"radio\" name=\"q17\" value=\"C\"> <span class=\"letter\">C)<\/span> AWS Certification<\/label>\n <\/div>\n <\/div>\n\n <div class=\"mc-item\">\n <div class=\"question\">18. What does Maria’s profile highlight?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q18\" value=\"A\"> <span class=\"letter\">A)<\/span> Problem-solving skills<\/label>\n <label><input type=\"radio\" name=\"q18\" value=\"B\"> <span class=\"letter\">B)<\/span> Technical coding skills<\/label>\n <label><input type=\"radio\" name=\"q18\" value=\"C\"> <span class=\"letter\">C)<\/span> Sales management<\/label>\n <\/div>\n <\/div>\n\n <div class=\"mc-item\">\n <div class=\"question\">19. Where is Maria located?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q19\" value=\"A\"> <span class=\"letter\">A)<\/span> Buenos Aires, Argentina<\/label>\n <label><input type=\"radio\" name=\"q19\" value=\"B\"> <span class=\"letter\">B)<\/span> Santiago, Chile<\/label>\n <label><input type=\"radio\" name=\"q19\" value=\"C\"> <span class=\"letter\">C)<\/span> Lima, Peru<\/label>\n <\/div>\n <\/div>\n\n <div class=\"mc-item\">\n <div class=\"question\">20. What is NOT listed as a responsibility in Maria’s Sales Assistant role?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q20\" value=\"A\"> <span class=\"letter\">A)<\/span> Assisting customers<\/label>\n <label><input type=\"radio\" name=\"q20\" value=\"B\"> <span class=\"letter\">B)<\/span> Managing cashier operations<\/label>\n <label><input type=\"radio\" name=\"q20\" value=\"C\"> <span class=\"letter\">C)<\/span> Creating marketing campaigns<\/label>\n <\/div>\n <\/div>\n <\/div>\n\n \n \n \n <div class=\"section\">\n <div class=\"section-title\">\n <span>SECTION 3: MATCHING<\/span>\n <span class=\"badge\">10 Exercises<\/span>\n <\/div>\n <div class=\"section-instructions\">\n <strong>Instructions:<\/strong> Match the CV term in Column A with its correct definition in Column B. Select the correct letter from the dropdown menu.\n <\/div>\n\n <div class=\"match-grid\">\n \n <div>\n <p style=\"font-weight:700; color:#2b6cb0; margin-bottom:5px; font-size:14px;\">COLUMN A \u2013 Terms<\/p>\n <ul class=\"match-col\">\n <li><span class=\"number\">21.<\/span> Resume <select name=\"q21\"><option value=\"\">—<\/option><option value=\"D\">D<\/option><option value=\"C\">C<\/option><option value=\"A\">A<\/option><option value=\"B\">B<\/option><option value=\"E\">E<\/option><option value=\"F\">F<\/option><option value=\"G\">G<\/option><option value=\"H\">H<\/option><option value=\"I\">I<\/option><option value=\"J\">J<\/option><\/select><\/li>\n <li><span class=\"number\">22.<\/span> Job Title <select name=\"q22\"><option value=\"\">—<\/option><option value=\"A\">A<\/option><option value=\"C\">C<\/option><option value=\"D\">D<\/option><option value=\"B\">B<\/option><option value=\"E\">E<\/option><option value=\"F\">F<\/option><option value=\"G\">G<\/option><option value=\"H\">H<\/option><option value=\"I\">I<\/option><option value=\"J\">J<\/option><\/select><\/li>\n <li><span class=\"number\">23.<\/span> Skills <select name=\"q23\"><option value=\"\">—<\/option><option value=\"B\">B<\/option><option value=\"C\">C<\/option><option value=\"D\">D<\/option><option value=\"A\">A<\/option><option value=\"E\">E<\/option><option value=\"F\">F<\/option><option value=\"G\">G<\/option><option value=\"H\">H<\/option><option value=\"I\">I<\/option><option value=\"J\">J<\/option><\/select><\/li>\n <li><span class=\"number\">24.<\/span> Work Experience <select name=\"q24\"><option value=\"\">—<\/option><option value=\"C\">C<\/option><option value=\"B\">B<\/option><option value=\"D\">D<\/option><option value=\"A\">A<\/option><option value=\"E\">E<\/option><option value=\"F\">F<\/option><option value=\"G\">G<\/option><option value=\"H\">H<\/option><option value=\"I\">I<\/option><option value=\"J\">J<\/option><\/select><\/li>\n <li><span class=\"number\">25.<\/span> Education <select name=\"q25\"><option value=\"\">—<\/option><option value=\"E\">E<\/option><option value=\"B\">B<\/option><option value=\"D\">D<\/option><option value=\"A\">A<\/option><option value=\"C\">C<\/option><option value=\"F\">F<\/option><option value=\"G\">G<\/option><option value=\"H\">H<\/option><option value=\"I\">I<\/option><option value=\"J\">J<\/option><\/select><\/li>\n <li><span class=\"number\">26.<\/span> Certifications <select name=\"q26\"><option value=\"\">—<\/option><option value=\"F\">F<\/option><option value=\"B\">B<\/option><option value=\"D\">D<\/option><option value=\"A\">A<\/option><option value=\"C\">C<\/option><option value=\"E\">E<\/option><option value=\"G\">G<\/option><option value=\"H\">H<\/option><option value=\"I\">I<\/option><option value=\"J\">J<\/option><\/select><\/li>\n <li><span class=\"number\">27.<\/span> References <select name=\"q27\"><option value=\"\">—<\/option><option value=\"G\">G<\/option><option value=\"B\">B<\/option><option value=\"D\">D<\/option><option value=\"A\">A<\/option><option value=\"C\">C<\/option><option value=\"E\">E<\/option><option value=\"F\">F<\/option><option value=\"H\">H<\/option><option value=\"I\">I<\/option><option value=\"J\">J<\/option><\/select><\/li>\n <li><span class=\"number\">28.<\/span> Profile <select name=\"q28\"><option value=\"\">—<\/option><option value=\"H\">H<\/option><option value=\"B\">B<\/option><option value=\"D\">D<\/option><option value=\"A\">A<\/option><option value=\"C\">C<\/option><option value=\"E\">E<\/option><option value=\"F\">F<\/option><option value=\"G\">G<\/option><option value=\"I\">I<\/option><option value=\"J\">J<\/option><\/select><\/li>\n <li><span class=\"number\">29.<\/span> Cover Letter <select name=\"q29\"><option value=\"\">—<\/option><option value=\"I\">I<\/option><option value=\"B\">B<\/option><option value=\"D\">D<\/option><option value=\"A\">A<\/option><option value=\"C\">C<\/option><option value=\"E\">E<\/option><option value=\"F\">F<\/option><option value=\"G\">G<\/option><option value=\"H\">H<\/option><option value=\"J\">J<\/option><\/select><\/li>\n <li><span class=\"number\">30.<\/span> Soft Skills <select name=\"q30\"><option value=\"\">—<\/option><option value=\"J\">J<\/option><option value=\"B\">B<\/option><option value=\"D\">D<\/option><option value=\"A\">A<\/option><option value=\"C\">C<\/option><option value=\"E\">E<\/option><option value=\"F\">F<\/option><option value=\"G\">G<\/option><option value=\"H\">H<\/option><option value=\"I\">I<\/option><\/select><\/li>\n <\/ul>\n <\/div>\n\n \n <div>\n <p style=\"font-weight:700; color:#2b6cb0; margin-bottom:5px; font-size:14px;\">COLUMN B \u2013 Definitions<\/p>\n <ul class=\"match-col\">\n <li><span class=\"letter\">A)<\/span> Your official position or occupation<\/li>\n <li><span class=\"letter\">B)<\/span> Abilities and competencies you possess<\/li>\n <li><span class=\"letter\">C)<\/span> Previous jobs and responsibilities<\/li>\n <li><span class=\"letter\">D)<\/span> A summary of your qualifications (CV)<\/li>\n <li><span class=\"letter\">E)<\/span> Academic background and degrees<\/li>\n <li><span class=\"letter\">F)<\/span> Official documents proving your qualifications<\/li>\n <li><span class=\"letter\">G)<\/span> People who can recommend you<\/li>\n <li><span class=\"letter\">H)<\/span> A short summary of your career goals<\/li>\n <li><span class=\"letter\">I)<\/span> A letter accompanying your CV<\/li>\n <li><span class=\"letter\">J)<\/span> Interpersonal skills like communication<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n \n \n <div class=\"section\">\n <div class=\"section-title\">\n <span>SECTION 4: FILL IN THE BLANKS<\/span>\n <span class=\"badge\">10 Exercises<\/span>\n <\/div>\n <div class=\"section-instructions\">\n <strong>Instructions:<\/strong> Complete each sentence with the correct word from the box below. Type the correct word in the blank.\n <\/div>\n\n \n <div class=\"word-box\">\n <span>Gonzales<\/span>\n <span>Administration<\/span>\n <span>TeacherJM<\/span>\n <span>Santiago<\/span>\n <span>Customer<\/span>\n <span>Sales<\/span>\n <span>Intermediate<\/span>\n <span>First<\/span>\n <span>Logistics<\/span>\n <span>references<\/span>\n <\/div>\n\n <div class=\"fill-item\">\n <span class=\"number\">31.<\/span> Maria’s last name is ____________.\n <input type=\"text\" name=\"q31\" placeholder=\"Type your answer\">\n <\/div>\n <div class=\"fill-item\">\n <span class=\"number\">32.<\/span> Maria is an ____________ Student.\n <input type=\"text\" name=\"q32\" placeholder=\"Type your answer\">\n <\/div>\n <div class=\"fill-item\">\n <span class=\"number\">33.<\/span> Maria studied at ____________ Academy.\n <input type=\"text\" name=\"q33\" placeholder=\"Type your answer\">\n <\/div>\n <div class=\"fill-item\">\n <span class=\"number\">34.<\/span> Maria is located in ____________, Chile.\n <input type=\"text\" name=\"q34\" placeholder=\"Type your answer\">\n <\/div>\n <div class=\"fill-item\">\n <span class=\"number\">35.<\/span> One of Maria’s skills is ____________ Service.\n <input type=\"text\" name=\"q35\" placeholder=\"Type your answer\">\n <\/div>\n <div class=\"fill-item\">\n <span class=\"number\">36.<\/span> Maria worked as a ____________ Assistant.\n <input type=\"text\" name=\"q36\" placeholder=\"Type your answer\">\n <\/div>\n <div class=\"fill-item\">\n <span class=\"number\">37.<\/span> Maria’s English level is ____________.\n <input type=\"text\" name=\"q37\" placeholder=\"Type your answer\">\n <\/div>\n <div class=\"fill-item\">\n <span class=\"number\">38.<\/span> Maria has a ____________ Aid & CPR certification.\n <input type=\"text\" name=\"q38\" placeholder=\"Type your answer\">\n <\/div>\n <div class=\"fill-item\">\n <span class=\"number\">39.<\/span> Maria worked as an intern at ____________ Corp.\n <input type=\"text\" name=\"q39\" placeholder=\"Type your answer\">\n <\/div>\n <div class=\"fill-item\">\n <span class=\"number\">40.<\/span> Maria’s ____________ are available upon request.\n <input type=\"text\" name=\"q40\" placeholder=\"Type your answer\">\n <\/div>\n <\/div>\n\n \n <button type=\"button\" class=\"btn-submit\" onclick=\"calculateScore()\">\ud83d\udcca Submit & Get Results<\/button>\n <\/form>\n\n \n \n \n <div id=\"results-card\">\n <div class=\"score-title\" id=\"scoreTitle\"><\/div>\n <div class=\"score-details\" id=\"scoreDetails\"><\/div>\n <div class=\"summary-grid\" id=\"summaryGrid\">\n <div class=\"item correct\">\n <div class=\"number\" id=\"correctCount\">0<\/div>\n <div class=\"label\">\u2705 Correct<\/div>\n <\/div>\n <div class=\"item incorrect\">\n <div class=\"number\" id=\"incorrectCount\">0<\/div>\n <div class=\"label\">\u274c Incorrect<\/div>\n <\/div>\n <div class=\"item total\">\n <div class=\"number\">40<\/div>\n <div class=\"label\">\ud83d\udccb Total Questions<\/div>\n <\/div>\n <\/div>\n <div style=\"font-size:14px; color:#718096; margin-top:10px;\" id=\"studentSummary\"><\/div>\n <\/div>\n\n \n \n \n <div class=\"footer\">\n <span>\ud83d\udcc4 Curriculum Vitae – Interactive Activity<\/span>\n <span>\ud83d\udcda EPJA – English Class<\/span>\n <span>\ud83d\udccb Total: 40 Exercises<\/span>\n <\/div>\n <\/div>\n\n \n \n \n <script>\n function calculateScore() {\n \/\/ ===== CORRECT ANSWERS =====\n const correctAnswers = {\n \/\/ Section 1: True\/False\n q1: \"T\", q2: \"F\", q3: \"T\", q4: \"T\", q5: \"F\",\n q6: \"T\", q7: \"F\", q8: \"T\", q9: \"T\", q10: \"F\",\n \/\/ Section 2: Multiple Choice\n q11: \"A\", q12: \"B\", q13: \"B\", q14: \"B\", q15: \"C\",\n q16: \"A\", q17: \"C\", q18: \"A\", q19: \"B\", q20: \"C\",\n \/\/ Section 3: Matching\n q21: \"D\", q22: \"A\", q23: \"B\", q24: \"C\", q25: \"E\",\n q26: \"F\", q27: \"G\", q28: \"H\", q29: \"I\", q30: \"J\",\n \/\/ Section 4: Fill in the Blanks\n q31: \"gonzales\",\n q32: \"administration\",\n q33: \"teacherjm\",\n q34: \"santiago\",\n q35: \"customer\",\n q36: \"sales\",\n q37: \"intermediate\",\n q38: \"first\",\n q39: \"logistics\",\n q40: \"references\"\n };\n\n const form = document.getElementById('quizForm');\n const totalQuestions = 40;\n let score = 0;\n let missingQuestions = [];\n\n \/\/ ===== VALIDATION =====\n for (let i = 1; i <= totalQuestions; i++) {\n const fieldName = 'q' + i;\n const element = form.querySelector(`[name=\"${fieldName}\"]`);\n \n if (!element) continue;\n\n if (element.type === 'radio') {\n const checked = form.querySelector(`input[name=\"${fieldName}\"]:checked`);\n if (!checked) {\n missingQuestions.push(i);\n }\n } else if (element.tagName === 'SELECT') {\n if (element.value === \"\") {\n missingQuestions.push(i);\n }\n } else if (element.type === 'text') {\n if (element.value.trim() === \"\") {\n missingQuestions.push(i);\n }\n }\n }\n\n if (missingQuestions.length > 0) {\n alert(\"\u26a0\ufe0f Please answer the following questions before submitting:\\n\\n\" + \n missingQuestions.join(\", \"));\n return;\n }\n\n \/\/ ===== CALCULATE SCORE =====\n for (let key in correctAnswers) {\n const element = form.querySelector(`[name=\"${key}\"]`);\n if (!element) continue;\n\n let userValue = \"\";\n\n if (element.type === 'radio') {\n const checked = form.querySelector(`input[name=\"${key}\"]:checked`);\n userValue = checked ? checked.value : \"\";\n } else if (element.tagName === 'SELECT') {\n userValue = element.value;\n } else if (element.type === 'text') {\n userValue = element.value.trim().toLowerCase();\n }\n\n if (userValue === correctAnswers[key]) {\n score++;\n }\n }\n\n \/\/ ===== CALCULATE PERCENTAGE AND GRADE =====\n const percentage = Math.round((score \/ totalQuestions) * 100);\n \n let grade = 1.0;\n const passingScore = Math.ceil(totalQuestions * 0.6);\n\n if (score < passingScore) {\n grade = 1.0 + 3.0 * (score \/ passingScore);\n } else {\n grade = 4.0 + 3.0 * ((score - passingScore) \/ (totalQuestions - passingScore));\n }\n \n grade = Math.round(grade * 10) \/ 10;\n\n \/\/ ===== GET STUDENT INFO =====\n const studentName = document.getElementById('studentName').value || \"Student\";\n const studentDate = document.getElementById('studentDate').value || \"N\/A\";\n const studentCourse = document.getElementById('studentCourse').value || \"N\/A\";\n\n \/\/ ===== DISPLAY RESULTS =====\n const resultsCard = document.getElementById('results-card');\n const scoreTitle = document.getElementById('scoreTitle');\n const scoreDetails = document.getElementById('scoreDetails');\n const correctCount = document.getElementById('correctCount');\n const incorrectCount = document.getElementById('incorrectCount');\n const studentSummary = document.getElementById('studentSummary');\n\n resultsCard.style.display = 'block';\n\n if (grade >= 4.0) {\n resultsCard.className = 'pass';\n scoreTitle.innerHTML = \"\u2705 PASSED! Congratulations \ud83c\udf89\";\n } else {\n resultsCard.className = 'fail';\n scoreTitle.innerHTML = \"\ud83d\udcda Keep Practicing! You'll get it next time \ud83d\udcaa\";\n }\n\n const incorrect = totalQuestions - score;\n\n correctCount.textContent = score;\n incorrectCount.textContent = incorrect;\n\n scoreDetails.innerHTML = `\n <div class=\"big-number\">${percentage}%<\/div>\n <strong>Score:<\/strong> ${score} out of ${totalQuestions} correct<br>\n <span style=\"font-size: 24px; font-weight: 700; display: inline-block; margin-top: 8px;\">\n Final Grade: ${grade.toFixed(1)}\n <\/span>\n `;\n\n studentSummary.innerHTML = `\n \ud83d\udc64 <strong>${studentName}<\/strong> \u00b7 \n \ud83d\udcc5 ${studentDate} \u00b7 \n \ud83d\udcda ${studentCourse}\n `;\n\n resultsCard.scrollIntoView({ behavior: 'smooth' });\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>CV – Interactive Activity \ud83d\udcc4 CURRICULUM VITAE Reading Comprehension & Vocabulary Activity \ud83d\udccb 40 Exercises \u00b7 4 Sections \u00b7 Interactive Instructions: Read the CV model carefully before completing these exercises. All answers must be based on the information provided in the CV example. Complete all questions and click “Submit & Get Results” to receive your […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-531","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/531","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/comments?post=531"}],"version-history":[{"count":1,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/531\/revisions"}],"predecessor-version":[{"id":533,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/531\/revisions\/533"}],"wp:attachment":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/media?parent=531"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}