{"id":2221,"date":"2025-10-16T08:25:36","date_gmt":"2025-10-16T08:25:36","guid":{"rendered":"https:\/\/phanthanhtuonghuan.id.vn\/?page_id=2221"},"modified":"2026-05-06T12:07:45","modified_gmt":"2026-05-06T05:07:45","slug":"job-opportunity","status":"publish","type":"page","link":"https:\/\/uii.ueh.edu.vn\/en\/job-opportunity\/","title":{"rendered":"Job Opportunity"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2221\" class=\"elementor elementor-2221\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3faa503 e-con-full e-flex e-con e-parent\" data-id=\"3faa503\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e6651d4 e-con-full e-flex e-con e-child\" data-id=\"e6651d4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4f208a5 e-con-full e-flex e-con e-child\" data-id=\"4f208a5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:4966,&quot;url&quot;:&quot;http:\\\/\\\/phanthanhtuonghuan.id.vn\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/IMG_8491-scaled.jpg&quot;}],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t<div class=\"elementor-element elementor-element-1a7d656 e-con-full e-flex e-con e-child\" data-id=\"1a7d656\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09d864b elementor-widget elementor-widget-heading\" data-id=\"09d864b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><font face=\"Open Sans, sans-serif\"><span style=\"font-size: 16px;text-transform: uppercase\"><b>UEH INSTITUTE OF INNOVATION<\/b><\/span><\/font><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5917809 elementor-widget elementor-widget-heading\" data-id=\"5917809\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><b>JOB OPPORTUNITY<\/b><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4101c83 e-flex e-con-boxed e-con e-parent\" data-id=\"4101c83\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77e9f4d elementor-widget elementor-widget-html\" data-id=\"77e9f4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* --- 1. C\u1ea4U H\u00ccNH GIAO DI\u1ec6N --- *\/\r\n    :root {\r\n        --uii-navy: #254385;\r\n        --uii-orange: #f7941d;\r\n        --glass-bg: rgba(255, 255, 255, 0.7);\r\n        --glass-border: rgba(37, 67, 133, 0.15);\r\n        --text-main: #254385;\r\n        --text-sub: #555;\r\n    }\r\n\r\n    #uii-career {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n        color: var(--text-main);\r\n        box-sizing: border-box;\r\n    }\r\n    #uii-career * { box-sizing: border-box; outline: none; }\r\n\r\n    \/* --- 2. TOOLBAR --- *\/\r\n    .career-toolbar {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 20px;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        margin-bottom: 40px;\r\n        padding-bottom: 20px;\r\n        border-bottom: 1px solid var(--glass-border);\r\n    }\r\n\r\n    .search-box {\r\n        flex: 2;\r\n        min-width: 300px;\r\n    }\r\n    .job-search-input {\r\n        width: 100%;\r\n        padding: 12px 0;\r\n        border: none;\r\n        border-bottom: 2px solid var(--glass-border);\r\n        background: transparent;\r\n        font-size: 16px;\r\n        color: var(--uii-navy);\r\n        transition: 0.3s;\r\n    }\r\n    .job-search-input:focus { border-bottom-color: var(--uii-orange); }\r\n    .job-search-input::placeholder { color: rgba(37, 67, 133, 0.4); font-style: italic; }\r\n\r\n    .filter-box {\r\n        flex: 1;\r\n        min-width: 200px;\r\n        display: flex;\r\n        justify-content: flex-end;\r\n    }\r\n    .job-select {\r\n        padding: 10px 15px;\r\n        border: 1px solid var(--glass-border);\r\n        background: rgba(255,255,255,0.5);\r\n        color: var(--uii-navy);\r\n        border-radius: 4px;\r\n        cursor: pointer;\r\n        font-weight: 600;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* --- 3. JOB LIST GRID --- *\/\r\n    .job-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\r\n        gap: 25px;\r\n    }\r\n\r\n    .job-card {\r\n        background: var(--glass-bg);\r\n        border: 1px solid var(--glass-border);\r\n        border-radius: 8px;\r\n        padding: 30px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n        backdrop-filter: blur(10px);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .job-card:hover {\r\n        transform: translateY(-5px);\r\n        background: #fff;\r\n        border-color: var(--uii-orange);\r\n        box-shadow: 0 10px 30px rgba(37, 67, 133, 0.1);\r\n    }\r\n\r\n    \/* Thanh m\u00e0u b\u00ean tr\u00e1i *\/\r\n    .job-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        left: 0; top: 0; bottom: 0; width: 4px;\r\n        background: var(--uii-navy);\r\n        transition: 0.3s;\r\n    }\r\n    .job-card:hover::before { background: var(--uii-orange); }\r\n\r\n    .job-tags {\r\n        display: flex;\r\n        gap: 10px;\r\n        margin-bottom: 15px;\r\n    }\r\n    .tag {\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        padding: 4px 8px;\r\n        border-radius: 4px;\r\n        letter-spacing: 0.5px;\r\n    }\r\n    .tag-type { background: rgba(37, 67, 133, 0.1); color: var(--uii-navy); }\r\n    \r\n    \/* M\u00e0u ri\u00eang cho 2 b\u1ed9 ph\u1eadn *\/\r\n    .tag-dept.incubator { background: rgba(247, 148, 29, 0.15); color: #d35400; }\r\n    .tag-dept.education { background: rgba(37, 67, 133, 0.15); color: var(--uii-navy); }\r\n\r\n    .job-title {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        margin-bottom: 10px;\r\n        color: var(--uii-navy);\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .job-desc {\r\n        font-size: 14px;\r\n        color: var(--text-sub);\r\n        line-height: 1.6;\r\n        margin-bottom: 25px;\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 3;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .job-footer {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding-top: 20px;\r\n        border-top: 1px dashed var(--glass-border);\r\n    }\r\n\r\n    .job-location {\r\n        font-size: 13px;\r\n        color: #888;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .apply-btn {\r\n        padding: 8px 20px;\r\n        background: transparent;\r\n        border: 1px solid var(--uii-navy);\r\n        color: var(--uii-navy);\r\n        font-weight: 700;\r\n        font-size: 13px;\r\n        border-radius: 4px;\r\n        cursor: pointer;\r\n        transition: 0.3s;\r\n        text-transform: uppercase;\r\n    }\r\n    .apply-btn:hover {\r\n        background: var(--uii-navy);\r\n        color: #fff;\r\n    }\r\n\r\n    \/* --- 4. MODAL (POPUP FORM) --- *\/\r\n    .modal-overlay {\r\n        position: fixed;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background: rgba(15, 23, 42, 0.6);\r\n        backdrop-filter: blur(5px);\r\n        z-index: 9999;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        transition: all 0.3s;\r\n    }\r\n    .modal-overlay.open { opacity: 1; visibility: visible; }\r\n\r\n    .modal-content {\r\n        background: #fff;\r\n        width: 90%;\r\n        max-width: 500px;\r\n        padding: 40px;\r\n        border-radius: 8px;\r\n        position: relative;\r\n        transform: translateY(20px);\r\n        transition: all 0.3s;\r\n        box-shadow: 0 20px 50px rgba(0,0,0,0.2);\r\n    }\r\n    .modal-overlay.open .modal-content { transform: translateY(0); }\r\n\r\n    .close-modal {\r\n        position: absolute;\r\n        top: 15px; right: 20px;\r\n        font-size: 24px;\r\n        color: #999;\r\n        cursor: pointer;\r\n        background: none; border: none;\r\n    }\r\n    .close-modal:hover { color: var(--uii-orange); }\r\n\r\n    .modal-title {\r\n        font-size: 22px;\r\n        font-weight: 800;\r\n        color: var(--uii-navy);\r\n        margin-bottom: 5px;\r\n    }\r\n    .modal-subtitle {\r\n        font-size: 14px;\r\n        color: #666;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .form-group { margin-bottom: 20px; }\r\n    .form-label {\r\n        display: block;\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: var(--uii-navy);\r\n        margin-bottom: 8px;\r\n    }\r\n    .form-input, .form-textarea {\r\n        width: 100%;\r\n        padding: 10px;\r\n        border: 1px solid #ddd;\r\n        border-radius: 4px;\r\n        font-family: inherit;\r\n    }\r\n    .form-input:focus, .form-textarea:focus { border-color: var(--uii-orange); }\r\n    \r\n    .submit-btn {\r\n        width: 100%;\r\n        padding: 12px;\r\n        background: var(--uii-navy);\r\n        color: white;\r\n        border: none;\r\n        border-radius: 4px;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        transition: 0.3s;\r\n    }\r\n    .submit-btn:hover { background: var(--uii-orange); }\r\n\r\n    .hidden { display: none; }\r\n\r\n    @media (max-width: 768px) {\r\n        .career-toolbar { flex-direction: column; align-items: stretch; }\r\n        .job-grid { grid-template-columns: 1fr; }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"uii-career\">\r\n    \r\n    <div class=\"career-toolbar\">\r\n        <div class=\"search-box\">\r\n            <input type=\"text\" id=\"jobSearch\" class=\"job-search-input\" placeholder=\"Search for positions (e.g., Associate, Lecturer)...\">\r\n        <\/div>\r\n        <div class=\"filter-box\">\r\n            <select id=\"jobFilter\" class=\"job-select\">\r\n                <option value=\"all\">All Departments<\/option>\r\n                <option value=\"Startup Incubator\">Startup Incubator<\/option>\r\n                <option value=\"Education\">Education<\/option>\r\n            <\/select>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"jobList\" class=\"job-grid\">\r\n        \r\n        <div class=\"job-card\" data-dept=\"Startup Incubator\" data-title=\"Startup Growth Associate\">\r\n            <div>\r\n                <div class=\"job-tags\">\r\n                    <span class=\"tag tag-dept incubator\">Startup Incubator<\/span>\r\n                    <span class=\"tag tag-type\">Full-time<\/span>\r\n                <\/div>\r\n                <h3 class=\"job-title\">Startup Growth Associate<\/h3>\r\n                <p class=\"job-desc\">Work directly with high-potential startups to accelerate their growth, manage incubation pipelines, and facilitate connections with mentors and investors.<\/p>\r\n            <\/div>\r\n            <div class=\"job-footer\">\r\n                <span class=\"job-location\">\ud83d\udccd Campus B<\/span>\r\n                <button class=\"apply-btn\" onclick=\"openModal('Startup Growth Associate')\">Apply Now<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"job-card\" data-dept=\"Education\" data-title=\"Innovation Education Coordinator\">\r\n            <div>\r\n                <div class=\"job-tags\">\r\n                    <span class=\"tag tag-dept education\">Education<\/span>\r\n                    <span class=\"tag tag-type\">Full-time<\/span>\r\n                <\/div>\r\n                <h3 class=\"job-title\">Innovation Education Coordinator<\/h3>\r\n                <p class=\"job-desc\">Coordinate innovation and entrepreneurship courses, working closely with lecturers and students to ensure high-quality learning experiences.<\/p>\r\n            <\/div>\r\n            <div class=\"job-footer\">\r\n                <span class=\"job-location\">\ud83d\udccd Campus V<\/span>\r\n                <button class=\"apply-btn\" onclick=\"openModal('Innovation Education Coordinator')\">Apply Now<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"job-card\" data-dept=\"Education\" data-title=\"Lecturer in Innovation & Entrepreneurship\">\r\n            <div>\r\n                <div class=\"job-tags\">\r\n                    <span class=\"tag tag-dept education\">Education<\/span>\r\n                    <span class=\"tag tag-type\">Full-time \/ Visiting<\/span>\r\n                <\/div>\r\n                <h3 class=\"job-title\">Lecturer in Innovation & Entrepreneurship<\/h3>\r\n                <p class=\"job-desc\">Deliver engaging lectures and workshops on innovation, design thinking, and startup methodologies for undergraduate students.<\/p>\r\n            <\/div>\r\n            <div class=\"job-footer\">\r\n                <span class=\"job-location\">\ud83d\udccd Campus B<\/span>\r\n                <button class=\"apply-btn\" onclick=\"openModal('Lecturer in Innovation & Entrepreneurship')\">Apply Now<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"job-card\" data-dept=\"Education\" data-title=\"Educational Program Assistant\">\r\n            <div>\r\n                <div class=\"job-tags\">\r\n                    <span class=\"tag tag-dept education\">Education<\/span>\r\n                    <span class=\"tag tag-type\">Part-time \/ Intern<\/span>\r\n                <\/div>\r\n                <h3 class=\"job-title\">Educational Program Assistant<\/h3>\r\n                <p class=\"job-desc\">Support the education team in organizing workshops, preparing course materials, and managing student inquiries.<\/p>\r\n            <\/div>\r\n            <div class=\"job-footer\">\r\n                <span class=\"job-location\">\ud83d\udccd Campus V<\/span>\r\n                <button class=\"apply-btn\" onclick=\"openModal('Educational Program Assistant')\">Apply Now<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <p id=\"noResultsMsg\" style=\"display:none; text-align:center; color:#888; grid-column: 1\/-1;\">No positions found matching your criteria.<\/p>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"modal-overlay\" id=\"applyModal\">\r\n    <div class=\"modal-content\">\r\n        <button class=\"close-modal\" onclick=\"closeModal()\">\u00d7<\/button>\r\n        <h3 class=\"modal-title\">Apply Now<\/h3>\r\n        <p class=\"modal-subtitle\">Position: <span id=\"modalJobTitle\" style=\"color: var(--uii-orange); font-weight:bold;\">...<\/span><\/p>\r\n        \r\n        <form onsubmit=\"event.preventDefault(); alert('Application Submitted!'); closeModal();\">\r\n            <div class=\"form-group\">\r\n                <label class=\"form-label\">Full Name<\/label>\r\n                <input type=\"text\" class=\"form-input\" required placeholder=\"Nguyen Van A\">\r\n            <\/div>\r\n            <div class=\"form-group\">\r\n                <label class=\"form-label\">Email Address<\/label>\r\n                <input type=\"email\" class=\"form-input\" required placeholder=\"email@ueh.edu.vn\">\r\n            <\/div>\r\n            <div class=\"form-group\">\r\n                <label class=\"form-label\">Attach CV (PDF)<\/label>\r\n                <input type=\"file\" class=\"form-input\" accept=\".pdf\" required>\r\n            <\/div>\r\n            <div class=\"form-group\">\r\n                <label class=\"form-label\">Cover Letter<\/label>\r\n                <textarea class=\"form-textarea\" rows=\"3\" placeholder=\"Briefly introduce yourself...\"><\/textarea>\r\n            <\/div>\r\n            <button type=\"submit\" class=\"submit-btn\">Submit Application<\/button>\r\n        <\/form>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ JS M\u1edaI: Ch\u1ec9 \u1ea9n hi\u1ec7n c\u00e1c th\u1ebb HTML \u0111\u00e3 c\u00f3 s\u1eb5n, gi\u1eef nguy\u00ean Filter\/Search\r\n    const jobCards = document.querySelectorAll('.job-card');\r\n    const searchInput = document.getElementById('jobSearch');\r\n    const filterSelect = document.getElementById('jobFilter');\r\n    const noResultsMsg = document.getElementById('noResultsMsg');\r\n\r\n    function filterJobs() {\r\n        const searchText = searchInput.value.toLowerCase();\r\n        const filterDept = filterSelect.value;\r\n        let hasVisibleCards = false;\r\n\r\n        jobCards.forEach(card => {\r\n            const title = card.getAttribute('data-title').toLowerCase();\r\n            const desc = card.querySelector('.job-desc').innerText.toLowerCase();\r\n            const dept = card.getAttribute('data-dept');\r\n\r\n            const matchSearch = title.includes(searchText) || desc.includes(searchText);\r\n            const matchFilter = filterDept === 'all' || dept === filterDept;\r\n\r\n            if (matchSearch && matchFilter) {\r\n                card.style.display = 'flex';\r\n                hasVisibleCards = true;\r\n            } else {\r\n                card.style.display = 'none';\r\n            }\r\n        });\r\n\r\n        noResultsMsg.style.display = hasVisibleCards ? 'none' : 'block';\r\n    }\r\n\r\n    searchInput.addEventListener('input', filterJobs);\r\n    filterSelect.addEventListener('change', filterJobs);\r\n\r\n    \/\/ Modal Logic\r\n    const modal = document.getElementById('applyModal');\r\n    const modalTitle = document.getElementById('modalJobTitle');\r\n\r\n    function openModal(jobTitle) {\r\n        \/\/ H\u1ed7 tr\u1ee3 l\u1ea5y Job Title \u0111\u00e3 \u0111\u01b0\u1ee3c TranslatePress d\u1ecbch (n\u1ebfu c\u00f3) \u0111\u1ec3 \u0111\u01b0a v\u00e0o Modal\r\n        const cardTitleElement = document.querySelector(`.job-card[data-title=\"${jobTitle}\"] .job-title`);\r\n        if (cardTitleElement) {\r\n            modalTitle.innerText = cardTitleElement.innerText;\r\n        } else {\r\n            modalTitle.innerText = jobTitle;\r\n        }\r\n        modal.classList.add('open');\r\n    }\r\n\r\n    function closeModal() {\r\n        modal.classList.remove('open');\r\n    }\r\n\r\n    modal.addEventListener('click', (e) => {\r\n        if (e.target === modal) closeModal();\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>UEH INSTITUTE OF INNOVATION JOB OPPORTUNITY All DepartmentsStartup IncubatorEducation Startup Incubator Full-time Startup Growth Associate Work directly with high-potential startups to accelerate their growth, manage incubation pipelines, and facilitate connections with mentors and investors. \ud83d\udccd Campus B Apply Now Education Full-time Innovation Education Coordinator Coordinate innovation and entrepreneurship courses, working closely with lecturers and students [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2221","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/pages\/2221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/comments?post=2221"}],"version-history":[{"count":19,"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/pages\/2221\/revisions"}],"predecessor-version":[{"id":8475,"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/pages\/2221\/revisions\/8475"}],"wp:attachment":[{"href":"https:\/\/uii.ueh.edu.vn\/en\/wp-json\/wp\/v2\/media?parent=2221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}