{"id":683,"date":"2026-07-22T21:35:50","date_gmt":"2026-07-22T21:35:50","guid":{"rendered":"https:\/\/teacherjm.com\/epja\/?page_id=683"},"modified":"2026-07-22T21:35:50","modified_gmt":"2026-07-22T21:35:50","slug":"683-2","status":"publish","type":"page","link":"https:\/\/teacherjm.com\/epja\/683-2\/","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Interactive Activity &#8211; Building Your CV (EPJA English)<\/title>\n    <style>\n        \/* ============================================================\n           ESTILOS PARA PDF Y P\u00c1GINA WEB\n           ============================================================ *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        body {\n            font-family: 'Segoe UI', Roboto, Arial, sans-serif;\n            background: #f0f0f0;\n            color: #2c3e50;\n            padding: 30px 20px;\n            line-height: 1.7;\n        }\n        .page {\n            max-width: 1000px;\n            margin: 0 auto;\n            background: white;\n            padding: 40px 50px;\n            border-radius: 12px;\n            box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n        }\n        \/* Encabezado *\/\n        .header {\n            text-align: center;\n            border-bottom: 4px solid #2980b9;\n            padding-bottom: 20px;\n            margin-bottom: 30px;\n        }\n        .header h1 {\n            font-size: 2.2rem;\n            color: #1a5276;\n            font-family: 'Times New Roman', serif;\n        }\n        .header h2 {\n            font-size: 1.4rem;\n            color: #2c3e50;\n            font-weight: 400;\n            margin-top: 5px;\n        }\n        .header .info {\n            font-size: 1rem;\n            color: #5d6d7e;\n            margin-top: 10px;\n        }\n        \/* T\u00edtulos de secci\u00f3n *\/\n        .section-title {\n            font-size: 1.6rem;\n            color: #1a5276;\n            font-family: 'Times New Roman', serif;\n            border-bottom: 2px solid #d4e6f1;\n            padding-bottom: 8px;\n            margin: 30px 0 20px 0;\n        }\n        .section-title2 {\n            font-size: 1.3rem;\n            color: #1a5276;\n            margin: 25px 0 15px 0;\n            font-family: 'Times New Roman', serif;\n        }\n        .section-title3 {\n            font-size: 1.1rem;\n            color: #2c3e50;\n            margin: 20px 0 10px 0;\n            font-weight: 600;\n        }\n        \/* Cajas de informaci\u00f3n *\/\n        .info-box {\n            background: #f4f9fc;\n            border-left: 5px solid #2980b9;\n            padding: 15px 20px;\n            margin: 10px 0 15px 0;\n            border-radius: 6px;\n        }\n        .info-box strong {\n            color: #1a5276;\n        }\n        .tip-box {\n            background: #fdf2e9;\n            border-left: 5px solid #e67e22;\n            padding: 15px 20px;\n            margin: 10px 0 15px 0;\n            border-radius: 6px;\n        }\n        .tip-box strong {\n            color: #d35400;\n        }\n        .warning-box {\n            background: #fdedec;\n            border-left: 5px solid #e74c3c;\n            padding: 15px 20px;\n            margin: 10px 0 15px 0;\n            border-radius: 6px;\n        }\n        .warning-box strong {\n            color: #c0392b;\n        }\n        \/* Ejemplos *\/\n        .example-box {\n            background: white;\n            border: 2px solid #2980b9;\n            padding: 18px 22px;\n            border-radius: 8px;\n            margin: 10px 0;\n        }\n        .example-box .label {\n            font-weight: 700;\n            color: #1a5276;\n            font-size: 0.9rem;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n        .example-box .content {\n            margin-top: 5px;\n            font-size: 0.95rem;\n            color: #2c3e50;\n        }\n        \/* Formulario interactivo *\/\n        .form-section {\n            background: #f8f9fa;\n            border: 2px solid #dee2e6;\n            border-radius: 8px;\n            padding: 20px 25px;\n            margin: 15px 0;\n        }\n        .form-section h4 {\n            color: #1a5276;\n            margin-bottom: 10px;\n        }\n        .form-field {\n            margin-bottom: 15px;\n        }\n        .form-field label {\n            display: block;\n            font-weight: 600;\n            margin-bottom: 4px;\n            color: #2c3e50;\n        }\n        .form-field .hint {\n            font-size: 0.85rem;\n            color: #5d6d7e;\n            font-style: italic;\n        }\n        .form-field input,\n        .form-field textarea,\n        .form-field select {\n            width: 100%;\n            padding: 10px 14px;\n            border: 2px solid #d4d4d4;\n            border-radius: 6px;\n            font-size: 1rem;\n            font-family: inherit;\n            transition: border 0.3s;\n            background: white;\n        }\n        .form-field input:focus,\n        .form-field textarea:focus,\n        .form-field select:focus {\n            border-color: #2980b9;\n            outline: none;\n        }\n        .form-field textarea {\n            min-height: 80px;\n            resize: vertical;\n        }\n        .form-row {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 20px;\n        }\n        \/* Checklist *\/\n        .checklist {\n            list-style: none;\n            padding-left: 0;\n        }\n        .checklist li {\n            padding: 8px 0 8px 35px;\n            border-bottom: 1px solid #e9ecef;\n            position: relative;\n            cursor: pointer;\n            transition: background 0.2s;\n        }\n        .checklist li:hover {\n            background: #f4f9fc;\n        }\n        .checklist li:last-child {\n            border-bottom: none;\n        }\n        .checklist li::before {\n            content: \"\u2610\";\n            font-size: 1.4rem;\n            position: absolute;\n            left: 0;\n            top: 4px;\n            color: #2980b9;\n        }\n        .checklist li.checked::before {\n            content: \"\u2611\";\n        }\n        .checklist li.checked {\n            text-decoration: line-through;\n            color: #5d6d7e;\n        }\n        \/* Botones *\/\n        .btn {\n            display: inline-block;\n            padding: 12px 28px;\n            font-size: 1rem;\n            font-weight: 700;\n            border: none;\n            border-radius: 6px;\n            cursor: pointer;\n            transition: all 0.3s;\n            text-align: center;\n        }\n        .btn-success {\n            background: #27ae60;\n            color: white;\n        }\n        .btn-success:hover {\n            background: #1e8449;\n            transform: translateY(-2px);\n        }\n        .btn-primary {\n            background: #2980b9;\n            color: white;\n        }\n        .btn-primary:hover {\n            background: #1a5276;\n            transform: translateY(-2px);\n        }\n        .btn-warning {\n            background: #e67e22;\n            color: white;\n        }\n        .btn-warning:hover {\n            background: #ca6f1e;\n            transform: translateY(-2px);\n        }\n        .btn-danger {\n            background: #e74c3c;\n            color: white;\n        }\n        .btn-danger:hover {\n            background: #c0392b;\n            transform: translateY(-2px);\n        }\n        \/* Plantilla CV *\/\n        .cv-template {\n            background: white;\n            border: 2px solid #2c3e50;\n            border-radius: 8px;\n            padding: 25px 30px;\n            margin: 20px 0;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n        }\n        .cv-template .cv-header {\n            text-align: center;\n            border-bottom: 2px solid #2c3e50;\n            padding-bottom: 15px;\n            margin-bottom: 20px;\n        }\n        .cv-template .cv-header h2 {\n            color: #1a5276;\n            font-size: 1.8rem;\n        }\n        .cv-template .cv-header p {\n            color: #5d6d7e;\n        }\n        .cv-template .cv-section {\n            margin-bottom: 15px;\n        }\n        .cv-template .cv-section h4 {\n            color: #1a5276;\n            border-bottom: 1px solid #d4e6f1;\n            padding-bottom: 5px;\n            margin-bottom: 8px;\n        }\n        .cv-template .cv-section .cv-item {\n            margin-bottom: 8px;\n        }\n        .cv-template .cv-section .cv-item strong {\n            display: block;\n            color: #2c3e50;\n        }\n        .cv-template .cv-section .cv-item .cv-date {\n            font-size: 0.85rem;\n            color: #5d6d7e;\n            font-weight: 400;\n        }\n        .cv-template .cv-section .cv-item .cv-desc {\n            font-size: 0.95rem;\n            margin-top: 2px;\n            padding-left: 15px;\n        }\n        \/* Print \/ PDF styles *\/\n        @media print {\n            body {\n                background: white;\n                padding: 0;\n                font-size: 11pt;\n            }\n            .page {\n                box-shadow: none;\n                padding: 30px 40px;\n                border-radius: 0;\n            }\n            .no-print {\n                display: none !important;\n            }\n            .form-field input,\n            .form-field textarea,\n            .form-field select {\n                border: 1px solid #ccc;\n                background: #f9f9f9;\n            }\n            .cv-template {\n                page-break-inside: avoid;\n            }\n            .header {\n                border-bottom-color: #2980b9 !important;\n            }\n            .form-row {\n                grid-template-columns: 1fr 1fr;\n            }\n            .checklist li::before {\n                color: #2980b9 !important;\n            }\n            .checklist li.checked {\n                text-decoration: none !important;\n                color: #2c3e50 !important;\n            }\n        }\n        @media (max-width: 600px) {\n            .page { padding: 20px; }\n            .form-row { grid-template-columns: 1fr; }\n            .header h1 { font-size: 1.6rem; }\n        }\n        .text-center { text-align: center; }\n        .mt-10 { margin-top: 10px; }\n        .mb-10 { margin-bottom: 10px; }\n        .mt-20 { margin-top: 20px; }\n        .mb-20 { margin-bottom: 20px; }\n        .text-small { font-size: 0.9rem; color: #5d6d7e; }\n        .text-large { font-size: 1.2rem; }\n        .tag {\n            display: inline-block;\n            padding: 2px 12px;\n            border-radius: 20px;\n            font-size: 0.75rem;\n            font-weight: 700;\n            margin-left: 8px;\n        }\n        .tag-blue { background: #2980b9; color: white; }\n        .tag-orange { background: #e67e22; color: white; }\n        .tag-green { background: #27ae60; color: white; }\n        .tag-red { background: #e74c3c; color: white; }\n        \/* Tablas *\/\n        .grammar-table {\n            width: 100%;\n            border-collapse: collapse;\n            margin: 15px 0 20px 0;\n            font-size: 0.95rem;\n        }\n        .grammar-table th {\n            background: #1a5276;\n            color: white;\n            padding: 10px 14px;\n            text-align: left;\n        }\n        .grammar-table td {\n            padding: 10px 14px;\n            border-bottom: 1px solid #d4e6f1;\n        }\n        .grammar-table tr:nth-child(even) {\n            background: #f4f9fc;\n        }\n        .grammar-table tr:hover {\n            background: #e8f0f8;\n        }\n        \/* Self-assessment *\/\n        .self-assessment {\n            background: #fdf2e9;\n            padding: 18px 22px;\n            border-radius: 8px;\n            margin: 15px 0;\n            border-left: 5px solid #e67e22;\n        }\n        .self-assessment table {\n            width: 100%;\n            border-collapse: collapse;\n            margin-top: 10px;\n        }\n        .self-assessment th {\n            background: #e67e22;\n            color: white;\n            padding: 8px 12px;\n            text-align: left;\n        }\n        .self-assessment td {\n            padding: 8px 12px;\n            border-bottom: 1px solid #e0d6c4;\n        }\n        .self-assessment .emoji-cell {\n            text-align: center;\n            font-size: 1.2rem;\n        }\n        .self-assessment input[type=\"checkbox\"] {\n            width: 18px;\n            height: 18px;\n            accent-color: #e67e22;\n            cursor: pointer;\n        }\n        \/* Writing box *\/\n        .writing-box {\n            background: white;\n            border: 2px dashed #2980b9;\n            padding: 20px;\n            min-height: 150px;\n            border-radius: 8px;\n            margin: 10px 0;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"page\">\n\n        <!-- ============================================================\n        HEADER\n        ============================================================ -->\n        <div class=\"header\">\n            <h1>\ud83d\udcc4 Interactive Activity<\/h1>\n            <h2>Building Your Curriculum Vitae (CV)<\/h2>\n            <p class=\"info\">\n                <strong>Level:<\/strong> EPJA \u2013 High School (3rd &#038; 4th Year) &nbsp;|&nbsp;\n                <strong>Subject:<\/strong> English (ESL) &nbsp;|&nbsp;\n                <strong>Estimated time:<\/strong> 2 hours\n            <\/p>\n        <\/div>\n\n        <!-- ============================================================\n        OBJECTIVES\n        ============================================================ -->\n        <h2 class=\"section-title\">\ud83c\udfaf Learning Objectives<\/h2>\n        <p>By the end of this activity, you will be able to:<\/p>\n        <ul style=\"padding-left: 25px; margin: 10px 0 20px 0;\">\n            <li>\u2705 Identify the <strong>essential parts<\/strong> of a Curriculum Vitae.<\/li>\n            <li>\u2705 Write each <strong>section<\/strong> of a CV clearly and professionally.<\/li>\n            <li>\u2705 Use <strong>action verbs<\/strong> to describe skills and experiences.<\/li>\n            <li>\u2705 <strong>Self-assess<\/strong> your CV using a checklist.<\/li>\n            <li>\u2705 Prepare a <strong>CV ready<\/strong> to use for job or study applications.<\/li>\n        <\/ul>\n\n        <!-- ============================================================\n        PART 1: WHAT IS A CV?\n        ============================================================ -->\n        <h2 class=\"section-title\">\ud83d\udcd6 Part 1: What is a Curriculum Vitae?<\/h2>\n\n        <div class=\"info-box\">\n            <p><strong>\ud83d\udccc Definition:<\/strong> A Curriculum Vitae (CV) is a document that summarizes your <strong>personal, academic, and work background<\/strong>. It is your &#8220;business card&#8221; for future employers or educational institutions.<\/p>\n        <\/div>\n\n        <div class=\"tip-box\">\n            <p><strong>\ud83d\udca1 Important:<\/strong> In Chile, a CV is essential to apply for jobs, scholarships, internships, and study programs. It is your <strong>first impression<\/strong>!<\/p>\n        <\/div>\n\n        <h3 class=\"section-title3\">Essential Parts of a CV<\/h3>\n\n        <table class=\"grammar-table\">\n            <thead>\n                <tr>\n                    <th>Section<\/th>\n                    <th>What to include?<\/th>\n                    <th>Example<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody>\n                <tr>\n                    <td><strong>Personal Information<\/strong><\/td>\n                    <td>Name, RUT (ID), date of birth, contact details<\/td>\n                    <td><em>John Smith \u00b7 12.345.678-9 \u00b7 john@email.com<\/em><\/td>\n                <\/tr>\n                <tr>\n                    <td><strong>Professional Objective<\/strong><\/td>\n                    <td>Summary of your goals and aspirations<\/td>\n                    <td><em>Proactive student seeking experience in customer service.<\/em><\/td>\n                <\/tr>\n                <tr>\n                    <td><strong>Education<\/strong><\/td>\n                    <td>Studies completed (from high school)<\/td>\n                    <td><em>High School &#8211; Liceo A-47 (2021-2024)<\/em><\/td>\n                <\/tr>\n                <tr>\n                    <td><strong>Work Experience<\/strong><\/td>\n                    <td>Previous jobs (paid or volunteer)<\/td>\n                    <td><em>Sales Assistant &#8211; XYZ Supermarket (2022-2023)<\/em><\/td>\n                <\/tr>\n                <tr>\n                    <td><strong>Skills<\/strong><\/td>\n                    <td>Technical and personal competencies<\/td>\n                    <td><em>Microsoft Office, teamwork, communication<\/em><\/td>\n                <\/tr>\n                <tr>\n                    <td><strong>References<\/strong><\/td>\n                    <td>People who can recommend you<\/td>\n                    <td><em>Available upon request<\/em><\/td>\n                <\/tr>\n            <\/tbody>\n        <\/table>\n\n        <!-- ============================================================\n        PART 2: KEY VOCABULARY\n        ============================================================ -->\n        <h2 class=\"section-title\">\ud83d\udcda Part 2: Key Vocabulary<\/h2>\n\n        <h3 class=\"section-title3\">Action Verbs for Your CV<\/h3>\n        <div style=\"display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px 20px; margin:10px 0 15px 0;\">\n            <div><strong>Management<\/strong><br>Managed, Organized, Coordinated, Directed<\/div>\n            <div><strong>Communication<\/strong><br>Presented, Explained, Negotiated, Wrote<\/div>\n            <div><strong>Creativity<\/strong><br>Designed, Created, Innovated, Developed<\/div>\n            <div><strong>Analysis<\/strong><br>Evaluated, Researched, Analyzed, Diagnosed<\/div>\n            <div><strong>Leadership<\/strong><br>Guided, Motivated, Trained, Supervised<\/div>\n            <div><strong>Execution<\/strong><br>Implemented, Performed, Executed, Produced<\/div>\n        <\/div>\n\n        <h3 class=\"section-title3\">Soft Skills<\/h3>\n        <div style=\"display:grid; grid-template-columns:1fr 1fr 1fr; gap:5px 20px; margin:10px 0 15px 0;\">\n            <div>\u2022 Teamwork<\/div>\n            <div>\u2022 Effective communication<\/div>\n            <div>\u2022 Problem-solving<\/div>\n            <div>\u2022 Adaptability<\/div>\n            <div>\u2022 Responsibility<\/div>\n            <div>\u2022 Critical thinking<\/div>\n            <div>\u2022 Leadership<\/div>\n            <div>\u2022 Empathy<\/div>\n            <div>\u2022 Organization<\/div>\n        <\/div>\n\n        <h3 class=\"section-title3\">Hard Skills (Technical)<\/h3>\n        <div style=\"display:grid; grid-template-columns:1fr 1fr 1fr; gap:5px 20px; margin:10px 0 15px 0;\">\n            <div>\u2022 Microsoft Office<\/div>\n            <div>\u2022 Google Workspace<\/div>\n            <div>\u2022 Social media management<\/div>\n            <div>\u2022 English (basic\/intermediate)<\/div>\n            <div>\u2022 Customer service<\/div>\n            <div>\u2022 Cash handling<\/div>\n            <div>\u2022 Computer repair<\/div>\n            <div>\u2022 Basic graphic design<\/div>\n            <div>\u2022 First aid<\/div>\n        <\/div>\n\n        <!-- ============================================================\n        PART 3: CV EXAMPLE\n        ============================================================ -->\n        <h2 class=\"section-title\">\ud83d\udcdd Part 3: CV Example<\/h2>\n\n        <div class=\"example-box\">\n            <div class=\"label\">\ud83d\udccc CV EXAMPLE FOR HIGH SCHOOL STUDENT<\/div>\n            <div class=\"content\">\n                <div class=\"cv-template\" style=\"border-color:#2980b9;\">\n                    <div class=\"cv-header\">\n                        <h2 style=\"color:#1a5276;\">Ana Mar\u00eda Gonz\u00e1lez<\/h2>\n                        <p>\ud83d\udcde +56 9 1234 5678 \u00b7 \u2709 ana.gonzalez@email.com<br>\n                        \ud83d\udccd Av. Los Pinos 123, Santiago<\/p>\n                    <\/div>\n\n                    <div class=\"cv-section\">\n                        <h4>\ud83c\udfaf Professional Objective<\/h4>\n                        <p>High school student with customer service experience. Looking for my first work experience to apply my communication and teamwork skills.<\/p>\n                    <\/div>\n\n                    <div class=\"cv-section\">\n                        <h4>\ud83d\udcda Education<\/h4>\n                        <div class=\"cv-item\">\n                            <strong>High School <span class=\"cv-date\">(2021 &#8211; 2024)<\/span><\/strong>\n                            <div class=\"cv-desc\">Liceo Polivalente A-47, Santiago<br>GPA: 6.2<\/div>\n                        <\/div>\n                        <div class=\"cv-item\">\n                            <strong>Basic English Course <span class=\"cv-date\">(2023)<\/span><\/strong>\n                            <div class=\"cv-desc\">Instituto Chileno-Brit\u00e1nico<\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"cv-section\">\n                        <h4>\ud83d\udcbc Work Experience<\/h4>\n                        <div class=\"cv-item\">\n                            <strong>Sales Assistant \/ Stock Clerk <span class=\"cv-date\">(Jan 2024 &#8211; Present)<\/span><\/strong>\n                            <div class=\"cv-desc\">&#8220;El Buen Precio&#8221; Supermarket<br>\u2022 Assisted customers and restocked products.<br>\u2022 Maintained order and cleanliness in the aisle.<\/div>\n                        <\/div>\n                        <div class=\"cv-item\">\n                            <strong>Library Volunteer <span class=\"cv-date\">(2023)<\/span><\/strong>\n                            <div class=\"cv-desc\">Santiago Municipal Library<br>\u2022 Organized books and assisted library users.<\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"cv-section\">\n                        <h4>\ud83d\udee0\ufe0f Skills<\/h4>\n                        <p>\u2022 Microsoft Office (Word, Excel, PowerPoint)<br>\n                        \u2022 English (basic reading and writing)<br>\n                        \u2022 Teamwork and communication<br>\n                        \u2022 Organization and responsibility<\/p>\n                    <\/div>\n\n                    <div class=\"cv-section\">\n                        <h4>\ud83c\udf0d Languages<\/h4>\n                        <p>\u2022 Spanish &#8211; Native<br>\u2022 English &#8211; Basic<\/p>\n                    <\/div>\n\n                    <div class=\"cv-section\">\n                        <h4>\ud83d\udccb References<\/h4>\n                        <p>Available upon request.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- ============================================================\n        PART 4: INTERACTIVE FORM\n        ============================================================ -->\n        <h2 class=\"section-title\">\u270f\ufe0f Part 4: Build Your CV<\/h2>\n\n        <div class=\"info-box\">\n            <p><strong>\ud83d\udccc Instructions:<\/strong> Complete the form below with your personal information. When you finish, click &#8220;Generate my CV&#8221; to see a preview.<\/p>\n        <\/div>\n\n        <div class=\"form-section\" id=\"cv-form\">\n            <h4>\ud83d\udccb Personal Information<\/h4>\n            <div class=\"form-row\">\n                <div class=\"form-field\">\n                    <label for=\"nombre\">Full Name *<\/label>\n                    <input type=\"text\" id=\"nombre\" placeholder=\"E.g. Ana Mar\u00eda Gonz\u00e1lez P\u00e9rez\">\n                <\/div>\n                <div class=\"form-field\">\n                    <label for=\"rut\">RUT (ID Number) *<\/label>\n                    <input type=\"text\" id=\"rut\" placeholder=\"E.g. 12.345.678-9\">\n                <\/div>\n            <\/div>\n            <div class=\"form-row\">\n                <div class=\"form-field\">\n                    <label for=\"telefono\">Phone Number *<\/label>\n                    <input type=\"text\" id=\"telefono\" placeholder=\"E.g. +56 9 1234 5678\">\n                <\/div>\n                <div class=\"form-field\">\n                    <label for=\"email\">Email Address *<\/label>\n                    <input type=\"email\" id=\"email\" placeholder=\"E.g. ana@email.com\">\n                <\/div>\n            <\/div>\n            <div class=\"form-field\">\n                <label for=\"direccion\">Address<\/label>\n                <input type=\"text\" id=\"direccion\" placeholder=\"E.g. Av. Los Pinos 123, Santiago\">\n            <\/div>\n\n            <h4 style=\"margin-top:20px;\">\ud83c\udfaf Professional Objective<\/h4>\n            <div class=\"form-field\">\n                <label for=\"objetivo\">What is your professional or work goal?<\/label>\n                <span class=\"hint\">Describe what you want to achieve with your CV.<\/span>\n                <textarea id=\"objetivo\" placeholder=\"E.g. Responsible student seeking my first work experience in customer service...\"><\/textarea>\n            <\/div>\n\n            <h4 style=\"margin-top:20px;\">\ud83d\udcda Education<\/h4>\n            <div class=\"form-field\">\n                <label for=\"estudios\">Your education *<\/label>\n                <span class=\"hint\">Include high school, courses, workshops, etc.<\/span>\n                <textarea id=\"estudios\" placeholder=\"E.g. High School - Liceo A-47 (2021-2024)\"><\/textarea>\n            <\/div>\n\n            <h4 style=\"margin-top:20px;\">\ud83d\udcbc Work Experience<\/h4>\n            <div class=\"form-field\">\n                <label for=\"experiencia\">Work or volunteer experience<\/label>\n                <span class=\"hint\">Include paid jobs, internships, volunteer work, etc.<\/span>\n                <textarea id=\"experiencia\" placeholder=\"E.g. Sales Assistant - XYZ Supermarket (2024)\"><\/textarea>\n            <\/div>\n\n            <h4 style=\"margin-top:20px;\">\ud83d\udee0\ufe0f Skills<\/h4>\n            <div class=\"form-field\">\n                <label for=\"habilidades\">List your technical and personal skills<\/label>\n                <span class=\"hint\">E.g. Microsoft Office, teamwork, basic English&#8230;<\/span>\n                <textarea id=\"habilidades\" placeholder=\"E.g. Microsoft Office, teamwork, effective communication...\"><\/textarea>\n            <\/div>\n\n            <div class=\"form-row\" style=\"margin-top:15px;\">\n                <div class=\"form-field\">\n                    <label for=\"idioma1\">Language 1<\/label>\n                    <input type=\"text\" id=\"idioma1\" placeholder=\"E.g. English\">\n                <\/div>\n                <div class=\"form-field\">\n                    <label for=\"nivel1\">Level<\/label>\n                    <select id=\"nivel1\">\n                        <option value=\"\">Select&#8230;<\/option>\n                        <option value=\"Basic\">Basic<\/option>\n                        <option value=\"Intermediate\">Intermediate<\/option>\n                        <option value=\"Advanced\">Advanced<\/option>\n                        <option value=\"Native\">Native<\/option>\n                    <\/select>\n                <\/div>\n            <\/div>\n            <div class=\"form-row\">\n                <div class=\"form-field\">\n                    <label for=\"idioma2\">Language 2<\/label>\n                    <input type=\"text\" id=\"idioma2\" placeholder=\"E.g. Portuguese\">\n                <\/div>\n                <div class=\"form-field\">\n                    <label for=\"nivel2\">Level<\/label>\n                    <select id=\"nivel2\">\n                        <option value=\"\">Select&#8230;<\/option>\n                        <option value=\"Basic\">Basic<\/option>\n                        <option value=\"Intermediate\">Intermediate<\/option>\n                        <option value=\"Advanced\">Advanced<\/option>\n                        <option value=\"Native\">Native<\/option>\n                    <\/select>\n                <\/div>\n            <\/div>\n\n            <h4 style=\"margin-top:20px;\">\ud83d\udccb References<\/h4>\n            <div class=\"form-field\">\n                <label for=\"referencias\">Name and contact of references<\/label>\n                <span class=\"hint\">People who can recommend you (teachers, former bosses, etc.)<\/span>\n                <textarea id=\"referencias\" placeholder=\"E.g. Available upon request\"><\/textarea>\n            <\/div>\n\n            <div class=\"text-center mt-20\">\n                <button class=\"btn btn-success\" onclick=\"generarCV()\">\u2705 Generate my CV<\/button>\n                <button class=\"btn btn-warning\" onclick=\"limpiarFormulario()\" style=\"margin-left:10px;\">\ud83d\udd04 Clear form<\/button>\n            <\/div>\n        <\/div>\n\n        <!-- ============================================================\n        PART 5: CV PREVIEW\n        ============================================================ -->\n        <h2 class=\"section-title\" style=\"margin-top:40px;\">\ud83d\udc41\ufe0f Part 5: Your CV Preview<\/h2>\n\n        <div class=\"info-box\">\n            <p><strong>\ud83d\udccc Instructions:<\/strong> Complete the form in Part 4 and click &#8220;Generate my CV&#8221;. Your CV will appear here.<\/p>\n        <\/div>\n\n        <div id=\"cv-preview\" style=\"display:none;\">\n            <div class=\"cv-template\">\n                <div class=\"cv-header\">\n                    <h2 id=\"preview-nombre\" style=\"color:#1a5276;\">Your Name<\/h2>\n                    <p id=\"preview-contacto\">\ud83d\udcde Phone \u00b7 \u2709 Email<br>\ud83d\udccd Address<\/p>\n                <\/div>\n\n                <div class=\"cv-section\">\n                    <h4>\ud83c\udfaf Professional Objective<\/h4>\n                    <p id=\"preview-objetivo\">Your professional objective here&#8230;<\/p>\n                <\/div>\n\n                <div class=\"cv-section\">\n                    <h4>\ud83d\udcda Education<\/h4>\n                    <p id=\"preview-estudios\">Your education here&#8230;<\/p>\n                <\/div>\n\n                <div class=\"cv-section\">\n                    <h4>\ud83d\udcbc Work Experience<\/h4>\n                    <p id=\"preview-experiencia\">Your experience here&#8230;<\/p>\n                <\/div>\n\n                <div class=\"cv-section\">\n                    <h4>\ud83d\udee0\ufe0f Skills<\/h4>\n                    <p id=\"preview-habilidades\">Your skills here&#8230;<\/p>\n                <\/div>\n\n                <div class=\"cv-section\">\n                    <h4>\ud83c\udf0d Languages<\/h4>\n                    <p id=\"preview-idiomas\">Your languages here&#8230;<\/p>\n                <\/div>\n\n                <div class=\"cv-section\">\n                    <h4>\ud83d\udccb References<\/h4>\n                    <p id=\"preview-referencias\">Your references here&#8230;<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"text-center mt-10\">\n                <button class=\"btn btn-primary\" onclick=\"window.print()\">\ud83d\udda8\ufe0f Print \/ Save as PDF<\/button>\n                <button class=\"btn btn-danger\" onclick=\"ocultarPreview()\" style=\"margin-left:10px;\">\u2716\ufe0f Hide Preview<\/button>\n            <\/div>\n        <\/div>\n\n        <!-- ============================================================\n        PART 6: CHECKLIST\n        ============================================================ -->\n        <h2 class=\"section-title\">\u2705 Part 6: CV Checklist<\/h2>\n\n        <div class=\"info-box\">\n            <p><strong>\ud83d\udccc Review your CV:<\/strong> Click each item to mark it as complete. Make sure your CV is ready before sending it.<\/p>\n        <\/div>\n\n        <ul class=\"checklist\" id=\"checklist\">\n            <li onclick=\"toggleCheck(this)\">Personal information complete (name, RUT, phone, email)<\/li>\n            <li onclick=\"toggleCheck(this)\">Clear and specific professional objective<\/li>\n            <li onclick=\"toggleCheck(this)\">Education from high school onwards<\/li>\n            <li onclick=\"toggleCheck(this)\">Work or volunteer experience (if applicable)<\/li>\n            <li onclick=\"toggleCheck(this)\">Technical and soft skills listed<\/li>\n            <li onclick=\"toggleCheck(this)\">Languages and level of proficiency<\/li>\n            <li onclick=\"toggleCheck(this)\">References (or &#8220;available upon request&#8221;)<\/li>\n            <li onclick=\"toggleCheck(this)\">Clean, organized format with no spelling errors<\/li>\n            <li onclick=\"toggleCheck(this)\">Appropriate length (maximum 2 pages)<\/li>\n            <li onclick=\"toggleCheck(this)\">Information is current and truthful<\/li>\n        <\/ul>\n\n        <div class=\"text-center mt-10\">\n            <button class=\"btn btn-success\" onclick=\"marcarTodos()\">\u2705 Check all<\/button>\n            <button class=\"btn btn-warning\" onclick=\"desmarcarTodos()\" style=\"margin-left:10px;\">\ud83d\udd04 Uncheck all<\/button>\n        <\/div>\n\n        <!-- ============================================================\n        PART 7: FINAL TIPS\n        ============================================================ -->\n        <h2 class=\"section-title\">\ud83d\udca1 Part 7: Tips for a Successful CV<\/h2>\n\n        <div class=\"tip-box\">\n            <p><strong>\ud83c\udf1f Tip 1: Be specific<\/strong><br>\n            Instead of saying &#8220;I worked in customer service,&#8221; say &#8220;I assisted more than 50 customers daily in a retail store.&#8221;<\/p>\n        <\/div>\n\n        <div class=\"tip-box\">\n            <p><strong>\ud83c\udf1f Tip 2: Use action verbs<\/strong><br>\n            Use verbs like <em>managed, organized, implemented, developed, designed, coordinated<\/em> to describe your experiences.<\/p>\n        <\/div>\n\n        <div class=\"tip-box\">\n            <p><strong>\ud83c\udf1f Tip 3: Adapt your CV to the position<\/strong><br>\n            Research the company or position you are applying for and highlight relevant skills.<\/p>\n        <\/div>\n\n        <div class=\"tip-box\">\n            <p><strong>\ud83c\udf1f Tip 4: Check your spelling<\/strong><br>\n            A spelling mistake can make a bad impression. Ask someone to review your CV before sending it.<\/p>\n        <\/div>\n\n        <div class=\"warning-box\">\n            <p><strong>\u26a0\ufe0f Important! Never lie on your CV<\/strong><br>\n            Always be honest about your skills and experiences. If you don&#8217;t have work experience, highlight your skills, studies, and volunteer work.<\/p>\n        <\/div>\n\n        <!-- ============================================================\n        PART 8: SELF-ASSESSMENT\n        ============================================================ -->\n        <h2 class=\"section-title\">\ud83c\udf93 Part 8: Self-Assessment<\/h2>\n\n        <div class=\"self-assessment\">\n            <p><strong>How prepared are you to create your CV?<\/strong><\/p>\n            <table>\n                <thead>\n                    <tr>\n                        <th>Skill<\/th>\n                        <th style=\"text-align:center;\">\ud83d\udc4d Yes, I have it<\/th>\n                        <th style=\"text-align:center;\">\ud83e\udd14 Not really<\/th>\n                        <th style=\"text-align:center;\">\ud83d\ude15 I need help<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr>\n                        <td><strong>I know the parts of a CV<\/strong><\/td>\n                        <td class=\"emoji-cell\"><input type=\"checkbox\"><\/td>\n                        <td class=\"emoji-cell\"><input type=\"checkbox\"><\/td>\n                        <td class=\"emoji-cell\"><input type=\"checkbox\"><\/td>\n                    <\/tr>\n                    <tr>\n                        <td><strong>I can describe my skills<\/strong><\/td>\n                        <td class=\"emoji-cell\"><input type=\"checkbox\"><\/td>\n                        <td class=\"emoji-cell\"><input type=\"checkbox\"><\/td>\n                        <td class=\"emoji-cell\"><input type=\"checkbox\"><\/td>\n                    <\/tr>\n                    <tr>\n                        <td><strong>I can write a professional objective<\/strong><\/td>\n                        <td class=\"emoji-cell\"><input type=\"checkbox\"><\/td>\n                        <td class=\"emoji-cell\"><input type=\"checkbox\"><\/td>\n                        <td class=\"emoji-cell\"><input type=\"checkbox\"><\/td>\n                    <\/tr>\n                    <tr>\n                        <td><strong>I can identify my relevant experiences<\/strong><\/td>\n                        <td class=\"emoji-cell\"><input type=\"checkbox\"><\/td>\n                        <td class=\"emoji-cell\"><input type=\"checkbox\"><\/td>\n                        <td class=\"emoji-cell\"><input type=\"checkbox\"><\/td>\n                    <\/tr>\n                    <tr>\n                        <td><strong>I can organize information clearly<\/strong><\/td>\n                        <td class=\"emoji-cell\"><input type=\"checkbox\"><\/td>\n                        <td class=\"emoji-cell\"><input type=\"checkbox\"><\/td>\n                        <td class=\"emoji-cell\"><input type=\"checkbox\"><\/td>\n                    <\/tr>\n                <\/tbody>\n            <\/table>\n\n            <p style=\"margin-top: 15px;\"><strong>\ud83d\udd0d What to do next?<\/strong><\/p>\n            <ul style=\"padding-left: 20px;\">\n                <li>If you checked <strong>&#8220;Yes, I have it&#8221;<\/strong> for all skills, congratulations! You can apply with confidence.<\/li>\n                <li>If you checked <strong>&#8220;Not really&#8221;<\/strong> for any skill, review the examples and practice again.<\/li>\n                <li>If you checked <strong>&#8220;I need help&#8221;<\/strong> for any skill, ask your teacher for guidance.<\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- ============================================================\n        PART 9: FINAL WRITING TASK\n        ============================================================ -->\n        <h2 class=\"section-title\">\ud83d\udcdd Part 9: Final Writing Task<\/h2>\n\n        <div style=\"background: #f4f9fc; padding: 18px 22px; border-radius: 8px; margin: 10px 0;\">\n            <p><strong>\u270f\ufe0f Your mission:<\/strong> Using the preview of your CV from Part 5, write a final version in a separate document (Word or Google Docs).<\/p>\n            <p style=\"margin-top: 5px;\"><strong>Instructions:<\/strong><\/p>\n            <ol style=\"padding-left: 25px;\">\n                <li>Copy the information from your generated CV.<\/li>\n                <li>Add professional formatting (fonts, sizes, spacing).<\/li>\n                <li>Check your spelling using the checklist.<\/li>\n                <li>Save your CV as a PDF.<\/li>\n                <li>It&#8217;s ready to use for your applications!<\/li>\n            <\/ol>\n        <\/div>\n\n        <!-- ============================================================\n        FOOTER\n        ============================================================ -->\n        <div style=\"text-align: center; margin-top: 40px; padding-top: 20px; border-top: 2px solid #d4e6f1; color: #5d6d7e; font-size: 0.9rem;\">\n            <p>\ud83d\udcc4 Interactive Activity \u2013 Building Your Curriculum Vitae<\/p>\n            <p>Designed for EPJA High School Students \u2013 3rd &#038; 4th Year \u00b7 Subject: English (ESL)<\/p>\n            <p style=\"margin-top: 5px;\">\u00a9 2026 \u00b7 All rights reserved<\/p>\n        <\/div>\n\n    <\/div>\n    <!-- Fin de .page -->\n\n    <!-- ============================================================\n    BOT\u00d3N PARA IMPRIMIR \/ GUARDAR COMO PDF\n    ============================================================ -->\n    <div style=\"text-align: center; margin-top: 30px; max-width: 1000px; margin-left: auto; margin-right: auto;\">\n        <button onclick=\"window.print()\" style=\"\n            background: #1a5276;\n            color: white;\n            border: none;\n            padding: 14px 40px;\n            font-size: 1.1rem;\n            font-weight: 700;\n            border-radius: 8px;\n            cursor: pointer;\n            transition: background 0.3s;\n        \" onmouseover=\"this.style.background='#0d3b5e'\" onmouseout=\"this.style.background='#1a5276'\">\n            \ud83d\udda8\ufe0f Save as PDF \/ Print\n        <\/button>\n        <p style=\"margin-top: 10px; color: #5d6d7e; font-size: 0.9rem;\">\n            Click the button and choose &#8220;Save as PDF&#8221; in the print options.\n        <\/p>\n    <\/div>\n    <br><br>\n\n    <!-- ============================================================\n    JAVASCRIPT FOR INTERACTIVITY\n    ============================================================ -->\n    <script>\n        \/\/ ============================================================\n        \/\/ GENERATE CV FUNCTION\n        \/\/ ============================================================\n        function generarCV() {\n            \/\/ Get form values\n            var nombre = document.getElementById('nombre').value;\n            var rut = document.getElementById('rut').value;\n            var telefono = document.getElementById('telefono').value;\n            var email = document.getElementById('email').value;\n            var direccion = document.getElementById('direccion').value;\n            var objetivo = document.getElementById('objetivo').value;\n            var estudios = document.getElementById('estudios').value;\n            var experiencia = document.getElementById('experiencia').value;\n            var habilidades = document.getElementById('habilidades').value;\n            var idioma1 = document.getElementById('idioma1').value;\n            var nivel1 = document.getElementById('nivel1').value;\n            var idioma2 = document.getElementById('idioma2').value;\n            var nivel2 = document.getElementById('nivel2').value;\n            var referencias = document.getElementById('referencias').value;\n\n            \/\/ Validate required fields\n            if (!nombre || !rut || !telefono || !email || !estudios) {\n                alert('\u26a0\ufe0f Please complete all required fields (*).\\nWe need: Name, RUT, Phone, Email, and Education.');\n                return;\n            }\n\n            \/\/ Build contact\n            var contacto = '';\n            if (telefono) contacto += '\ud83d\udcde ' + telefono;\n            if (email) {\n                if (contacto) contacto += ' \u00b7 \u2709 ' + email;\n                else contacto += '\u2709 ' + email;\n            }\n            if (direccion) {\n                if (contacto) contacto += '<br>\ud83d\udccd ' + direccion;\n                else contacto += '\ud83d\udccd ' + direccion;\n            }\n\n            \/\/ Build languages\n            var idiomasHtml = '';\n            if (idioma1 && nivel1) {\n                idiomasHtml += '\u2022 ' + idioma1 + ' (' + nivel1 + ')';\n            }\n            if (idioma2 && nivel2) {\n                if (idiomasHtml) idiomasHtml += '<br>';\n                idiomasHtml += '\u2022 ' + idioma2 + ' (' + nivel2 + ')';\n            }\n            if (!idiomasHtml) {\n                idiomasHtml = 'Not specified';\n            }\n\n            \/\/ Assign values to preview\n            document.getElementById('preview-nombre').textContent = nombre;\n            document.getElementById('preview-contacto').innerHTML = contacto;\n            document.getElementById('preview-objetivo').textContent = objetivo || 'Not specified.';\n            document.getElementById('preview-estudios').textContent = estudios || 'Not specified.';\n            document.getElementById('preview-experiencia').textContent = experiencia || 'Not specified.';\n            document.getElementById('preview-habilidades').textContent = habilidades || 'Not specified.';\n            document.getElementById('preview-idiomas').innerHTML = idiomasHtml;\n            document.getElementById('preview-referencias').textContent = referencias || 'Not specified.';\n\n            \/\/ Show preview\n            document.getElementById('cv-preview').style.display = 'block';\n\n            \/\/ Scroll to preview\n            document.getElementById('cv-preview').scrollIntoView({ behavior: 'smooth', block: 'start' });\n        }\n\n        \/\/ ============================================================\n        \/\/ CLEAR FORM FUNCTION\n        \/\/ ============================================================\n        function limpiarFormulario() {\n            var campos = document.querySelectorAll('#cv-form input, #cv-form textarea, #cv-form select');\n            campos.forEach(function(campo) {\n                if (campo.tagName === 'SELECT') {\n                    campo.selectedIndex = 0;\n                } else {\n                    campo.value = '';\n                }\n            });\n            ocultarPreview();\n        }\n\n        \/\/ ============================================================\n        \/\/ HIDE PREVIEW FUNCTION\n        \/\/ ============================================================\n        function ocultarPreview() {\n            document.getElementById('cv-preview').style.display = 'none';\n            window.scrollTo({ top: 0, behavior: 'smooth' });\n        }\n\n        \/\/ ============================================================\n        \/\/ CHECKLIST FUNCTIONS\n        \/\/ ============================================================\n        function toggleCheck(element) {\n            element.classList.toggle('checked');\n        }\n\n        function marcarTodos() {\n            var items = document.querySelectorAll('#checklist li');\n            items.forEach(function(item) {\n                item.classList.add('checked');\n            });\n        }\n\n        function desmarcarTodos() {\n            var items = document.querySelectorAll('#checklist li');\n            items.forEach(function(item) {\n                item.classList.remove('checked');\n            });\n        }\n\n        \/\/ ============================================================\n        \/\/ ENTER KEY SUPPORT\n        \/\/ ============================================================\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Enter' && e.target.tagName !== 'TEXTAREA') {\n                \/\/ Do nothing to avoid accidental submissions\n            }\n        });\n\n        console.log('\u2705 CV Building Activity loaded successfully.');\n    <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Interactive Activity &#8211; Building Your CV (EPJA English) \ud83d\udcc4 Interactive Activity Building Your Curriculum Vitae (CV) Level: EPJA \u2013 High School (3rd &#038; 4th Year) &nbsp;|&nbsp; Subject: English (ESL) &nbsp;|&nbsp; Estimated time: 2 hours \ud83c\udfaf Learning Objectives By the end of this activity, you will be able to: \u2705 Identify the essential parts of a [&hellip;]<\/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-683","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/683","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=683"}],"version-history":[{"count":1,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/683\/revisions"}],"predecessor-version":[{"id":684,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/683\/revisions\/684"}],"wp:attachment":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/media?parent=683"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}