{"id":30598,"date":"2025-07-13T00:21:10","date_gmt":"2025-07-13T06:21:10","guid":{"rendered":"https:\/\/join-us.esf.edu.hk\/?page_id=30598"},"modified":"2025-07-15T21:27:43","modified_gmt":"2025-07-16T03:27:43","slug":"ib45-2024","status":"publish","type":"page","link":"https:\/\/join-us.esf.edu.hk\/zh-hant\/ib45-2024\/","title":{"rendered":"Future Ready #IB45 &#8211; 2024 &#8211; \u82f1\u57fa\u5b78\u6821\u5354\u6703"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"30598\" class=\"elementor elementor-30598\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e1525a e-con-full e-flex e-con e-parent\" data-id=\"4e1525a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e484153 elementor-widget__width-inherit topbanner elementor-widget elementor-widget-image\" data-id=\"e484153\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2048\" height=\"507\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/240813-IB45_web-banner-v2-1.jpg\" class=\"attachment-full size-full wp-image-23176\" alt=\"\" srcset=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/240813-IB45_web-banner-v2-1.jpg 2048w, https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/240813-IB45_web-banner-v2-1-450x111.jpg 450w, https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/240813-IB45_web-banner-v2-1-1500x371.jpg 1500w, https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/240813-IB45_web-banner-v2-1-768x190.jpg 768w, https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/240813-IB45_web-banner-v2-1-1536x380.jpg 1536w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/>\t\t\t\t\t\t\t\t\t\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-3565957 breadcrumbs e-flex e-con-boxed e-con e-child\" data-id=\"3565957\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-226dd01 elementor-icon-list--layout-inline elementor-align-left breadcrumbs-list elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"226dd01\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/join-us.esf.edu.hk\/zh-hant\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u9996\u9801<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u95dc\u65bc\u82f1\u57fa<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/join-us.esf.edu.hk\/zh-hant\/why-choose-esf\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u70ba\u4f55\u82f1\u57fa\u8207\u5225\u4e0d\u540c\uff1f<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Future Ready #IB45<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c2e61de e-flex e-con-boxed e-con e-parent\" data-id=\"c2e61de\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-324f56b elementor-widget elementor-widget-text-editor\" data-id=\"324f56b\" data-element_type=\"widget\" id=\"ib45text\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h1 style=\"font-size:35px\">FUTURE READY #IB45<\/h1>\n\u300cFUTURE READY\u300d\u4f01\u5283\u65e8\u5728\u8868\u63da\u6211\u5011\u8868\u73fe\u5091\u51fa\u7684\u5b78\u751f\u3002\u5728\u82f1\u57fa\u5b78\u6821\u5c31\u8b80\u671f\u9593\uff0c\u4ed6\u5011\u52aa\u529b\u7a81\u7834\u81ea\u6211\uff0c\u6210\u9577\u70ba\u66f4\u597d\u7684\u81ea\u5df1\u3002\u6211\u5011\u4e0d\u53ea\u95dc\u6ce8\u8003\u8a66\u6210\u7e3e\uff0c\u66f4\u5e0c\u671b\u70ba\u9019\u4e9b\u5b78\u751f\u63d0\u4f9b\u5c55\u73fe\u81ea\u6211\u7684\u821e\u53f0\uff0c\u8b93\u6211\u5011\u898b\u8b49\u6559\u80b2\u5c0d\u65bc\u5851\u9020\u672a\u4f86\u62b1\u8ca0\u7684\u5f71\u97ff\u529b\u3002 \u900f\u904e\u9019\u4f01\u5283\uff0c\u6211\u5011\u5e0c\u671b\u80fd\u5920\u6fc0\u52f5\u5b78\u751f\uff0c\u8b93\u4ed6\u5011\u5728\u6240\u9078\u64c7\u7684\u9818\u57df\u4e2d\u8301\u58ef\u6210\u9577\uff0c\u4e26\u70ba\u9019\u500b\u4e16\u754c\u5e36\u4f86\u8ca2\u737b\u3002\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-088bac9 e-flex e-con-boxed e-con e-parent\" data-id=\"088bac9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bdfc553 elementor-widget elementor-widget-video\" data-id=\"bdfc553\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=YEF_NGswt_s&quot;,&quot;lazy_load&quot;:&quot;yes&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-48db576 e-flex e-con-boxed e-con e-parent\" data-id=\"48db576\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e4d405a e-con-full e-flex e-con e-child\" data-id=\"e4d405a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e7a20d elementor-widget elementor-widget-html\" data-id=\"6e7a20d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"class-dropdown-wrapper\"> \n    <select class=\"class-dropdown\" id=\"classYear\" onchange=\"handleClassChange(this.value)\">\n          <option value=\"2024\">2024 \u5e74\u5ea6\u7562\u696d\u751f<\/option>\n        <option value=\"2025\">2025 \u5e74\u5ea6\u7562\u696d\u751f<\/option>\n      \n    <\/select>\n    <div class=\"dropdown-arrow\">\u25bc<\/div>\n<\/div>\n\n<script>\nfunction handleClassChange(selectedYear) {\n    console.log('Selected year:', selectedYear);\n    \n    if (selectedYear === '2025') {\n        const currentUrl = window.location.href;\n        let redirectUrl;\n        \n        console.log('Current URL:', currentUrl);\n        \n        if (currentUrl.includes('zh')) {\n            redirectUrl = 'https:\/\/join-us.esf.edu.hk\/zh-hant\/ib45\/';\n        } else {\n            redirectUrl = 'https:\/\/join-us.esf.edu.hk\/ib45\/';\n        }\n        \n        console.log('Redirecting to:', redirectUrl);\n        \n        \/\/ Method 1: Create and click a temporary link (most reliable in WordPress\/Elementor)\n        try {\n            const tempLink = document.createElement('a');\n            tempLink.href = redirectUrl;\n            tempLink.target = '_blank';\n            tempLink.rel = 'noopener noreferrer';\n            tempLink.style.display = 'none';\n            document.body.appendChild(tempLink);\n            tempLink.click();\n            document.body.removeChild(tempLink);\n        } catch (e) {\n            console.log('Method 1 failed, trying method 2:', e);\n            \n            \/\/ Method 2: Use setTimeout with top window\n            try {\n                setTimeout(() => {\n                    if (window.top && window.top.location) {\n                        window.top.location.href = redirectUrl;\n                    } else {\n                        document.location.href = redirectUrl;\n                    }\n                }, 50);\n            } catch (e2) {\n                console.log('Method 2 failed, trying method 3:', e2);\n                \n                \/\/ Method 3: Direct assignment\n                try {\n                    document.location = redirectUrl;\n                } catch (e3) {\n                    console.log('All methods failed:', e3);\n                    \/\/ As last resort, show alert with URL\n                    alert('Please visit: ' + redirectUrl);\n                }\n            }\n        }\n        \n        \/\/ Reset dropdown back to 2025\n        setTimeout(() => {\n            const dropdown = document.getElementById('classYear');\n            if (dropdown) {\n                dropdown.value = '2025';\n            }\n        }, 100);\n    }\n}\n<\/script>\n\n<script>\n(function() {\n    \/\/ Profile configuration\n    const profileConfig = {\n        profile1: { prev: 'profile12', next: 'profile2' },\n        profile2: { prev: 'profile1', next: 'profile3' },\n        profile3: { prev: 'profile2', next: 'profile4' },\n        profile4: { prev: 'profile3', next: 'profile5' },\n        profile5: { prev: 'profile4', next: 'profile6' },\n        profile6: { prev: 'profile5', next: 'profile7' },\n        profile7: { prev: 'profile6', next: 'profile8' },\n        profile8: { prev: 'profile7', next: 'profile9' },\n        profile9: { prev: 'profile8', next: 'profile10' },\n        profile10: { prev: 'profile9', next: 'profile11' },\n        profile11: { prev: 'profile10', next: 'profile12' },\n        profile12: { prev: 'profile11', next: 'profile1' }\n    };\n\n    \/\/ Function to handle navigation with improved error handling\n    function handleProfileNavigation(currentProfile, direction) {\n        try {\n            const config = profileConfig[currentProfile];\n            if (!config) {\n                console.log('No configuration found for profile:', currentProfile);\n                return;\n            }\n\n            const targetProfile = direction === 'prev' ? config.prev : config.next;\n            const currentModal = document.getElementById(`${currentProfile}-modal`);\n            const targetModal = document.getElementById(`${targetProfile}-modal`);\n\n            if (currentModal && targetModal) {\n                \/\/ Add smooth transition\n                currentModal.style.opacity = '0';\n                \n                setTimeout(() => {\n                    currentModal.style.display = 'none';\n                    targetModal.style.display = 'flex';\n                    targetModal.style.opacity = '1';\n                }, 150);\n            } else {\n                console.log('Modal elements not found:', {\n                    current: currentProfile,\n                    target: targetProfile,\n                    currentModal: !!currentModal,\n                    targetModal: !!targetModal\n                });\n            }\n        } catch (error) {\n            console.error('Error in profile navigation:', error);\n        }\n    }\n\n    \/\/ Initialize navigation for each profile with improved event handling\n    function initializeNavigation(profileId) {\n        try {\n            const modal = document.getElementById(`${profileId}-modal`);\n            if (!modal) {\n                console.log('Modal not found for:', profileId);\n                return;\n            }\n\n            const prevBtn = modal.querySelector('.ib-nav-btn-left');\n            const nextBtn = modal.querySelector('.ib-nav-btn-right');\n\n            if (prevBtn) {\n                \/\/ Remove existing listeners to prevent duplicates\n                prevBtn.removeEventListener('click', prevBtn._profileNavHandler);\n                \n                \/\/ Create new handler\n                prevBtn._profileNavHandler = function(e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    handleProfileNavigation(profileId, 'prev');\n                };\n                \n                prevBtn.addEventListener('click', prevBtn._profileNavHandler);\n            }\n\n            if (nextBtn) {\n                \/\/ Remove existing listeners to prevent duplicates\n                nextBtn.removeEventListener('click', nextBtn._profileNavHandler);\n                \n                \/\/ Create new handler\n                nextBtn._profileNavHandler = function(e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    handleProfileNavigation(profileId, 'next');\n                };\n                \n                nextBtn.addEventListener('click', nextBtn._profileNavHandler);\n            }\n        } catch (error) {\n            console.error('Error initializing navigation for', profileId, ':', error);\n        }\n    }\n\n    \/\/ Wait for DOM to be ready before initializing\n    function initializeAllProfiles() {\n        try {\n            \/\/ Initialize navigation for all profiles\n            for (let i = 1; i <= 12; i++) {\n                initializeNavigation(`profile${i}`);\n            }\n            console.log('Profile navigation initialized for 12 profiles');\n        } catch (error) {\n            console.error('Error initializing all profiles:', error);\n        }\n    }\n\n    \/\/ Initialize when DOM is ready\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initializeAllProfiles);\n    } else {\n        initializeAllProfiles();\n    }\n\n    \/\/ Also initialize after a short delay for Elementor compatibility\n    setTimeout(initializeAllProfiles, 500);\n})();\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-43e375e e-con-full e-flex e-con e-child\" data-id=\"43e375e\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-bd15d76 e-grid e-con-full e-con e-child\" data-id=\"bd15d76\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4312d4 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b4312d4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"profile-widget_1\">\n    <div class=\"profile-image_1\"><\/div>\n    <div class=\"profile-text_1\">\n        <h3>Caitlin Wong<\/h3>\n        <p>ESF Discovery College<\/p>\n    <\/div>\n<\/div>\n\n<!-- Modal Popup (hidden by default) -->\n<div class=\"dialog-overlay\" id=\"dialog-overlay-1\" style=\"display: none;\">\n    <div class=\"dialog\">\n        <div class=\"mobile-close-btn_popup\">\u00d7<\/div>\n        <div class=\"close-btn_popup\">\u00d7<\/div>\n        <div class=\"right-btn_1\">\u2192<\/div>\n        <div class=\"dialog-content\">\n            <div class=\"mobile-banner\">\n                <div class=\"mobile-left-btn_1\"><\/div>\n                <div class=\"mobile-right-btn_1\">\u2192<\/div>\n            <\/div>\n            <div class=\"images-container\">\n                <div class=\"image-container\">\n                    <div class=\"image-section\">\n                        <img decoding=\"async\" id=\"main-image\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-1_Caitlin-Wong1-scaled.jpeg\" alt=\"Portrait\">\n                    <\/div>\n                <\/div>\n                <div class=\"image-container\">\n                    <div class=\"image-section\">\n                        <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-1_Caitlin-Wong-scaled.jpeg\" alt=\"Static Portrait\">\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"text-section\">\n                <h2>Caitlin Wong<\/h2>\n                <p class=\"subtext\">ESF Discovery College<\/p>\n                <p class=\"subtext\">Class of 2024<\/p>\n                <div class=\"info-section\">\n                    <div>\n                        <h3>Choice of University<\/h3>\n                        <p>Imperial College London<br>Masters of Science in Chemistry<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"additional-info\">\n                    <h3>My Story<\/h3>\n                    <p>Today, some of the world's most innovative discoveries emerge from the lab. Behind the scenes, there is a modern-day alchemist, an atomic architect. There is a chemist: someone who has the power to manipulate infinitesimally small atoms, yet produce infinitely impactful solutions.<br><br>\nI am determined to join these chemists, working with my passion and integrity at the forefront of the sciences. My ambition is to make meaningful contributions to society through developments in environmental or medicinal chemistry, ultimately developing novel solutions for a more sustainable future. I will continue to accumulate knowledge as a learner, address global issues as an advocate, and spread hope as a dreamer.<br><br>\nPursuing a Masters of Chemistry at Imperial College London is the next step for me to chase my dreams. I can't wait for the exciting journey ahead.<\/p>\n                    <img decoding=\"async\" class=\"additional-info-img\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_1E_DC_Caitlin-Wong_Slogan.png\" alt=\"slogan\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\nbody {\n    font-family: Arial, sans-serif;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n.profile-widget_1 {\n    width: 100%;\n    min-width: 15vw;\n    text-align: left;\n    cursor: pointer;\n}\n\n.profile-image_1 {\n    width: 100%;\n    aspect-ratio: 3 \/ 4;\n    background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/1_DC_Caitlin-Wong.jpeg');\n    background-size: cover;\n    background-position: center;\n    border-radius: 30px;\n    border: 1px solid black;\n    transition: background-image 0.3s ease;\n}\n\n.profile-image_1:hover {\n    background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-1_Caitlin-Wong-1.gif');\n}\n\n.profile-text_1 {\n    width: 80%;\n    display: inline-block;\n    margin-top: 10px;\n    background: white;\n    border: 1px solid black;\n    border-radius: 30px;\n    padding: 8px 25px;\n    text-align: left;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n}\n\n.profile-text_1 h3 {\n    margin: 0;\n    font-size: 18px;\n    text-align: left;\n    color: black;\n}\n\n.profile-text_1 p {\n    margin: 0;\n    font-size: 14px;\n    text-align: left;\n    color: black;\n}\n\n.additional-info-img {\n    width: 33.33%;\n    border-radius: 10px;\n    margin-top: 10px;\n}\n\n.dialog-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.5);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 9999;\n}\n\n.dialog {\n    position: relative;\n    background: rgba(255, 255, 255, 1);\n    border-radius: 15px;\n    padding: 20px;\n    max-width: 650px !important;\n    width: 90%;\n    max-height: 80%;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n    display: flex;\n    flex-direction: column;\n}\n\n.mobile-close-btn_popup,\n.image-left-btn,\n.image-right-btn,\n.close-btn_popup,\n.left-btn_1,\n.right-btn_1,\n.mobile-left-btn_1,\n.mobile-right-btn_1 {\n    display: none;\n    cursor: pointer;\n}\n\n.mobile-close-btn_popup {\n    position: absolute;\n    top: 10px;\n    right: 5px;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    font-size: 30px;\n    padding-top: 3px;\n    padding-bottom: 10px;\n    color: black;\n    z-index: 10000;\n    display: none;\n}\n\n.image-left-btn {\n    left: 2px;\n}\n\n.image-right-btn {\n    right: 2px;\n}\n\n.close-btn_popup {\n    position: absolute;\n    top: -30px;\n    right: -30px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    font-size: 30px;\n    padding-top: 3px;\n    color: black;\n    z-index: 10000;\n}\n\n.left-btn_1 {\n    position: absolute;\n    bottom: 10px;\n    left: -40px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    font-size: 30px;\n    padding-top: 6px;\n    color: black;\n    z-index: 10000;\n}\n\n.right-btn_1 {\n    position: absolute;\n    bottom: 10px;\n    right: -40px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    font-size: 30px;\n    padding-top: 6px;\n    color: black;\n    z-index: 10000;\n}\n\n.dialog-content {\n    flex: 1;\n    overflow: hidden;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    overflow-y: auto;\n    padding: 10px;\n}\n\n.image-section {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 20px;\n    position: relative;\n}\n\n.image-section img {\n    border-radius: 10px;\n    width: 100%;\n    max-width: 300px;\n    aspect-ratio: 3 \/ 4;\n    object-fit: cover;\n}\n\n.image-container {\n    position: relative;\n}\n\n.text-section {\n    flex: 1;\n    text-align: left;\n    max-height: 300px;\n}\n\n.text-section::-webkit-scrollbar {\n    width: 10px;\n}\n\n.text-section::-webkit-scrollbar-thumb {\n    background-color: darkgrey;\n    border-radius: 10px;\n}\n\n.text-section h2 {\n    margin: 10px 0;\n    font-size: 24px;\n    font-weight: bold;\n}\n\n.text-section .subtext {\n    margin: 5px 0;\n    font-size: 16px;\n    color: grey;\n}\n\n.info-section {\n    display: flex;\n    justify-content: left;\n    text-align: left;\n    align-items: center;\n    margin: 20px 0;\n}\n\n.info-section div {\n    width: 100%;\n}\n\n.info-section h3 {\n    margin-bottom: 5px;\n    font-size: 18px;\n    font-weight: bold;\n    display: inline-block;\n}\n\n.info-row {\n    display: flex;\n    align-items: center;\n}\n\n.info-row p {\n    margin: 0;\n    padding-right: 0px;\n}\n\n.additional-info {\n    text-align: left;\n    margin-top: 20px;\n}\n\n.additional-info h3 {\n    margin-bottom: 10px;\n    font-size: 18px;\n    font-weight: bold;\n}\n\n.mobile-banner {\n    display: flex;\n    justify-content: end;\n    align-items: end;\n    position: absolute;\n    bottom: 10px;\n    width: 100%;\n    padding: 0 20px;\n    display: none;\n}\n\n.images-container {\n    display: flex;\n    gap: 20px;\n}\n\n.dots-container {\n    display: flex;\n    justify-content: center;\n    position: absolute;\n    bottom: 10px;\n    width: 100%;\n    z-index: 1000;\n}\n\n.dot {\n    height: 8px;\n    width: 8px;\n    margin: 0 5px;\n    background-color: #bbb;\n    border-radius: 50%;\n    display: inline-block;\n}\n\n.dot.active {\n    background-color: #0192F3;\n}\n\n.additional-info p {\n    text-align: justify;\n    margin: 20px;\n    margin-left: 20px;\n    margin-right: 35px;\n    word-wrap: none;\n    word-break: normal;\n}\n\n@media (max-width: 720px) {\n    .profile-widget_1 {\n        text-align: center;\n    }\n    \n    .profile-image_1 {\n        position: relative;\n    }\n    \n    .profile-text_1 {\n        position: absolute;\n        bottom: 10px;\n        left: 50%;\n        transform: translateX(-50%);\n        background: rgba(255, 255, 255, 0.8);\n        border-radius: 15px;\n        padding: 5px 10px;\n        text-align: center;\n        width: calc(100% - 20px);\n        box-sizing: border-box;\n        margin-top: 0;\n    }\n    \n    .profile-text_1 h3, .profile-text_1 p {\n        text-align: center;\n        font-size: 12px;\n    }\n}\n\n@media (max-width: 768px) {\n    .close-btn_popup,\n    .left-btn_1,\n    .right-btn_1 {\n        display: none;\n    }\n\n    .mobile-close-btn_popup {\n        display: flex;\n    }\n\n    .dialog-content {\n        padding: 5px;\n        padding-left: 5px;\n        padding-right: 10px;\n        padding-top: 15px;\n    }\n\n    .mobile-banner {\n        display: flex;\n        background-color: white;\n        justify-content: space-between;\n        padding: 0 20px;\n        left: 0px;\n        right: 0px;\n        bottom: 0;\n        padding-top: 5px;\n        border-bottom-left-radius: 10px;\n        border-bottom-right-radius: 10px;\n        box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);\n    }\n\n    .mobile-left-btn_1 {\n        left: 0px;\n        border: none;\n        border-radius: 50%;\n        width: 30px;\n        height: 30px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        font-size: 30px;\n        color: white;\n        cursor: none;\n    }\n\n    .mobile-right-btn_1 {\n        background: white;\n        border: none;\n        border-radius: 50%;\n        width: 30px;\n        height: 30px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        font-size: 30px;\n        color: black;\n    }\n\n    .dialog {\n        padding-top: 30px;\n        padding-bottom: 50px;\n    }\n\n    .info-row p {\n        margin-left: 0;\n    }\n\n    .additional-info p {\n        text-align: start;\n        width: 100%;\n        margin: 0px;\n        margin-left: 5px;\n        margin-right: 5px;\n        word-spacing: 1px;\n        word-wrap: none;\n        word-break: normal;\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    var modal = document.querySelector('#dialog-overlay-1');\n    var profile = document.querySelector('.profile-widget_1');\n    var closeBtns = modal.querySelectorAll('.close-btn_popup, .mobile-close-btn_popup');\n\n    if (profile) {\n        profile.addEventListener('click', function() {\n            modal.style.display = 'flex';\n        });\n    }\n\n    closeBtns.forEach(function(btn) {\n        btn.addEventListener('click', function(e) {\n            e.stopPropagation();\n            modal.style.display = 'none';\n        });\n    });\n\n    modal.addEventListener('click', function(e) {\n        if (e.target === modal) {\n            modal.style.display = 'none';\n        }\n    });\n\n    \/\/ Navigation functionality\n    var leftBtn = modal.querySelector('.left-btn_1');\n    var rightBtn = modal.querySelector('.right-btn_1');\n    var mobileLeftBtn = modal.querySelector('.mobile-left-btn_1');\n    var mobileRightBtn = modal.querySelector('.mobile-right-btn_1');\n\n    \/\/ Left navigation (to profile 23 - circular)\n    [leftBtn, mobileLeftBtn].forEach(function(btn) {\n        if (btn) {\n            btn.addEventListener('click', function(e) {\n                e.stopPropagation();\n                modal.style.display = 'none';\n                var targetModal = document.querySelector('#dialog-overlay-23');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                }\n            });\n        }\n    });\n\n    \/\/ Right navigation (to profile 2)\n    [rightBtn, mobileRightBtn].forEach(function(btn) {\n        if (btn) {\n            btn.addEventListener('click', function(e) {\n                e.stopPropagation();\n                modal.style.display = 'none';\n                var targetModal = document.querySelector('#dialog-overlay-2');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                }\n            });\n        }\n    });\n\n    if (window.location.href.indexOf('zh') !== -1) {\n        var textSection = modal.querySelector('.text-section');\n        textSection.querySelector('h2').innerText = '\u738b\u73c0\u745c';\n        textSection.querySelector('.subtext:first-of-type').innerText = '\u82f1\u57fa\u667a\u65b0\u66f8\u9662';\n        textSection.querySelector('.subtext:last-of-type').innerText = '2024 \u5e74\u5ea6\u7562\u696d\u751f';\n        modal.querySelector('.info-section h3').innerText = '\u5347\u5b78\u53bb\u5411';\n        modal.querySelector('.info-section p').innerHTML = '\u502b\u6566\u5e1d\u570b\u5b78\u9662<br>\u5316\u5b78\u7406\u5b78\u78a9\u58eb';\n        modal.querySelector('.additional-info h3').innerText = '\u6211\u7684\u6545\u4e8b';\n        modal.querySelector('.additional-info p').innerHTML = '\u300c\u79d1\u6280\u4e3b\u5bb0\u7684\u6642\u4ee3, \u4e00\u5207\u9769\u65b0\u5de8\u4f5c\u3001\u7121\u6578\u9a5a\u4e16\u767c\u73fe\uff0c\u7686\u6e90\u65bc\u5c0f\u5c0f\u7684\u5be6\u9a57\u5ba4\u3002 \u50b3\u5947\u80cc\u5f8c\uff0c\u662f\u4e00\u773e\u73fe\u4ee3\u7684\u7149\u9020\u8005\u3001\u628a\u539f\u5b50\u5982\u85dd\u8853\u822c\u5806\u780c\u7d44\u5408\u7684\u5efa\u7bc9\u5e2b\u3001 \u4e00\u500b\u500b\u628a\u4e16\u9593\u5fae\u5875\u822c\u7684\u7c92\u5b50\u73a9\u5f04\u65bc\u80a1\u638c\u4e4b\u4e0a\u7684\u5316\u5b78\u5bb6\uff0c\u537b\u53c8\u63ee\u821e\u51fa\u7121\u9650\u5c07\u4f86\u3002<br><br>\u800c\u4eca\u5929\uff0c\u6211\u6beb\u4e0d\u754f\u61fc\uff0c\u8981\u6191\u85c9\u6211\u5c0d\u79d1\u5b78\u7684\u71b1\u5ff1\u548c\u5145\u5206\u7406\u89e3\uff0c\u52a0\u5165\u9019\u6539\u8b8a\u4e16\u754c\u7684\u884c\u5217\u3002 \u6211\u8a93\u8981\u70ba\u793e\u6703\u5e36\u4f86\u53ef\u6301\u7e8c\u767c\u5c55\u7684\u5e0c\u671b\uff0c\u4ee5\u5316\u5b78\u77e5\u8b58\u70ba\u74b0\u5883\u548c\u91ab\u5b78\u79d1\u6280\u4f5c\u51fa\u8ca2\u737b\u3002\u7ad9\u5728\u77e5\u8b58\u7684\u6c6a\u6d0b\u524d\uff0c \u6211\u5c07\u52aa\u529b\u773e\u6c99\u6210\u5854\uff0c\u7562\u7adf\u773c\u524d\u7684\u51b0\u5c71\u4e00\u89d2\uff0c\u6709\u5929\u5c07\u5e36\u6211\u8d70\u5411\u4e16\u754c\uff0c\u8b93\u6e3a\u5c0f\u7684\u5922\u60f3\u6210\u70ba\u4e16\u4eba\u7684\u671f\u5f85\u3002<br><br>\u5373\u5c07\u8e0f\u5165\u502b\u6566\u5e1d\u570b\u5b78\u9662\u7684\u5316\u5b78\u5c08\u696d\uff0c \u7576\u521d\u7684\u5b8f\u9858\u4ea6\u8fd1\u5728\u54ab\u5c3a\uff0c\u9858\u9019\u71be\u71b1\u7684\u8208\u596e\u4e4b\u60c5\u4e00\u76f4\u898b\u8b49\u6211\u524d\u7a0b\u4f3c\u9326\u3002\u300d';\n    }\n})();\n<\/script> \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f3c9a8 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"4f3c9a8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"profile-widget_2\">\n    <div class=\"profile-image_2\"><\/div>\n    <div class=\"profile-text_2\">\n        <h3>Tracy Fu<\/h3>\n        <p>ESF Island School<\/p>\n    <\/div>\n<\/div>\n\n<!-- Modal Popup (hidden by default) -->\n<div class=\"dialog-overlay\" id=\"dialog-overlay-2\" style=\"display: none;\">\n    <div class=\"dialog\">\n        <div class=\"mobile-close-btn_popup\">\u00d7<\/div>\n        <div class=\"close-btn_popup\">\u00d7<\/div>\n        <div class=\"left-btn_2\">\u2190<\/div>\n        <div class=\"right-btn_2\">\u2192<\/div>\n        <div class=\"dialog-content\">\n            <div class=\"mobile-banner\">\n                <div class=\"mobile-left-btn_2\">\u2190<\/div>\n                <div class=\"mobile-right-btn_2\">\u2192<\/div>\n            <\/div>\n            <div class=\"images-container\">\n                <div class=\"image-container\">\n                    <div class=\"image-section\">\n                        <img decoding=\"async\" id=\"main-image\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-2_Tracy-Fu1.jpeg\" alt=\"Portrait\">\n                    <\/div>\n                <\/div>\n                <div class=\"image-container\">\n                    <div class=\"image-section\">\n                        <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-2_Tracy-Fu-scaled.jpeg\" alt=\"Static Portrait\">\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"text-section\">\n                <h2>Tracy Fu<\/h2>\n                <p class=\"subtext\">ESF Island School<\/p>\n                <p class=\"subtext\">Class of 2024<\/p>\n                <div class=\"info-section\">\n                    <div>\n                        <h3>Choice of University<\/h3>\n                        <p>HKU-UCL<br>Dual Degree Programme in Law<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"additional-info\">\n                    <h3>My Story<\/h3>\n                    <p>Success doesn't go to you, you go to success. The HKU-UCL Dual Degree Programme in Law, with its specialised focus in both HK and UK law, is the most suitable pathway for me to achieve my ambitions. I envisage myself exploring the fundamental principles of equality, transparency, and fairness whilst thriving in a community of like-minded individuals.<br><br>\nUltimately, I strive to apply the legal knowledge I will gain to good practice in the pursuit of justice. With globalisation making law inevitably more interconnected, the dual degree programme will grant me the flexibility to pursue legal careers in both the UK and HK. I will immerse myself in the diverse cultures of both countries, and experience the best of both worlds.<\/p>\n                    <img decoding=\"async\" class=\"additional-info-img\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_2E_IS_Fu-Tracy_Slogan.png\" alt=\"slogan\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\nbody {\n    font-family: Arial, sans-serif;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n.profile-widget_2 {\n    width: 100%;\n    min-width: 15vw;\n    text-align: left;\n    cursor: pointer;\n}\n\n.profile-image_2 {\n    width: 100%;\n    aspect-ratio: 3 \/ 4;\n    background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-2_Tracy-Fu-scaled.jpeg');\n    background-size: cover;\n    background-position: center;\n    border-radius: 30px;\n    border: 1px solid black;\n    transition: background-image 0.3s ease;\n}\n\n.profile-image_2:hover {\n    background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-2_Tracy-Fu.gif');\n}\n\n.profile-text_2 {\n    width: 80%;\n    display: inline-block;\n    margin-top: 10px;\n    background: white;\n    border: 1px solid black;\n    border-radius: 30px;\n    padding: 8px 25px;\n    text-align: left;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n}\n\n.profile-text_2 h3 {\n    margin: 0;\n    font-size: 18px;\n    text-align: left;\n    color: black;\n}\n\n.profile-text_2 p {\n    margin: 0;\n    font-size: 14px;\n    text-align: left;\n    color: black;\n}\n\n.additional-info-img {\n    width: 33.33%;\n    border-radius: 10px;\n    margin-top: 10px;\n}\n\n.dialog-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.5);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 9999;\n}\n\n.dialog {\n    position: relative;\n    background: rgba(255, 255, 255, 1);\n    border-radius: 15px;\n    padding: 20px;\n    max-width: 650px !important;\n    width: 90%;\n    max-height: 80%;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n    display: flex;\n    flex-direction: column;\n}\n\n.mobile-close-btn_popup,\n.image-left-btn,\n.image-right-btn,\n.close-btn_popup,\n.left-btn_2,\n.right-btn_2,\n.mobile-left-btn_2,\n.mobile-right-btn_2 {\n    display: none;\n    cursor: pointer;\n}\n\n.mobile-close-btn_popup {\n    position: absolute;\n    top: 10px;\n    right: 5px;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    font-size: 30px;\n    padding-top: 3px;\n    padding-bottom: 10px;\n    color: black;\n    z-index: 10000;\n    display: none;\n}\n\n.image-left-btn {\n    left: 2px;\n}\n\n.image-right-btn {\n    right: 2px;\n}\n\n.close-btn_popup {\n    position: absolute;\n    top: -30px;\n    right: -30px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    font-size: 30px;\n    padding-top: 3px;\n    color: black;\n    z-index: 10000;\n}\n\n.left-btn_2 {\n    position: absolute;\n    bottom: 10px;\n    left: -40px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    font-size: 30px;\n    padding-top: 6px;\n    color: black;\n    z-index: 10000;\n}\n\n.right-btn_2 {\n    position: absolute;\n    bottom: 10px;\n    right: -40px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    font-size: 30px;\n    padding-top: 6px;\n    color: black;\n    z-index: 10000;\n}\n\n.dialog-content {\n    flex: 1;\n    overflow: hidden;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    overflow-y: auto;\n    padding: 10px;\n}\n\n.image-section {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 20px;\n    position: relative;\n}\n\n.image-section img {\n    border-radius: 10px;\n    width: 100%;\n    max-width: 300px;\n    aspect-ratio: 3 \/ 4;\n    object-fit: cover;\n}\n\n.image-container {\n    position: relative;\n}\n\n.text-section {\n    flex: 1;\n    text-align: left;\n    max-height: 300px;\n}\n\n.text-section::-webkit-scrollbar {\n    width: 10px;\n}\n\n.text-section::-webkit-scrollbar-thumb {\n    background-color: darkgrey;\n    border-radius: 10px;\n}\n\n.text-section h2 {\n    margin: 10px 0;\n    font-size: 24px;\n    font-weight: bold;\n}\n\n.text-section .subtext {\n    margin: 5px 0;\n    font-size: 16px;\n    color: grey;\n}\n\n.info-section {\n    display: flex;\n    justify-content: left;\n    text-align: left;\n    align-items: center;\n    margin: 20px 0;\n}\n\n.info-section div {\n    width: 100%;\n}\n\n.info-section h3 {\n    margin-bottom: 5px;\n    font-size: 18px;\n    font-weight: bold;\n    display: inline-block;\n}\n\n.info-row {\n    display: flex;\n    align-items: center;\n}\n\n.info-row p {\n    margin: 0;\n    padding-right: 0px;\n}\n\n.additional-info {\n    text-align: left;\n    margin-top: 20px;\n}\n\n.additional-info h3 {\n    margin-bottom: 10px;\n    font-size: 18px;\n    font-weight: bold;\n}\n\n.mobile-banner {\n    display: flex;\n    justify-content: end;\n    align-items: end;\n    position: absolute;\n    bottom: 10px;\n    width: 100%;\n    padding: 0 20px;\n    display: none;\n}\n\n.images-container {\n    display: flex;\n    gap: 20px;\n}\n\n.dots-container {\n    display: flex;\n    justify-content: center;\n    position: absolute;\n    bottom: 10px;\n    width: 100%;\n    z-index: 1000;\n}\n\n.dot {\n    height: 8px;\n    width: 8px;\n    margin: 0 5px;\n    background-color: #bbb;\n    border-radius: 50%;\n    display: inline-block;\n}\n\n.dot.active {\n    background-color: #0192F3;\n}\n\n.additional-info p {\n    text-align: justify;\n    margin: 20px;\n    margin-left: 20px;\n    margin-right: 35px;\n    word-wrap: none;\n    word-break: normal;\n}\n\n@media (max-width: 720px) {\n    .profile-widget_2 {\n        text-align: center;\n    }\n    \n    .profile-image_2 {\n        position: relative;\n    }\n    \n    .profile-text_2 {\n        position: absolute;\n        bottom: 10px;\n        left: 50%;\n        transform: translateX(-50%);\n        background: rgba(255, 255, 255, 0.8);\n        border-radius: 15px;\n        padding: 5px 10px;\n        text-align: center;\n        width: calc(100% - 20px);\n        box-sizing: border-box;\n        margin-top: 0;\n    }\n    \n    .profile-text_2 h3, .profile-text_2 p {\n        text-align: center;\n        font-size: 12px;\n    }\n}\n\n@media (max-width: 768px) {\n    .close-btn_popup,\n    .left-btn_2,\n    .right-btn_2 {\n        display: none;\n    }\n\n    .mobile-close-btn_popup {\n        display: flex;\n    }\n\n    .dialog-content {\n        padding: 5px;\n        padding-left: 5px;\n        padding-right: 10px;\n        padding-top: 15px;\n    }\n\n    .mobile-banner {\n        display: flex;\n        background-color: white;\n        justify-content: space-between;\n        padding: 0 20px;\n        left: 0px;\n        right: 0px;\n        bottom: 0;\n        padding-top: 5px;\n        border-bottom-left-radius: 10px;\n        border-bottom-right-radius: 10px;\n        box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);\n    }\n\n    .mobile-left-btn_2 {\n        left: 0px;\n        border: none;\n        border-radius: 50%;\n        width: 30px;\n        height: 30px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        font-size: 30px;\n        color: black;\n    }\n\n    .mobile-right-btn_2 {\n        background: white;\n        border: none;\n        border-radius: 50%;\n        width: 30px;\n        height: 30px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        font-size: 30px;\n        color: black;\n    }\n\n    .dialog {\n        padding-top: 30px;\n        padding-bottom: 50px;\n    }\n\n    .info-row p {\n        margin-left: 0;\n    }\n\n    .additional-info p {\n        text-align: start;\n        width: 100%;\n        margin: 0px;\n        margin-left: 5px;\n        margin-right: 5px;\n        word-spacing: 1px;\n        word-wrap: none;\n        word-break: normal;\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    var modal = document.querySelector('#dialog-overlay-2');\n    var profile = document.querySelector('.profile-widget_2');\n    var closeBtns = modal.querySelectorAll('.close-btn_popup, .mobile-close-btn_popup');\n\n    if (profile) {\n        profile.addEventListener('click', function() {\n            modal.style.display = 'flex';\n        });\n    }\n\n    closeBtns.forEach(function(btn) {\n        btn.addEventListener('click', function(e) {\n            e.stopPropagation();\n            modal.style.display = 'none';\n        });\n    });\n\n    modal.addEventListener('click', function(e) {\n        if (e.target === modal) {\n            modal.style.display = 'none';\n        }\n    });\n\n    \/\/ Navigation functionality\n    var leftBtn = modal.querySelector('.left-btn_2');\n    var rightBtn = modal.querySelector('.right-btn_2');\n    var mobileLeftBtn = modal.querySelector('.mobile-left-btn_2');\n    var mobileRightBtn = modal.querySelector('.mobile-right-btn_2');\n\n    \/\/ Left navigation (to profile 1)\n    [leftBtn, mobileLeftBtn].forEach(function(btn) {\n        if (btn) {\n            btn.addEventListener('click', function(e) {\n                e.stopPropagation();\n                modal.style.display = 'none';\n                var targetModal = document.querySelector('#dialog-overlay-1');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                }\n            });\n        }\n    });\n\n    \/\/ Right navigation (to profile 3)\n    [rightBtn, mobileRightBtn].forEach(function(btn) {\n        if (btn) {\n            btn.addEventListener('click', function(e) {\n                e.stopPropagation();\n                modal.style.display = 'none';\n                var targetModal = document.querySelector('#dialog-overlay-3');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                }\n            });\n        }\n    });\n\n    if (window.location.href.indexOf('zh') !== -1) {\n        var textSection = modal.querySelector('.text-section');\n        textSection.querySelector('h2').innerText = '\u7b26\u5eb7\u797a';\n        textSection.querySelector('.subtext:first-of-type').innerText = '\u82f1\u57fa\u6e2f\u5cf6\u4e2d\u5b78';\n        textSection.querySelector('.subtext:last-of-type').innerText = '2024 \u5e74\u5ea6\u7562\u696d\u751f';\n        modal.querySelector('.info-section h3').innerText = '\u5347\u5b78\u53bb\u5411';\n        modal.querySelector('.info-section p').innerHTML = '\u9999\u6e2f\u5927\u5b78-\u502b\u6566\u5927\u5b78\u5b78\u9662<br>\u6cd5\u5b78\u96d9\u5b78\u4f4d\u8ab2\u7a0b';\n        modal.querySelector('.additional-info h3').innerText = '\u6211\u7684\u6545\u4e8b';\n        modal.querySelector('.additional-info p').innerHTML = '\u300c\u6210\u529f\u5f9e\u4e0d\u662f\u4e00\u8e74\u800c\u5c31\uff0c\u800c\u662f\u4e00\u6b65\u4e00\u6b65\u7684\u5805\u6301\u4e0d\u61c8\u3002\u5831\u8b80\u9999\u6e2f\u5927\u5b78\u8207\u502b\u6566\u5927\u5b78\u5b78\u9662\u6cd5\u5f8b\u96d9\u5b78\u4f4d\u8ab2\u7a0b\u7684\u6c7a\u5b9a\uff0c\u5168\u70ba\u4e86\u5be6\u73fe\u516c\u7fa9\u7684\u91ce\u5fc3\u800c\u92ea\u588a\u3002\u5373\u5c07\u52a0\u5165\u9019\u5145\u6eff\u667a\u6167\u8207\u8faf\u8ad6\u7684\u7fa4\u9ad4\uff0c\u5728\u9999\u6e2f\u6cd5\u5f8b\u8207\u82f1\u570b\u6cd5\u5f8b\u7684\u76f8\u4e92\u8f03\u91cf\u4e2d\uff0c\u6211\u7576\u8207\u5fd7\u540c\u9053\u5408\u7684\u5b78\u8005\u5011\u63a2\u7a76\u516c\u5e73\u3001\u516c\u958b\u3001\u516c\u7406\u7684\u6839\u672c\uff0c\u634d\u885b\u5927\u5c0f\u793e\u6703\u7684\u5e73\u7b49\u6a5f\u6703\u3002\u5feb\u6a02\uff0c\u4e0d\u518d\u662f\u9059\u4e0d\u53ef\u53ca\u3002<br><br>\u4ed6\u65e5\u5b78\u6709\u6240\u6210\uff0c\u6211\u5c07\u4ee5\u4fdd\u969c\u4eba\u6b0a\u3001\u5be6\u73fe\u793e\u6703\u6b63\u7fa9\u70ba\u4f7f\u547d\uff0c\u7121\u5206\u570b\u754c\uff0c\u5728\u9999\u6e2f\u548c\u82f1\u570b\u5169\u5730\u70ba\u4e0d\u540c\u968e\u5c64\u3001\u4e0d\u540c\u7a2e\u65cf\u4f38\u5f35\u6b63\u7fa9\uff0c\u4eab\u53d7\u516c\u7fa9\u4e0b\u6cb9\u7136\u800c\u751f\u7684\u7e41\u69ae\u7f8e\u597d\u3002\u300d';\n        modal.querySelector('#main-image').alt = '\u8096\u50cf';\n        modal.querySelector('.image-section img:last-child').alt = '\u975c\u614b\u4eba\u50cf';\n        modal.querySelector('.additional-info-img').alt = '\u53e3\u865f';\n    }\n})();\n<\/script> \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8246c2f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"8246c2f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Profile Widget -->\n<div class=\"profile-widget_3\">\n    <div class=\"profile-image_3\"><\/div>\n    <div class=\"profile-text_3\">\n        <h3>Hannah Wu<\/h3>\n        <p>ESF Island School<\/p>\n    <\/div>\n<\/div>\n\n<!-- Dialog Overlay -->\n<div class=\"dialog-overlay-3\" style=\"display: none;\">\n    <div class=\"dialog\">\n        <div class=\"mobile-close-btn_popup\">\u00d7<\/div>\n        <div class=\"close-btn_popup\">\u00d7<\/div>\n        <div class=\"left-btn_3\">\u2190<\/div>\n        <div class=\"right-btn_3\">\u2192<\/div>\n        <div class=\"dialog-content\">\n            <div class=\"mobile-banner\">\n                <div class=\"mobile-left-btn_3\">\u2190<\/div>\n                <div class=\"mobile-right-btn_3\">\u2192<\/div>\n            <\/div>\n            <div class=\"images-container\">\n                <div class=\"image-container\">\n                    <div class=\"image-section\">\n                        <img decoding=\"async\" id=\"main-image-3\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-3_Hannah-Wu-1.jpeg\" alt=\"Portrait\">\n                    <\/div>\n                <\/div>\n                <div class=\"image-container\">\n                    <div class=\"image-section\">\n                        <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-3_Hannah-Wu-scaled.jpeg\" alt=\"Static Portrait\">\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"text-section\">\n                <h2>Hannah Wu<\/h2>\n                <p class=\"subtext school\">ESF Island School<\/p>\n                <p class=\"subtext\">Class of 2024<\/p>\n                <div class=\"info-section\">\n                    <div>\n                        <h3 class=\"university\">Choice of University<\/h3>\n                        <p class=\"university-details\">University of Toronto <br>Life Sciences<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"additional-info\">\n                    <h3 class=\"story\">My Story<\/h3>\n                    <p class=\"story-content\">From courtyard karaoke to WANBO beach cleanup activities to inter-house debates, the one thing that has defined my experience at Island School is the strong sense of community and belonging I've found there.\n<br><br>\nLooking ahead, I'm really excited about heading to the University of Toronto to study Life Sciences and I cannot wait to explore new horizons! More than anything, I strive to bring a little part of the Island School Spirit with me wherever I go \u2014 a spirit marked by the humour and humility I've come to know very well through my role in the school community. My dream is to embody the same supportiveness and encouragement I have experienced, advocating for myself and my peers, while fostering enthusiastic and kind communities through my leadership in the future.<\/p>\n                    <img decoding=\"async\" class=\"additional-info-img\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_3E_IS_WU-Hannah_Slogan.png\" alt=\"slogan\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n.profile-widget_3 {\n    width: 100%;\n    min-width: 15vw;\n    text-align: left;\n    cursor: pointer;\n}\n\n.profile-image_3 {\n    width: 100%;\n    aspect-ratio: 3 \/ 4;\n    background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-3_Hannah-Wu-scaled.jpeg');\n    background-size: cover;\n    background-position: center;\n    border-radius: 30px;\n    border: 1px solid black;\n    transition: background-image 0.3s ease;\n}\n\n.profile-image_3:hover {\n    background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-3_Hannah-Wu.gif');\n}\n\n.profile-text_3 {\n    width: 80%;\n    display: inline-block;\n    margin-top: 10px;\n    background: white;\n    border: 1px solid black;\n    border-radius: 30px;\n    padding: 8px 25px;\n    text-align: left;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n}\n\n.profile-text_3 h3 {\n    margin: 0;\n    font-size: 18px;\n    text-align: left;\n    color: black;\n}\n\n.profile-text_3 p {\n    margin: 0;\n    font-size: 14px;\n    text-align: left;\n    color: black;\n}\n\n\/* Dialog Styles *\/\n.dialog-overlay-3 {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.5);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 9999;\n}\n\n.dialog-overlay-3 .dialog {\n    position: relative;\n    background: rgba(255, 255, 255, 1);\n    border-radius: 15px;\n    padding: 20px;\n    max-width: 650px !important;\n    width: 90%;\n    max-height: 80%;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n    display: flex;\n    flex-direction: column;\n}\n\n\/* Navigation Button Styles *\/\n.mobile-close-btn_popup,\n.close-btn_popup,\n.left-btn_3,\n.right-btn_3,\n.mobile-left-btn_3,\n.mobile-right-btn_3 {\n    cursor: pointer;\n}\n\n.mobile-close-btn_popup {\n    position: absolute;\n    top: 10px;\n    right: 5px;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    display: none;\n    align-items: center;\n    justify-content: center;\n    font-size: 30px;\n    padding-top: 3px;\n    padding-bottom: 10px;\n    color: black;\n    z-index: 10000;\n}\n\n.close-btn_popup {\n    position: absolute;\n    top: -30px;\n    right: -30px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 30px;\n    padding-top: 3px;\n    color: black;\n    z-index: 10000;\n}\n\n.left-btn_3 {\n    position: absolute;\n    bottom: 10px;\n    left: -40px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 30px;\n    padding-top: 6px;\n    color: black;\n    z-index: 10000;\n}\n\n.right-btn_3 {\n    position: absolute;\n    bottom: 10px;\n    right: -40px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 30px;\n    padding-top: 6px;\n    color: black;\n    z-index: 10000;\n}\n\n.mobile-banner {\n    display: flex;\n    justify-content: end;\n    align-items: end;\n    position: absolute;\n    bottom: 10px;\n    width: 100%;\n    padding: 0 20px;\n    display: none;\n}\n\n@media (max-width: 720px) {\n    .profile-widget_3 {\n        text-align: center;\n    }\n    \n    .profile-image_3 {\n        position: relative;\n    }\n    \n    .profile-text_3 {\n        position: absolute;\n        bottom: 10px;\n        left: 50%;\n        transform: translateX(-50%);\n        background: rgba(255, 255, 255, 0.8);\n        border-radius: 15px;\n        padding: 5px 10px;\n        text-align: center;\n        width: calc(100% - 20px);\n        box-sizing: border-box;\n        margin-top: 0;\n    }\n    \n    .profile-text_3 h3, .profile-text_3 p {\n        text-align: center;\n        font-size: 12px;\n    }\n}\n\n@media (max-width: 768px) {\n    .close-btn_popup,\n    .left-btn_3,\n    .right-btn_3 {\n        display: none;\n    }\n\n    .mobile-close-btn_popup {\n        display: flex;\n    }\n\n    .mobile-banner {\n        display: flex;\n        background-color: white;\n        justify-content: space-between;\n        padding: 0 20px;\n        left: 0px;\n        right: 0px;\n        bottom: 0;\n        padding-top: 5px;\n        border-bottom-left-radius: 10px;\n        border-bottom-right-radius: 10px;\n        box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);\n    }\n\n    .mobile-left-btn_3 {\n        left: 0px;\n        border: none;\n        border-radius: 50%;\n        width: 30px;\n        height: 30px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 30px;\n        color: black;\n    }\n\n    .mobile-right-btn_3 {\n        background: white;\n        border: none;\n        border-radius: 50%;\n        width: 30px;\n        height: 30px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 30px;\n        color: black;\n    }\n\n    .dialog-overlay-3 .dialog {\n        padding-top: 30px;\n        padding-bottom: 50px;\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    \/\/ Profile Widget Click Handler\n    const profileWidget = document.querySelector('.profile-widget_3');\n    const dialogOverlay = document.querySelector('.dialog-overlay-3');\n    \n    profileWidget.addEventListener('click', () => {\n        dialogOverlay.style.display = 'flex';\n        document.body.style.overflow = 'hidden';\n    });\n\n    \/\/ Close Button Handlers\n    const closeButtons = dialogOverlay.querySelectorAll('.close-btn_popup, .mobile-close-btn_popup');\n    closeButtons.forEach(button => {\n        button.addEventListener('click', () => {\n            dialogOverlay.style.display = 'none';\n            document.body.style.overflow = 'auto';\n        });\n    });\n\n    \/\/ Navigation Button Handlers\n    const leftBtn = dialogOverlay.querySelector('.left-btn_3');\n    const rightBtn = dialogOverlay.querySelector('.right-btn_3');\n    const mobileleftBtn = dialogOverlay.querySelector('.mobile-left-btn_3');\n    const mobileRightBtn = dialogOverlay.querySelector('.mobile-right-btn_3');\n\n    [leftBtn, mobileleftBtn].forEach(btn => {\n        btn.addEventListener('click', () => {\n            dialogOverlay.style.display = 'none';\n            document.body.style.overflow = 'auto';\n            const targetModal = document.querySelector('.dialog-overlay-2');\n            if (targetModal) {\n                targetModal.style.display = 'flex';\n                document.body.style.overflow = 'hidden';\n            }\n        });\n    });\n\n    [rightBtn, mobileRightBtn].forEach(btn => {\n        btn.addEventListener('click', () => {\n            dialogOverlay.style.display = 'none';\n            document.body.style.overflow = 'auto';\n            const targetModal = document.querySelector('.dialog-overlay-4');\n            if (targetModal) {\n                targetModal.style.display = 'flex';\n                document.body.style.overflow = 'hidden';\n            }\n        });\n    });\n\n    \/\/ Language Switch Handler\n    if (window.location.href.indexOf('zh') !== -1) {\n        \/\/ Update widget text\n        document.querySelector('.profile-text_3 h3').innerText = 'Hannah Wu';\n        document.querySelector('.profile-text_3 p').innerText = '\u82f1\u57fa\u6e2f\u5cf6\u4e2d\u5b78';\n        \n        \/\/ Update dialog text\n        const dialog = document.querySelector('.dialog-overlay-3');\n        dialog.querySelector('h2').innerText = 'Hannah Wu';\n        dialog.querySelector('.school').innerText = '\u82f1\u57fa\u6e2f\u5cf6\u4e2d\u5b78';\n        dialog.querySelector('.subtext:nth-child(3)').innerText = '2024 \u5e74\u5ea6\u7562\u696d\u751f';\n        dialog.querySelector('.university').innerText = '\u5347\u5b78\u53bb\u5411';\n        dialog.querySelector('.university-details').innerHTML = '\u591a\u502b\u591a\u5927\u5b78 <br>\u751f\u547d\u79d1\u5b78\u8ab2\u7a0b';\n        dialog.querySelector('.story').innerText = '\u6211\u7684\u6545\u4e8b';\n        dialog.querySelector('.story-content').innerHTML = '\u300c\u8981\u8aaa\u6e2f\u5cf6\u4e2d\u5b78\u8ce6\u4e88\u4e86\u6211\u7684\uff0c\u90a3\u5927\u6982\u662f\u53ef\u8cb4\u7684\u793e\u7fa4\u7d93\u9a57\u548c\u5f37\u70c8\u7684\u6b78\u5c6c\u611f\uff0c\u5f9e\u5ead\u9662K\u6b4c\u6d3e\u5c0d\uff0c\u74b0\u4fdd\u6d77\u7058\u6e05\u6f54\uff0c\u5230\u6821\u793e\u8faf\u8ad6\u8cfd\u7684\u7cbe\u5f69\u6642\u523b\uff0c\u5370\u8b49\u6211\u5728\u6bcf\u4e00\u6b21\u6d3b\u52d5\u4e2d\u8301\u58ef\u6210\u9577\u3002<br><br> \u5373\u5c07\u8e0f\u4e0a\u4eba\u751f\u7684\u4e0b\u4e00\u65c5\u7a0b\uff0c\u6211\u5c0d\u5728\u591a\u502b\u591a\u5927\u5b78\u751f\u547d\u79d1\u5b78\u8ab2\u7a0b\u4e2d\u5c07\u63a5\u89f8\u5230\u7684\u5168\u65b0\u9818\u57df\u611f\u5230\u7121\u6bd4\u8208\u596e\uff01\u4e2d\u5b78\u751f\u6d3b\u81e8\u5225\u5728\u5373\uff0c\u96d6\u5728\u6b64\u7684\u96e3\u5fd8\u56de\u61b6\u4e5f\u6f38\u6210\u904e\u53bb\uff0c\u4f46\u6e2f\u5cf6\u4e2d\u5b78\u7684\u7cbe\u795e\u5c07\u6c38\u96a8\u6211\u5de6\u53f3\uff0c\u6642\u523b\u63d0\u793a\u6211\u4ee5\u8b19\u5351\u548c\u5e7d\u9ed8\u7684\u5fc3\u61c9\u5c0d\u4efb\u4f55\u96e3\u95dc\u3002 \u6211\u6703\u627f\u50b3\u6e2f\u5cf6\u4e2d\u5b78\u5e36\u7d66\u6211\u7684\u7121\u76e1\u652f\u6301\u548c\u9f13\u52f5\uff0c\u6210\u70ba\u80fd\u95dc\u611b\u3001\u555f\u767c\u8eab\u908a\u540c\u5115\u7684\u9818\u8896\uff0c\u8b93\u6211\u5e36\u9818\u7684\u793e\u7fa4\u6eff\u8f09\u53cb\u5584\u8207\u71b1\u60c5\uff0c\u4ee5\u751f\u547d\u5f71\u97ff\u751f\u547d\u3002\u300d';\n        \n        \/\/ Update image alt text\n        dialog.querySelector('#main-image-3').alt = '\u8096\u50cf';\n        dialog.querySelector('.image-section img:last-child').alt = '\u975c\u614b\u4eba\u50cf';\n        dialog.querySelector('.additional-info-img').alt = '\u53e3\u865f';\n    }\n})();\n<\/script> \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae70f2c elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"ae70f2c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Profile Widget -->\n<div class=\"profile-widget_4\">\n    <div class=\"profile-image_4\"><\/div>\n    <div class=\"profile-text_4\">\n        <h3>Bernice Wing Tung Chou<\/h3>\n        <p>ESF King George V School<\/p>\n    <\/div>\n<\/div>\n\n<!-- Dialog Overlay -->\n<div class=\"dialog-overlay-4\" style=\"display: none;\">\n    <div class=\"dialog\">\n        <div class=\"mobile-close-btn_popup\">\u00d7<\/div>\n        <div class=\"close-btn_popup\">\u00d7<\/div>\n        <div class=\"left-btn_4\">\u2190<\/div>\n        <div class=\"right-btn_4\">\u2192<\/div>\n        <div class=\"dialog-content\">\n            <div class=\"mobile-banner\">\n                <div class=\"mobile-left-btn_4\">\u2190<\/div>\n                <div class=\"mobile-right-btn_4\">\u2192<\/div>\n            <\/div>\n            <div class=\"images-container\">\n                <div class=\"image-container\">\n                    <div class=\"image-section\">\n                        <img decoding=\"async\" id=\"main-image-4\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/KGV_Bernice-Chou_Before.jpeg\" alt=\"Portrait\">\n                    <\/div>\n                <\/div>\n                <div class=\"image-container\">\n                    <div class=\"image-section\">\n                        <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/KGV_Bernice-Chou_After-scaled.jpeg\" alt=\"Static Portrait\">\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"text-section\">\n                <h2>Bernice Wing Tung Chou<\/h2>\n                <p class=\"subtext school\">ESF King George V School<\/p>\n                <p class=\"subtext\">Class of 2024<\/p>\n                <div class=\"info-section\">\n                    <div>\n                        <h3 class=\"university\">Choice of University<\/h3>\n                        <p class=\"university-details\">University of Hong Kong<br>Bachelor of Medicine and Bachelor of Surgery (Distinguished MedScholar)<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"additional-info\">\n                    <h3 class=\"story\">My Story<\/h3>\n                    <p class=\"story-content\">The prospect of caring for patients at their most vulnerable moments and guiding them toward acceptance and recovery is what propels me to study medicine. Volunteering at care homes and hospices made me realise the importance of spreading positivity through empathy.\n<br><br>\nThe breadth of a medical education in both the empirical and ethical aspects of healthcare will help me nurture a holistic approach to this field. I aspire to utilise proliferating medical advancements and the synergy of teamwork to benefit the underprivileged. I hope to achieve this through continuing my volunteer work and venturing into humanitarian aid. I've come to appreciate Dr. Frankl's words that humans need some \"striving and struggling for some worthy goal\". For me, this is to improve patient lives, whether to cure or comfort. This is the type of difference I want to make in society.<\/p>\n                    <img decoding=\"async\" class=\"additional-info-img\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/ib_45_student_1_main_slogan-13.png\" alt=\"slogan\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* Profile Widget Styles *\/\n.profile-widget_4 {\n    width: 100%;\n    min-width: 15vw;\n    text-align: left;\n    cursor: pointer;\n}\n\n.profile-image_4 {\n    width: 100%;\n    aspect-ratio: 3 \/ 4;\n    background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/KGV_Bernice-Chou_Portrait-scaled.jpeg');\n    background-size: cover;\n    background-position: center;\n    border-radius: 30px;\n    border: 1px solid black;\n    transition: background-image 0.3s ease;\n}\n\n.profile-image_4:hover {\n    background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/Bernice.gif');\n}\n\n.profile-text_4 {\n    width: 80%;\n    display: inline-block;\n    margin-top: 10px;\n    background: white;\n    border: 1px solid black;\n    border-radius: 30px;\n    padding: 8px 25px;\n    text-align: left;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n}\n\n.profile-text_4 h3 {\n    margin: 0;\n    font-size: 18px;\n    text-align: left;\n    color: black;\n}\n\n.profile-text_4 p {\n    margin: 0;\n    font-size: 14px;\n    text-align: left;\n    color: black;\n}\n\n\/* Dialog Styles *\/\n.dialog-overlay-4 {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.5);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 9999;\n}\n\n.dialog-overlay-4 .dialog {\n    position: relative;\n    background: rgba(255, 255, 255, 1);\n    border-radius: 15px;\n    padding: 20px;\n    max-width: 650px !important;\n    width: 90%;\n    max-height: 80%;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n    display: flex;\n    flex-direction: column;\n}\n\n\/* Navigation Button Styles *\/\n.mobile-close-btn_popup,\n.close-btn_popup,\n.left-btn_4,\n.right-btn_4,\n.mobile-left-btn_4,\n.mobile-right-btn_4 {\n    cursor: pointer;\n}\n\n.mobile-close-btn_popup {\n    position: absolute;\n    top: 10px;\n    right: 5px;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    display: none;\n    align-items: center;\n    justify-content: center;\n    font-size: 30px;\n    padding-top: 3px;\n    padding-bottom: 10px;\n    color: black;\n    z-index: 10000;\n}\n\n.close-btn_popup {\n    position: absolute;\n    top: -30px;\n    right: -30px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 30px;\n    padding-top: 3px;\n    color: black;\n    z-index: 10000;\n}\n\n.left-btn_4 {\n    position: absolute;\n    bottom: 10px;\n    left: -40px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 30px;\n    padding-top: 6px;\n    color: black;\n    z-index: 10000;\n}\n\n.right-btn_4 {\n    position: absolute;\n    bottom: 10px;\n    right: -40px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 30px;\n    padding-top: 6px;\n    color: black;\n    z-index: 10000;\n}\n\n.mobile-banner {\n    display: flex;\n    justify-content: end;\n    align-items: end;\n    position: absolute;\n    bottom: 10px;\n    width: 100%;\n    padding: 0 20px;\n    display: none;\n}\n\n@media (max-width: 720px) {\n    .profile-widget_4 {\n        text-align: center;\n    }\n    \n    .profile-image_4 {\n        position: relative;\n    }\n    \n    .profile-text_4 {\n        position: absolute;\n        bottom: 10px;\n        left: 50%;\n        transform: translateX(-50%);\n        background: rgba(255, 255, 255, 0.8);\n        border-radius: 15px;\n        padding: 5px 10px;\n        text-align: center;\n        width: calc(100% - 20px);\n        box-sizing: border-box;\n        margin-top: 0;\n    }\n    \n    .profile-text_4 h3, .profile-text_4 p {\n        text-align: center;\n        font-size: 12px;\n    }\n}\n\n@media (max-width: 768px) {\n    .close-btn_popup,\n    .left-btn_4,\n    .right-btn_4 {\n        display: none;\n    }\n\n    .mobile-close-btn_popup {\n        display: flex;\n    }\n\n    .mobile-banner {\n        display: flex;\n        background-color: white;\n        justify-content: space-between;\n        padding: 0 20px;\n        left: 0px;\n        right: 0px;\n        bottom: 0;\n        padding-top: 5px;\n        border-bottom-left-radius: 10px;\n        border-bottom-right-radius: 10px;\n        box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);\n    }\n\n    .mobile-left-btn_4 {\n        left: 0px;\n        border: none;\n        border-radius: 50%;\n        width: 30px;\n        height: 30px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 30px;\n        color: black;\n    }\n\n    .mobile-right-btn_4 {\n        background: white;\n        border: none;\n        border-radius: 50%;\n        width: 30px;\n        height: 30px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 30px;\n        color: black;\n    }\n\n    .dialog-overlay-4 .dialog {\n        padding-top: 30px;\n        padding-bottom: 50px;\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    \/\/ Profile Widget Click Handler\n    const profileWidget = document.querySelector('.profile-widget_4');\n    const dialogOverlay = document.querySelector('.dialog-overlay-4');\n    \n    profileWidget.addEventListener('click', () => {\n        dialogOverlay.style.display = 'flex';\n        document.body.style.overflow = 'hidden';\n    });\n\n    \/\/ Close Button Handlers\n    const closeButtons = dialogOverlay.querySelectorAll('.close-btn_popup, .mobile-close-btn_popup');\n    closeButtons.forEach(button => {\n        button.addEventListener('click', () => {\n            dialogOverlay.style.display = 'none';\n            document.body.style.overflow = 'auto';\n        });\n    });\n\n    \/\/ Navigation Button Handlers\n    const leftBtn = dialogOverlay.querySelector('.left-btn_4');\n    const rightBtn = dialogOverlay.querySelector('.right-btn_4');\n    const mobileleftBtn = dialogOverlay.querySelector('.mobile-left-btn_4');\n    const mobileRightBtn = dialogOverlay.querySelector('.mobile-right-btn_4');\n\n    [leftBtn, mobileleftBtn].forEach(btn => {\n        btn.addEventListener('click', () => {\n            dialogOverlay.style.display = 'none';\n            document.body.style.overflow = 'auto';\n            const targetModal = document.querySelector('.dialog-overlay-3');\n            if (targetModal) {\n                targetModal.style.display = 'flex';\n                document.body.style.overflow = 'hidden';\n            }\n        });\n    });\n\n    [rightBtn, mobileRightBtn].forEach(btn => {\n        btn.addEventListener('click', () => {\n            dialogOverlay.style.display = 'none';\n            document.body.style.overflow = 'auto';\n            const targetModal = document.querySelector('.dialog-overlay-5');\n            if (targetModal) {\n                targetModal.style.display = 'flex';\n                document.body.style.overflow = 'hidden';\n            }\n        });\n    });\n\n    \/\/ Language Switch Handler\n    if (window.location.href.indexOf('zh') !== -1) {\n        \/\/ Update widget text\n        document.querySelector('.profile-text_4 h3').innerText = 'Bernice Wing Tung Chou';\n        document.querySelector('.profile-text_4 p').innerText = '\u82f1\u57fa\u82f1\u7687\u4f50\u6cbb\u4e94\u4e16\u5b78\u6821';\n        \n        \/\/ Update dialog text\n        const dialog = document.querySelector('.dialog-overlay-4');\n        dialog.querySelector('h2').innerText = '\u5468\u7a4e\u5f64';\n        dialog.querySelector('.school').innerText = '\u82f1\u57fa\u82f1\u7687\u4f50\u6cbb\u4e94\u4e16\u5b78\u6821';\n        dialog.querySelector('.subtext:nth-child(3)').innerText = '2024 \u5e74\u5ea6\u7562\u696d\u751f';\n        dialog.querySelector('.university').innerText = '\u5347\u5b78\u53bb\u5411';\n        dialog.querySelector('.university-details').innerHTML = '\u9999\u6e2f\u5927\u5b78<br>\u5167\u5916\u5168\u79d1\u91ab\u5b78\u58eb\u8ab2\u7a0b\u300c\u5091\u51fa\u91ab\u79d1\u5b78\u4eba\u300d';\n        dialog.querySelector('.story').innerText = '\u6211\u7684\u6545\u4e8b';\n        dialog.querySelector('.story-content').innerHTML = '\u300c\u6cbb\u4eba\u5fc5\u5148\u6cbb\u5176\u5fc3: \u5728\u75c5\u4eba\u6700\u8106\u5f31\u7684\u6642\u523b\u6210\u70ba\u4ed6\u5011\u7684\u652f\u67f1\uff0c\u5f15\u5c0e\u4ed6\u5011\u63a5\u7d0d\u6cbb\u7642\u3001\u9010\u6f38\u5eb7\u5fa9\uff0c\u6b63\u662f\u63a8\u52d5\u6211\u5b78\u7fd2\u91ab\u5b78\u7684\u52d5\u529b\u3002\u6614\u65e5\u5728\u7642\u990a\u9662\u548c\u5b89\u5be7\u75c5\u623f\u505a\u7fa9\u5de5\uff0c\u8b93\u6211\u610f\u8b58\u5230\u901a\u904e\u540c\u60c5\u5fc3\u50b3\u64ad\u6b63\u80fd\u91cf\u7684\u91cd\u8981\u6027\u3002<br><br>\u80fd\u63a5\u53d7\u5be6\u7528\u548c\u502b\u7406\u517c\u91cd\u7684\u91ab\u5b78\u6559\u80b2\uff0c\u5c07\u5b8c\u5584\u6211\u5728\u91ab\u7642\u4fdd\u5065\u9818\u57df\u7684\u8868\u73fe\u548c\u8ffd\u6c42\u3002\u6211\u6e34\u671b\u5229\u7528\u4e0d\u65b7\u767c\u5c55\u7684\u91ab\u5b78\u79d1\u6280\u548c\u5718\u968a\u5408\u4f5c\u7684\u5354\u529b\u589e\u76ca\uff0c\u4f86\u9020\u798f\u793e\u6703\u5404\u754c\u7684\u5f31\u52e2\u7fa4\u9ad4\u3002\u6211\u5e0c\u671b\u901a\u904e\u7e7c\u7e8c\u6211\u7684\u5fd7\u9858\u5de5\u4f5c\u548c\u6295\u8eab\u4eba\u9053\u63f4\u52a9\u4f86\u5be6\u73fe\u9019\u4e00\u76ee\u6a19\u3002\u5982\u4eca\u56de\u60f3\u5fc3\u7406\u6cbb\u7642\u5b78\u5bb6\u5f17\u862d\u514b\u535a\u58eb(Dr. Frankl)\u7684\u8a71\uff0c\u7d42\u65bc\u6df1\u660e\u5176\u7fa9\uff1a\u300e\u4eba\u985e\u8981\u70ba\u4e00\u500b\u503c\u5f97\u8ffd\u6c42\u7684\u76ee\u6a19\u800c\u6399\u624e\u3001\u596e\u9b25\u3002\u300f\u5c0d\u6211\u4f86\u8aaa\uff0c\u9019\u500b\u76ee\u6a19\u662f\u4fbf\u662f\u6539\u5584\u75c5\u4eba\u7684\u751f\u6d3b\uff0c\u4e5f\u8a31\u662f\u6cbb\u6108\uff0c\u4e5f\u8a31\u53ea\u662f\u5b89\u6170\uff0c\u4e5f\u5c07\u5e36\u4f86\u6e29\u6696\u3002\u6cbb\u7642\u6642\u4ea6\u8b93\u4eba\u5fc3\u5f97\u4ee5\u6170\u85c9\uff0c\u9019\u5c31\u662f\u6211\u60f3\u5728\u793e\u6703\u4e0a\u7522\u751f\u7684\u5f71\u97ff\u3002\u300d';\n        \n        \/\/ Update image alt text\n        dialog.querySelector('#main-image-4').alt = '\u8096\u50cf';\n        dialog.querySelector('.image-section img:last-child').alt = '\u975c\u614b\u4eba\u50cf';\n        dialog.querySelector('.additional-info-img').alt = '\u53e3\u865f';\n    }\n})();\n<\/script> \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3417dd elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c3417dd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Profile Widget -->\n<div class=\"profile-widget_5\">\n    <div class=\"profile-image_5\"><\/div>\n    <div class=\"profile-text_5\">\n        <h3>Mila Phoenix Dresner<\/h3>\n        <p>ESF King George V School<\/p>\n    <\/div>\n<\/div>\n\n<!-- Dialog Overlay -->\n<div class=\"dialog-overlay-5\" style=\"display: none;\">\n    <div class=\"dialog\">\n        <div class=\"mobile-close-btn_popup\">\u00d7<\/div>\n        <div class=\"close-btn_popup\">\u00d7<\/div>\n        <div class=\"left-btn_5\">\u2190<\/div>\n        <div class=\"right-btn_5\">\u2192<\/div>\n        <div class=\"dialog-content\">\n            <div class=\"mobile-banner\">\n                <div class=\"mobile-left-btn_5\">\u2190<\/div>\n                <div class=\"mobile-right-btn_5\">\u2192<\/div>\n            <\/div>\n            <div class=\"images-container\">\n                <div class=\"image-container\">\n                    <div class=\"image-section\">\n                        <img decoding=\"async\" id=\"main-image-5\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/KGV_Mila-Dresner_Before.jpeg\" alt=\"Portrait\">\n                    <\/div>\n                <\/div>\n                <div class=\"image-container\">\n                    <div class=\"image-section\">\n                        <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/KGV_Mila-Dresner_After-scaled.jpeg\" alt=\"Static Portrait\">\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"text-section\">\n                <h2>Mila Phoenix Dresner<\/h2>\n                <p class=\"subtext school\">ESF King George V School<\/p>\n                <p class=\"subtext\">Class of 2024<\/p>\n                <div class=\"info-section\">\n                    <div>\n                        <h3 class=\"university\">Choice of University<\/h3>\n                        <p class=\"university-details\">Chinese University of Hong Kong<br>Bachelor of Medicine and Bachelor of Surgery (Global Physician- Leadership Stream)<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"additional-info\">\n                    <h3 class=\"story\">My Story<\/h3>\n                    <p class=\"story-content\">Medicine is not just about curing patients but also caring for them and alleviating their suffering. I envision myself as a leader, provider and source of comfort to others, which is why I aspire to be a doctor.\n<br><br>\nWitnessing my grandmother's fight against stroke and cancer made me realize that life is unpredictable and transient. Being grateful for the opportunities I am presented with means that I don't take anything or anyone for granted. As I strive to become the best version of myself, I hope to constantly learn from others and inspire positive change. With the support of my family, friends and CUMed, I am confident that I will achieve my dreams.<\/p>\n                    <img decoding=\"async\" class=\"additional-info-img\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/ib_45_student_1_main_slogan-14.png\" alt=\"slogan\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* Profile Widget Styles *\/\n.profile-widget_5 {\n    width: 100%;\n    min-width: 15vw;\n    text-align: left;\n    cursor: pointer;\n}\n\n.profile-image_5 {\n    width: 100%;\n    aspect-ratio: 3 \/ 4;\n    background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/KGV_Mila-Dresner_Portrait-scaled.jpeg');\n    background-size: cover;\n    background-position: center;\n    border-radius: 30px;\n    border: 1px solid black;\n    transition: background-image 0.3s ease;\n}\n\n.profile-image_5:hover {\n    background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/Mila4.gif');\n}\n\n.profile-text_5 {\n    width: 80%;\n    display: inline-block;\n    margin-top: 10px;\n    background: white;\n    border: 1px solid black;\n    border-radius: 30px;\n    padding: 8px 25px;\n    text-align: left;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n}\n\n.profile-text_5 h3 {\n    margin: 0;\n    font-size: 18px;\n    text-align: left;\n    color: black;\n}\n\n.profile-text_5 p {\n    margin: 0;\n    font-size: 14px;\n    text-align: left;\n    color: black;\n}\n\n\/* Dialog Styles *\/\n.dialog-overlay-5 {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.5);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 9999;\n}\n\n.dialog-overlay-5 .dialog {\n    position: relative;\n    background: rgba(255, 255, 255, 1);\n    border-radius: 15px;\n    padding: 20px;\n    max-width: 650px !important;\n    width: 90%;\n    max-height: 80%;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n    display: flex;\n    flex-direction: column;\n}\n\n\/* Rest of the styles remain the same as they use scoped class names *\/\n\n\/* Navigation Button Styles *\/\n.mobile-close-btn_popup,\n.close-btn_popup,\n.left-btn_5,\n.right-btn_5,\n.mobile-left-btn_5,\n.mobile-right-btn_5 {\n    cursor: pointer;\n}\n\n.mobile-close-btn_popup {\n    position: absolute;\n    top: 10px;\n    right: 5px;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    display: none;\n    align-items: center;\n    justify-content: center;\n    font-size: 30px;\n    padding-top: 3px;\n    padding-bottom: 10px;\n    color: black;\n    z-index: 10000;\n}\n\n.close-btn_popup {\n    position: absolute;\n    top: -30px;\n    right: -30px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 30px;\n    padding-top: 3px;\n    color: black;\n    z-index: 10000;\n}\n\n.left-btn_5 {\n    position: absolute;\n    bottom: 10px;\n    left: -40px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 30px;\n    padding-top: 6px;\n    color: black;\n    z-index: 10000;\n}\n\n.right-btn_5 {\n    position: absolute;\n    bottom: 10px;\n    right: -40px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 30px;\n    padding-top: 6px;\n    color: black;\n    z-index: 10000;\n}\n\n.mobile-banner {\n    display: flex;\n    justify-content: end;\n    align-items: end;\n    position: absolute;\n    bottom: 10px;\n    width: 100%;\n    padding: 0 20px;\n    display: none;\n}\n\n@media (max-width: 720px) {\n    .profile-widget_5 {\n        text-align: center;\n    }\n    \n    .profile-image_5 {\n        position: relative;\n    }\n    \n    .profile-text_5 {\n        position: absolute;\n        bottom: 10px;\n        left: 50%;\n        transform: translateX(-50%);\n        background: rgba(255, 255, 255, 0.8);\n        border-radius: 15px;\n        padding: 5px 10px;\n        text-align: center;\n        width: calc(100% - 20px);\n        box-sizing: border-box;\n        margin-top: 0;\n    }\n    \n    .profile-text_5 h3, .profile-text_5 p {\n        text-align: center;\n        font-size: 12px;\n    }\n}\n\n@media (max-width: 768px) {\n    .close-btn_popup,\n    .left-btn_5,\n    .right-btn_5 {\n        display: none;\n    }\n\n    .mobile-close-btn_popup {\n        display: flex;\n    }\n\n    .mobile-banner {\n        display: flex;\n        background-color: white;\n        justify-content: space-between;\n        padding: 0 20px;\n        left: 0px;\n        right: 0px;\n        bottom: 0;\n        padding-top: 5px;\n        border-bottom-left-radius: 10px;\n        border-bottom-right-radius: 10px;\n        box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);\n    }\n\n    .mobile-left-btn_5 {\n        left: 0px;\n        border: none;\n        border-radius: 50%;\n        width: 30px;\n        height: 30px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 30px;\n        color: black;\n    }\n\n    .mobile-right-btn_5 {\n        background: white;\n        border: none;\n        border-radius: 50%;\n        width: 30px;\n        height: 30px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 30px;\n        color: black;\n    }\n\n    .dialog-overlay-5 .dialog {\n        padding-top: 30px;\n        padding-bottom: 50px;\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    \/\/ Profile Widget Click Handler\n    const profileWidget = document.querySelector('.profile-widget_5');\n    const dialogOverlay = document.querySelector('.dialog-overlay-5');\n    \n    profileWidget.addEventListener('click', () => {\n        dialogOverlay.style.display = 'flex';\n        document.body.style.overflow = 'hidden';\n    });\n\n    \/\/ Close Button Handlers\n    const closeButtons = dialogOverlay.querySelectorAll('.close-btn_popup, .mobile-close-btn_popup');\n    closeButtons.forEach(button => {\n        button.addEventListener('click', () => {\n            dialogOverlay.style.display = 'none';\n            document.body.style.overflow = 'auto';\n        });\n    });\n\n    \/\/ Navigation Button Handlers\n    const leftBtn = dialogOverlay.querySelector('.left-btn_5');\n    const rightBtn = dialogOverlay.querySelector('.right-btn_5');\n    const mobileleftBtn = dialogOverlay.querySelector('.mobile-left-btn_5');\n    const mobileRightBtn = dialogOverlay.querySelector('.mobile-right-btn_5');\n\n    [leftBtn, mobileleftBtn].forEach(btn => {\n        btn.addEventListener('click', () => {\n            dialogOverlay.style.display = 'none';\n            document.body.style.overflow = 'auto';\n            const targetModal = document.querySelector('.dialog-overlay-4');\n            if (targetModal) {\n                targetModal.style.display = 'flex';\n                document.body.style.overflow = 'hidden';\n            }\n        });\n    });\n\n    [rightBtn, mobileRightBtn].forEach(btn => {\n        btn.addEventListener('click', () => {\n            dialogOverlay.style.display = 'none';\n            document.body.style.overflow = 'auto';\n            const targetModal = document.querySelector('.dialog-overlay-6');\n            if (targetModal) {\n                targetModal.style.display = 'flex';\n                document.body.style.overflow = 'hidden';\n            }\n        });\n    });\n\n    \/\/ Language Switch Handler\n    if (window.location.href.indexOf('zh') !== -1) {\n        \/\/ Update widget text\n        document.querySelector('.profile-text_5 h3').innerText = '\u72c4\u7f8e\u5a1c';\n        document.querySelector('.profile-text_5 p').innerText = '\u82f1\u57fa\u82f1\u7687\u4f50\u6cbb\u4e94\u4e16\u5b78\u6821';\n        \n        \/\/ Update dialog text\n        const dialog = document.querySelector('.dialog-overlay-5');\n        dialog.querySelector('h2').innerText = '\u72c4\u7f8e\u5a1c';\n        dialog.querySelector('.school').innerText = '\u82f1\u57fa\u82f1\u7687\u4f50\u6cbb\u4e94\u4e16\u5b78\u6821';\n        dialog.querySelector('.subtext:nth-child(3)').innerText = '2024 \u5e74\u5ea6\u7562\u696d\u751f';\n        dialog.querySelector('.university').innerText = '\u5347\u5b78\u53bb\u5411';\n        dialog.querySelector('.university-details').innerHTML = '\u9999\u6e2f\u4e2d\u6587\u5927\u5b78 <br>\u5167\u5916\u5168\u79d1\u91ab\u5b78\u58eb\u8ab2\u7a0b\u300c\u74b0\u7403\u91ab\u5b78\u9818\u8896\u57f9\u8a13\u5c08\u4fee\u7d44\u300d';\n        dialog.querySelector('.story').innerText = '\u6211\u7684\u6545\u4e8b';\n        dialog.querySelector('.story-content').innerHTML = '\u300c\u91ab\u5b78\u4e0d\u50c5\u50c5\u662f\u95dc\u65bc\u6cbb\u7642\u75c5\u4eba\uff0c\u66f4\u662f\u5c0d\u4ed6\u5011\u7684\u7642\u7652\uff0c\u7121\u5fae\u4e0d\u81f3\u7684\u7167\u9867\uff0c\u6e1b\u8f15\u4ed6\u5011\u7684\u75db\u82e6\u3002\u5728\u6211\u7684\u7406\u60f3\u4e2d\uff0c\u6211\u9810\u898b\u81ea\u5df1\u70ba\u4e00\u500b\u9818\u5c0e\u8005\u3001\u65bd\u7d66\u8005\uff0c\u70ba\u4ed6\u4eba\u5e36\u4f86\u5b89\u6170\u3002\u9019\u4e5f\u662f\u6211\u6e34\u671b\u6210\u70ba\u91ab\u751f\u7684\u539f\u56e0\u3002<br><br>\u76ee\u7779\u7956\u6bcd\u5c0d\u6297\u4e2d\u98a8\u548c\u764c\u75c7\u7684\u904e\u7a0b\uff0c\u8b93\u6211\u610f\u8b58\u5230\u751f\u547d\u7684\u4e0d\u53ef\u6e2c\u4e14\u77ed\u66ab\u3002\u6211\u611f\u6fc0\u547d\u904b\u8b93\u6211\u9047\u4e0a\u4e26\u8d70\u904e\u9019\u4e9b\u4f4e\u8c37\uff0c\u8b93\u6211\u610f\u8b58\u8eab\u908a\u5404\u7a2e\u4eba\u4e8b\u7269\u7684\u53ef\u8cb4\uff0c\u4eba\u751f\u4e2d\u7684\u4e00\u5207\u7686\u4e0d\u662f\u7406\u6240\u7576\u7136\u3002\u7576\u6211\u52aa\u529b\u6210\u70ba\u6700\u597d\u7684\u81ea\u5df1\u6642\uff0c\u6211\u5e0c\u671b\u80fd\u4e0d\u65b7\u5411\u4ed6\u4eba\u5b78\u7fd2\u4e26\u9f13\u52f5\u5927\u5bb6\u4f5c\u51fa\u6b63\u9762\u7684\u6539\u8b8a\u3002\u5728\u5bb6\u4eba\u3001\u670b\u53cb\u548c\u4e2d\u5927\u91ab\u5b78\u9662\u7684\u652f\u6301\u4e0b\uff0c\u6211\u76f8\u4fe1\u4e0d\u4e45\u7684\u5c07\u4f86\uff0c\u6211\u5c07\u5be6\u73fe\u6211\u7684\u5922\u60f3\u3002\u300d';\n        \n        \/\/ Update image alt text\n        dialog.querySelector('#main-image-5').alt = '\u8096\u50cf';\n        dialog.querySelector('.image-section img:last-child').alt = '\u975c\u614b\u4eba\u50cf';\n        dialog.querySelector('.additional-info-img').alt = '\u53e3\u865f';\n    }\n})();\n<\/script> \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89be6dc elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"89be6dc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Widget Section -->\n<div class=\"profile-widget_6\">\n    <div class=\"profile-image_6\"><\/div>\n    <div class=\"profile-text_6\">\n        <h3>Reiss Lau<\/h3>\n        <p>ESF King George V School<\/p>\n    <\/div>\n<\/div>\n\n<!-- Dialog Overlay -->\n<div class=\"dialog-overlay_6\" style=\"display: none;\">\n    <div class=\"dialog\">\n        <div class=\"mobile-close-btn_popup\">\u00d7<\/div>\n        <div class=\"close-btn_popup\">\u00d7<\/div>\n        <div class=\"left-btn_6\">\u2190<\/div>\n        <div class=\"right-btn_6\">\u2192<\/div>\n        <div class=\"dialog-content\">\n            <div class=\"mobile-banner\">\n                <div class=\"mobile-left-btn_6\">\u2190<\/div>\n                <div class=\"mobile-right-btn_6\">\u2192<\/div>\n            <\/div>\n            <div class=\"images-container\">\n                <div class=\"image-container\">\n                    <div class=\"image-section\">\n                        <img decoding=\"async\" id=\"main-image\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/KGV_Reiss-Sien-Tung-Lau_Before-scaled.jpeg\" alt=\"Portrait\">\n                    <\/div>\n                <\/div>\n                <div class=\"image-container\">\n                    <div class=\"image-section\">\n                        <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/KGV_Reiss-Lau_After-scaled.jpeg\" alt=\"Static Portrait\">\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"text-section\">\n                <h2>Reiss Lau<\/h2>\n                <p class=\"subtext\">ESF King George V School<\/p>\n                <p class=\"subtext\">Class of 2024<\/p>\n                <div class=\"info-section\">\n                    <div>\n                        <h3>Choice of University<\/h3>\n                        <p>University of California Los Angeles<br>Bachelor of Science in Bioengineering<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"additional-info\">\n                    <h3>My Story<\/h3>\n                    <p>Laughter is beautifully therapeutic. One person's laughter is everyone's joy. Hearing my friends laugh inspires me to reach out, connect with others and cultivate happiness. I believe that laughter is abundant at UCLA, where everyone is supported to be anything they dream of.<br><br>\n                    I envision myself working with an open-minded and creative team to create a community where social boundaries are pushed and hard work is appreciated. Ultimately, I want to collaborate with others through interdepartmental projects to develop helpful medical technologies that will keep people laughing.<br><br>\n                    At UCLA, I'll have all these opportunities and more. I'll be able to explore other avenues and pursue other passions. Such freedom will allow me to glean more into different worldly perspectives and consolidate a more holistic personal philosophy.<\/p>\n                    <img decoding=\"async\" class=\"additional-info-img\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/ib_45_student_1_main_slogan-15.png\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n.profile-widget_6 {\n    width: 100%;\n    min-width: 15vw;\n    text-align: left;\n    cursor: pointer;\n}\n\n.profile-image_6 {\n    width: 100%;\n    aspect-ratio: 3 \/ 4;\n    background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/KGV_Reiss-Lau_Portrait-scaled.jpeg');\n    background-size: cover;\n    background-position: center;\n    border-radius: 30px;\n    border: 1px solid black;\n    transition: background-image 0.3s ease;\n}\n\n.profile-image_6:hover {\n    background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/Reiss.gif');\n}\n\n.profile-text_6 {\n    width: 80%;\n    display: inline-block;\n    margin-top: 10px;\n    background: white;\n    border: 1px solid black;\n    border-radius: 30px;\n    padding: 8px 25px;\n    text-align: left;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n}\n\n.profile-text_6 h3 {\n    margin: 0;\n    font-size: 18px;\n    text-align: left;\n    color: black;\n}\n\n.profile-text_6 p {\n    margin: 0;\n    font-size: 14px;\n    text-align: left;\n    color: black;\n}\n\n\/* Dialog Overlay Styles *\/\n.dialog-overlay_6 {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.5);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 9999;\n}\n\n.dialog {\n    position: relative;\n    background: rgba(255, 255, 255, 1);\n    border-radius: 15px;\n    padding: 20px;\n    max-width: 650px !important;\n    width: 90%;\n    max-height: 80%;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n    display: flex;\n    flex-direction: column;\n}\n\n.mobile-close-btn_popup,\n.image-left-btn,\n.image-right-btn,\n.close-btn_popup,\n.left-btn_6,\n.right-btn_6,\n.mobile-left-btn_6,\n.mobile-right-btn_6 {\n    display: none;\n    cursor: pointer;\n}\n\n.mobile-close-btn_popup {\n    position: absolute;\n    top: 10px;\n    right: 5px;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    font-size: 30px;\n    padding-top: 3px;\n    padding-bottom: 10px;\n    color: black;\n    z-index: 10000;\n    display: none;\n}\n\n.close-btn_popup {\n    position: absolute;\n    top: -30px;\n    right: -30px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    font-size: 30px;\n    padding-top: 3px;\n    color: black;\n    z-index: 10000;\n}\n\n.left-btn_6 {\n    position: absolute;\n    bottom: 10px;\n    left: -40px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    font-size: 30px;\n    padding-top: 6px;\n    color: black;\n    z-index: 10000;\n}\n\n.right-btn_6 {\n    position: absolute;\n    bottom: 10px;\n    right: -40px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    font-size: 30px;\n    padding-top: 6px;\n    color: black;\n    z-index: 10000;\n}\n\n.dialog-content {\n    flex: 1;\n    overflow: hidden;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    overflow-y: auto;\n    padding: 10px;\n}\n\n.images-container {\n    display: flex;\n    gap: 20px;\n}\n\n.image-section {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 20px;\n    position: relative;\n}\n\n.image-section img {\n    border-radius: 10px;\n    width: 100%;\n    max-width: 300px;\n    aspect-ratio: 3 \/ 4;\n    object-fit: cover;\n}\n\n.text-section {\n    flex: 1;\n    text-align: left;\n    max-height: 300px;\n}\n\n.text-section::-webkit-scrollbar {\n    width: 10px;\n}\n\n.text-section::-webkit-scrollbar-thumb {\n    background-color: darkgrey;\n    border-radius: 10px;\n}\n\n.text-section h2 {\n    margin: 10px 0;\n    font-size: 24px;\n    font-weight: bold;\n}\n\n.text-section .subtext {\n    margin: 5px 0;\n    font-size: 16px;\n    color: grey;\n}\n\n.info-section {\n    display: flex;\n    justify-content: left;\n    text-align: left;\n    align-items: center;\n    margin: 20px 0;\n}\n\n.info-section div {\n    width: 100%;\n}\n\n.info-section h3 {\n    margin-bottom: 5px;\n    font-size: 18px;\n    font-weight: bold;\n    display: inline-block;\n}\n\n.additional-info {\n    text-align: left;\n    margin-top: 20px;\n}\n\n.additional-info h3 {\n    margin-bottom: 10px;\n    font-size: 18px;\n    font-weight: bold;\n}\n\n.additional-info p {\n    text-align: justify;\n    margin: 20px;\n    margin-left: 20px;\n    margin-right: 35px;\n    word-wrap: none;\n}\n\n.additional-info-img {\n    width: 33.33%;\n    border-radius: 10px;\n    margin-top: 10px;\n}\n\n.mobile-banner {\n    display: none;\n    justify-content: space-between;\n    align-items: center;\n    position: absolute;\n    bottom: 10px;\n    width: 100%;\n    padding: 0 20px;\n}\n\n@media (max-width: 720px) {\n    .profile-widget_6 {\n        text-align: center;\n    }\n    \n    .profile-image_6 {\n        position: relative;\n    }\n    \n    .profile-text_6 {\n        position: absolute;\n        bottom: 10px;\n        left: 50%;\n        transform: translateX(-50%);\n        background: rgba(255, 255, 255, 0.8);\n        border-radius: 15px;\n        padding: 5px 10px;\n        text-align: center;\n        width: calc(100% - 20px);\n        box-sizing: border-box;\n        margin-top: 0;\n    }\n    \n    .profile-text_6 h3, .profile-text_6 p {\n        text-align: center;\n        font-size: 12px;\n    }\n}\n\n@media (max-width: 768px) {\n    .close-btn_popup,\n    .left-btn_6,\n    .right-btn_6 {\n        display: none;\n    }\n\n    .mobile-close-btn_popup {\n        display: flex;\n    }\n\n    .dialog-content {\n        padding: 5px;\n        padding-left: 5px;\n        padding-right: 10px;\n        padding-top: 15px;\n    }\n\n    .mobile-banner {\n        display: flex;\n        background-color: white;\n        justify-content: space-between;\n        padding: 0 20px;\n        left: 0px;\n        right: 0px;\n        bottom: 0;\n        padding-top: 5px;\n        border-bottom-left-radius: 10px;\n        border-bottom-right-radius: 10px;\n        box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);\n    }\n\n    .mobile-left-btn_6,\n    .mobile-right-btn_6 {\n        border: none;\n        border-radius: 50%;\n        width: 30px;\n        height: 30px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        font-size: 30px;\n        color: black;\n    }\n\n    .dialog {\n        padding-top: 30px;\n        padding-bottom: 50px;\n    }\n\n    .additional-info p {\n        text-align: start;\n        width: 100%;\n        margin: 0px;\n        margin-left: 5px;\n        margin-right: 5px;\n        word-spacing: 1px;\n        word-wrap: none;\n        word-break: none;\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    const widget = document.querySelector('.profile-widget_6');\n    const dialog = document.querySelector('.dialog-overlay_6');\n    const closeBtn = dialog.querySelector('.close-btn_popup');\n    const mobileCloseBtn = dialog.querySelector('.mobile-close-btn_popup');\n    const leftBtn = dialog.querySelector('.left-btn_6');\n    const rightBtn = dialog.querySelector('.right-btn_6');\n    const mobileBtns = dialog.querySelectorAll('.mobile-left-btn_6, .mobile-right-btn_6');\n\n    \/\/ Show dialog when widget is clicked\n    widget.addEventListener('click', () => {\n        dialog.style.display = 'flex';\n        document.body.style.overflow = 'hidden';\n    });\n\n    \/\/ Close dialog when close button is clicked\n    [closeBtn, mobileCloseBtn].forEach(btn => {\n        btn.addEventListener('click', () => {\n            dialog.style.display = 'none';\n            document.body.style.overflow = 'auto';\n        });\n    });\n\n    \/\/ Close dialog when clicking outside\n    dialog.addEventListener('click', (e) => {\n        if (e.target === dialog) {\n            dialog.style.display = 'none';\n            document.body.style.overflow = 'auto';\n        }\n    });\n\n    \/\/ Navigation buttons functionality\n    [leftBtn, rightBtn, ...mobileBtns].forEach(btn => {\n        btn.style.display = 'flex';\n    });\n\n    \/\/ Left navigation (to profile 5)\n    [leftBtn, document.querySelector('.mobile-left-btn_6')].forEach(btn => {\n        if (btn) {\n            btn.addEventListener('click', (e) => {\n                e.stopPropagation();\n                dialog.style.display = 'none';\n                document.body.style.overflow = 'auto';\n                const targetModal = document.querySelector('.dialog-overlay-5');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                    document.body.style.overflow = 'hidden';\n                }\n            });\n        }\n    });\n\n    \/\/ Right navigation (to profile 7)\n    [rightBtn, document.querySelector('.mobile-right-btn_6')].forEach(btn => {\n        if (btn) {\n            btn.addEventListener('click', (e) => {\n                e.stopPropagation();\n                dialog.style.display = 'none';\n                document.body.style.overflow = 'auto';\n                const targetModal = document.querySelector('.dialog-overlay_7');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                    document.body.style.overflow = 'hidden';\n                }\n            });\n        }\n    });\n\n    \/\/ Language switching\n    if (window.location.href.indexOf('zh') !== -1) {\n        \/\/ Update widget text\n        document.querySelector('.profile-text_6 h3').innerText = '\u5289\u5029\u5f64';\n        document.querySelector('.profile-text_6 p').innerText = '\u82f1\u57fa\u82f1\u7687\u4f50\u6cbb\u4e94\u4e16\u5b78\u6821';\n        \n        \/\/ Update dialog text\n        const dialogContent = dialog.querySelector('.text-section');\n        dialogContent.querySelector('h2').innerText = '\u5289\u5029\u5f64';\n        dialogContent.querySelector('.subtext:nth-child(2)').innerText = '\u82f1\u57fa\u82f1\u7687\u4f50\u6cbb\u4e94\u4e16\u5b78\u6821';\n        dialogContent.querySelector('.subtext:nth-child(3)').innerText = '2024 \u5e74\u5ea6\u7562\u696d\u751f';\n        dialogContent.querySelector('.info-section h3').innerText = '\u5347\u5b78\u53bb\u5411';\n        dialogContent.querySelector('.info-section p').innerHTML = '\u52a0\u5dde\u5927\u5b78\u6d1b\u6749\u78ef\u5206\u6821<br>\u751f\u7269\u5de5\u7a0b\u5b78\u58eb\u8ab2\u7a0b';\n        dialogContent.querySelector('.additional-info h3').innerText = '\u6211\u7684\u6545\u4e8b';\n        dialogContent.querySelector('.additional-info p').innerHTML = '\u300c\u7b11\u8072\u6709\u8457\u7f8e\u5999\u7684\u795e\u5947\u7642\u6548\u3002\u4e00\u500b\u4eba\u7684\u7b11\u8072\u53ef\u9020\u5c31\u4eba\u7684\u559c\u6085\u3002\u670b\u53cb\u5011\u7684\u7b11\u8072\u7e3d\u80fd\u9f13\u821e\u6211\u655e\u958b\u5fc3\u6249\uff0c\u8207\u4ed6\u4eba\u5efa\u7acb\u806f\u7e6b\uff0c\u6f38\u6f38\u8b8a\u5f97\u5feb\u6a02\u3002\u6211\u76f8\u4fe1\u5728\u52a0\u5dde\u5927\u5b78\u6d1b\u6749\u78ef\u5206\u6821(UCLA)\u7684\u6821\u5712\u5c07\u6703\u7b11\u8072\u4e0d\u65b7\uff0c\u5f7c\u6b64\u76f8\u4e92\u652f\u6301\uff0c\u6210\u5c31\u4e00\u5207\u770b\u4f3c\u4e0d\u53ef\u80fd\u7684\u5922\u60f3\u3002<br><br>\u6211\u6e34\u671b\u80fd\u8207\u4e00\u500b\u958b\u660e\u4e14\u5bcc\u6709\u5275\u610f\u7684\u5718\u968a\u5408\u4f5c\uff0c\u5275\u5efa\u4e00\u500b\u7121\u754c\u9650\u7684\u793e\u5340\uff0c\u4eba\u5011\u4e0d\u518d\u53d7\u5230\u5404\u7a2e\u793e\u6703\u898f\u7bc4\u7d04\u675f\uff0c\u800c\u662f\u80fd\u5171\u878d\uff0c\u6b23\u8cde\u5927\u5bb6\u5728\u5404\u65b9\u7684\u4ed8\u51fa\u548c\u6210\u5c31\u3002\u5728\u53ef\u898b\u7684\u5c07\u4f86\uff0c\u6211\u5e0c\u671b\u901a\u904e\u8de8\u8d8a\u9818\u57df\u7684\u5408\u4f5c\uff0c\u958b\u767c\u6709\u7528\u7684\u91ab\u7642\u6280\u8853\uff0c\u8b93\u4eba\u5011\u4e0d\u518d\u53d7\u82e6\u75db\u6298\u78e8\uff0c\u53ef\u4ee5\u7121\u6642\u7121\u523b\u958b\u61f7\u5927\u7b11\u3002<br><br>\u5728UCLA\uff0c\u6211\u5c07\u64c1\u6709\u6240\u6709\u9019\u4e9b\u6a5f\u6703\uff0c\u751a\u81f3\u66f4\u591a\u672a\u77e5\u7684\u9a5a\u559c\uff1b\u6211\u5c07\u80fd\u5920\u63a2\u7d22\u4e0d\u540c\u6280\u8853\uff0c\u767c\u6398\u5c0d\u66f4\u591a\u4e8b\u7269\u7684\u71b1\u60c5\u3002\u9019\u7a2e\u81ea\u7531\u5b9a\u5fc5\u80fd\u6559\u6211\u66f4\u6df1\u5165\u5730\u4e86\u89e3\u4e0d\u540c\u7684\u4e16\u754c\u89c0\uff0c\u5efa\u7acb\u66f4\u5168\u9762\u7684\u500b\u4eba\u54f2\u5b78\uff0c\u9818\u543e\u771f\u6b63\u7684\u5feb\u6a02\u6cc9\u6e90\uff01\u300d';\n    }\n})();\n<\/script> \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a26de5d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a26de5d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Widget Section -->\n<div class=\"profile-widget_7\">\n    <div class=\"profile-image_7\"><\/div>\n    <div class=\"profile-text_7\">\n        <h3>Kirsty Lee<\/h3>\n        <p>ESF King George V School<\/p>\n    <\/div>\n<\/div>\n\n<!-- Dialog Overlay -->\n<div class=\"dialog-overlay_7\" style=\"display: none;\">\n    <div class=\"dialog\">\n        <div class=\"mobile-close-btn_popup\">\u00d7<\/div>\n        <div class=\"close-btn_popup\">\u00d7<\/div>\n        <div class=\"left-btn_7\">\u2190<\/div>\n        <div class=\"right-btn_7\">\u2192<\/div>\n        <div class=\"dialog-content\">\n            <div class=\"mobile-banner\">\n                <div class=\"mobile-left-btn_7\">\u2190<\/div>\n                <div class=\"mobile-right-btn_7\">\u2192<\/div>\n            <\/div>\n            <div class=\"images-container\">\n                <div class=\"image-container\">\n                    <div class=\"image-section\">\n                        <img decoding=\"async\" id=\"main-image\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/KGV_Kirsty-Sam-In-Lee_Before-scaled.jpeg\" alt=\"Portrait\">\n                    <\/div>\n                <\/div>\n                <div class=\"image-container\">\n                    <div class=\"image-section\">\n                        <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/KGV_Kirsty-Lee_After-scaled.jpeg\" alt=\"Static Portrait\">\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"text-section\">\n                <h2>Kirsty Lee<\/h2>\n                <p class=\"subtext\">ESF King George V School<\/p>\n                <p class=\"subtext\">Class of 2024<\/p>\n                <div class=\"info-section\">\n                    <div>\n                        <h3>Choice of University<\/h3>\n                        <p>University of Hong Kong<br>Bachelor of Medicine and Bachelor of Surgery (Distinguished MedScholar)<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"additional-info\">\n                    <h3>My Story<\/h3>\n                    <p>Believing in yourself is the first step to achieving your dreams. I hope to enter the medical field as a doctor; not only to treat patients, but to heal them too. As I've always been a positive person, I'm determined to share this mindset with patients as I believe a positive mentality is crucial to a speedy recovery.<br><br>\n                    Although I'm still unsure of which specialism I will pursue, I am confident that I will gain a clearer understanding of my strengths and interests over time, so I can continue developing my skills to serve the public community. Medicine is a lifelong learning journey, and I am determined to commit to making my aspirations come true.<br><br>\n                    My journey has just begun, and I'm looking forward to what the future holds!<\/p>\n                    <img decoding=\"async\" class=\"additional-info-img\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/ib_45_student_1_main_slogan-16.png\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n.profile-widget_7 {\n    width: 100%;\n    min-width: 15vw;\n    text-align: left;\n    cursor: pointer;\n}\n\n.profile-image_7 {\n    width: 100%;\n    aspect-ratio: 3 \/ 4;\n    background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/KGV_Kirsty-Lee_Portrait-scaled.jpeg');\n    background-size: cover;\n    background-position: center;\n    border-radius: 30px;\n    border: 1px solid black;\n    transition: background-image 0.3s ease;\n}\n\n.profile-image_7:hover {\n    background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/Kirsty4.gif');\n}\n\n.profile-text_7 {\n    width: 80%;\n    display: inline-block;\n    margin-top: 10px;\n    background: white;\n    border: 1px solid black;\n    border-radius: 30px;\n    padding: 8px 25px;\n    text-align: left;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n}\n\n.profile-text_7 h3 {\n    margin: 0;\n    font-size: 18px;\n    text-align: left;\n    color: black;\n}\n\n.profile-text_7 p {\n    margin: 0;\n    font-size: 14px;\n    text-align: left;\n    color: black;\n}\n\n\/* Dialog Overlay Styles *\/\n.dialog-overlay_7 {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.5);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 9999;\n}\n\n.dialog {\n    position: relative;\n    background: rgba(255, 255, 255, 1);\n    border-radius: 15px;\n    padding: 20px;\n    max-width: 650px !important;\n    width: 90%;\n    max-height: 80%;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n    display: flex;\n    flex-direction: column;\n}\n\n.mobile-close-btn_popup,\n.image-left-btn,\n.image-right-btn,\n.close-btn_popup,\n.left-btn_7,\n.right-btn_7,\n.mobile-left-btn_7,\n.mobile-right-btn_7 {\n    display: none;\n    cursor: pointer;\n}\n\n.mobile-close-btn_popup {\n    position: absolute;\n    top: 10px;\n    right: 5px;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    font-size: 30px;\n    padding-top: 3px;\n    padding-bottom: 10px;\n    color: black;\n    z-index: 10000;\n    display: none;\n}\n\n.close-btn_popup {\n    position: absolute;\n    top: -30px;\n    right: -30px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    font-size: 30px;\n    padding-top: 3px;\n    color: black;\n    z-index: 10000;\n}\n\n.left-btn_7 {\n    position: absolute;\n    bottom: 10px;\n    left: -40px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    font-size: 30px;\n    padding-top: 6px;\n    color: black;\n    z-index: 10000;\n}\n\n.right-btn_7 {\n    position: absolute;\n    bottom: 10px;\n    right: -40px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    font-size: 30px;\n    padding-top: 6px;\n    color: black;\n    z-index: 10000;\n}\n\n.dialog-content {\n    flex: 1;\n    overflow: hidden;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    overflow-y: auto;\n    padding: 10px;\n}\n\n.images-container {\n    display: flex;\n    gap: 20px;\n}\n\n.image-section {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 20px;\n    position: relative;\n}\n\n.image-section img {\n    border-radius: 10px;\n    width: 100%;\n    max-width: 300px;\n    aspect-ratio: 3 \/ 4;\n    object-fit: cover;\n}\n\n.text-section {\n    flex: 1;\n    text-align: left;\n    max-height: 300px;\n}\n\n.text-section::-webkit-scrollbar {\n    width: 10px;\n}\n\n.text-section::-webkit-scrollbar-thumb {\n    background-color: darkgrey;\n    border-radius: 10px;\n}\n\n.text-section h2 {\n    margin: 10px 0;\n    font-size: 24px;\n    font-weight: bold;\n}\n\n.text-section .subtext {\n    margin: 5px 0;\n    font-size: 16px;\n    color: grey;\n}\n\n.info-section {\n    display: flex;\n    justify-content: left;\n    text-align: left;\n    align-items: center;\n    margin: 20px 0;\n}\n\n.info-section div {\n    width: 100%;\n}\n\n.info-section h3 {\n    margin-bottom: 5px;\n    font-size: 18px;\n    font-weight: bold;\n    display: inline-block;\n}\n\n.additional-info {\n    text-align: left;\n    margin-top: 20px;\n}\n\n.additional-info h3 {\n    margin-bottom: 10px;\n    font-size: 18px;\n    font-weight: bold;\n}\n\n.additional-info p {\n    text-align: justify;\n    margin: 20px;\n    margin-left: 20px;\n    margin-right: 35px;\n    word-wrap: none;\n}\n\n.additional-info-img {\n    width: 33.33%;\n    border-radius: 10px;\n    margin-top: 10px;\n}\n\n.mobile-banner {\n    display: none;\n    justify-content: space-between;\n    align-items: center;\n    position: absolute;\n    bottom: 10px;\n    width: 100%;\n    padding: 0 20px;\n}\n\n@media (max-width: 720px) {\n    .profile-widget_7 {\n        text-align: center;\n    }\n    \n    .profile-image_7 {\n        position: relative;\n    }\n    \n    .profile-text_7 {\n        position: absolute;\n        bottom: 10px;\n        left: 50%;\n        transform: translateX(-50%);\n        background: rgba(255, 255, 255, 0.8);\n        border-radius: 15px;\n        padding: 5px 10px;\n        text-align: center;\n        width: calc(100% - 20px);\n        box-sizing: border-box;\n        margin-top: 0;\n    }\n    \n    .profile-text_7 h3, .profile-text_7 p {\n        text-align: center;\n        font-size: 12px;\n    }\n}\n\n@media (max-width: 768px) {\n    .close-btn_popup,\n    .left-btn_7,\n    .right-btn_7 {\n        display: none;\n    }\n\n    .mobile-close-btn_popup {\n        display: flex;\n    }\n\n    .dialog-content {\n        padding: 5px;\n        padding-left: 5px;\n        padding-right: 10px;\n        padding-top: 15px;\n    }\n\n    .mobile-banner {\n        display: flex;\n        background-color: white;\n        justify-content: space-between;\n        padding: 0 20px;\n        left: 0px;\n        right: 0px;\n        bottom: 0;\n        padding-top: 5px;\n        border-bottom-left-radius: 10px;\n        border-bottom-right-radius: 10px;\n        box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);\n    }\n\n    .mobile-left-btn_7,\n    .mobile-right-btn_7 {\n        border: none;\n        border-radius: 50%;\n        width: 30px;\n        height: 30px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        font-size: 30px;\n        color: black;\n    }\n\n    .dialog {\n        padding-top: 30px;\n        padding-bottom: 50px;\n    }\n\n    .additional-info p {\n        text-align: start;\n        width: 100%;\n        margin: 0px;\n        margin-left: 5px;\n        margin-right: 5px;\n        word-spacing: 1px;\n        word-wrap: none;\n        word-break: none;\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    const widget = document.querySelector('.profile-widget_7');\n    const dialog = document.querySelector('.dialog-overlay_7');\n    const closeBtn = dialog.querySelector('.close-btn_popup');\n    const mobileCloseBtn = dialog.querySelector('.mobile-close-btn_popup');\n    const leftBtn = dialog.querySelector('.left-btn_7');\n    const rightBtn = dialog.querySelector('.right-btn_7');\n    const mobileBtns = dialog.querySelectorAll('.mobile-left-btn_7, .mobile-right-btn_7');\n\n    \/\/ Show dialog when widget is clicked\n    widget.addEventListener('click', () => {\n        dialog.style.display = 'flex';\n        document.body.style.overflow = 'hidden';\n    });\n\n    \/\/ Close dialog when close button is clicked\n    [closeBtn, mobileCloseBtn].forEach(btn => {\n        btn.addEventListener('click', () => {\n            dialog.style.display = 'none';\n            document.body.style.overflow = 'auto';\n        });\n    });\n\n    \/\/ Close dialog when clicking outside\n    dialog.addEventListener('click', (e) => {\n        if (e.target === dialog) {\n            dialog.style.display = 'none';\n            document.body.style.overflow = 'auto';\n        }\n    });\n\n    \/\/ Navigation buttons functionality\n    [leftBtn, rightBtn, ...mobileBtns].forEach(btn => {\n        btn.style.display = 'flex';\n    });\n\n    \/\/ Left navigation (to profile 6)\n    [leftBtn, document.querySelector('.mobile-left-btn_7')].forEach(btn => {\n        if (btn) {\n            btn.addEventListener('click', (e) => {\n                e.stopPropagation();\n                dialog.style.display = 'none';\n                document.body.style.overflow = 'auto';\n                const targetModal = document.querySelector('.dialog-overlay_6');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                    document.body.style.overflow = 'hidden';\n                }\n            });\n        }\n    });\n\n    \/\/ Right navigation (to profile 8)\n    [rightBtn, document.querySelector('.mobile-right-btn_7')].forEach(btn => {\n        if (btn) {\n            btn.addEventListener('click', (e) => {\n                e.stopPropagation();\n                dialog.style.display = 'none';\n                document.body.style.overflow = 'auto';\n                const targetModal = document.querySelector('.dialog-overlay_8');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                    document.body.style.overflow = 'hidden';\n                }\n            });\n        }\n    });\n\n    \/\/ Language switching\n    if (window.location.href.indexOf('zh') !== -1) {\n        \/\/ Update widget text\n        document.querySelector('.profile-text_7 h3').innerText = '\u674e\u82af\u5f26';\n        document.querySelector('.profile-text_7 p').innerText = '\u82f1\u57fa\u82f1\u7687\u4f50\u6cbb\u4e94\u4e16\u5b78\u6821';\n        \n        \/\/ Update dialog text\n        const dialogContent = dialog.querySelector('.text-section');\n        dialogContent.querySelector('h2').innerText = '\u674e\u82af\u5f26';\n        dialogContent.querySelector('.subtext:nth-child(2)').innerText = '\u82f1\u57fa\u82f1\u7687\u4f50\u6cbb\u4e94\u4e16\u5b78\u6821';\n        dialogContent.querySelector('.subtext:nth-child(3)').innerText = '2024 \u5e74\u5ea6\u7562\u696d\u751f';\n        dialogContent.querySelector('.info-section h3').innerText = '\u5347\u5b78\u53bb\u5411';\n        dialogContent.querySelector('.info-section p').innerHTML = '\u9999\u6e2f\u5927\u5b78<br>\u5167\u5916\u5168\u79d1\u91ab\u5b78\u58eb\u8ab2\u7a0b\u300c\u5091\u51fa\u91ab\u79d1\u5b78\u4eba\u300d';\n        dialogContent.querySelector('.additional-info h3').innerText = '\u6211\u7684\u6545\u4e8b';\n        dialogContent.querySelector('.additional-info p').innerHTML = '\u300c\u76f8\u4fe1\u81ea\u5df1\u662f\u5be6\u73fe\u5922\u60f3\u7684\u7b2c\u4e00\u6b65\u3002\u6211\u5e0c\u671b\u80fd\u4ee5\u91ab\u751f\u7684\u8eab\u4efd\u9032\u5165\u91ab\u5b78\u9818\u57df\uff1b\u4e0d\u50c5\u50c5\u662f\u6cbb\u7642\u75c5\u4eba\uff0c\u66f4\u8981\u6cbb\u6108\u4ed6\u5011\u3002\u6211\u5411\u4f86\u662f\u4e00\u500b\u6a02\u89c0\u7684\u4eba\uff0c\u800c\u6211\u92b3\u610f\u5c07\u9019\u6b63\u5411\u601d\u7dad\u5e36\u7d66\u6211\u7684\u75c5\uff0c\u56e0\u70ba\u6211\u76f8\u4fe1\u7a4d\u6975\u7684\u5fc3\u614b\u624d\u662f\u5feb\u901f\u5eb7\u5fa9\u7684\u958b\u7aef\u3002<br><br>\u96d6\u7136\u6211\u5c0d\u81ea\u5df1\u5c07\u4f86\u5c08\u653b\u7684\u9818\u57df\u9084\u4e0d\u78ba\u5b9a\uff0c\u4f46\u6211\u6709\u4fe1\u5fc3\u96a8\u8457\u6642\u9593\u7684\u63a8\u79fb\uff0c\u6211\u6703\u66f4\u6e05\u695a\u5730\u4e86\u89e3\u81ea\u5df1\u7684\u9577\u8655\u548c\u8208\u8da3\uff0c\u4ee5\u4fbf\u7e7c\u7e8c\u767c\u5c55\u81ea\u5df1\u7684\u5c08\u696d\u6280\u80fd\u4f86\u670d\u52d9\u5927\u773e\u3002\u91ab\u5b78\u662f\u4e00\u689d\u7d42\u8eab\u5b78\u7fd2\u4e4b\u8def\uff0c\u6211\u6c7a\u5fc3\u7aed\u529b\u5be6\u73fe\u6211\u7684\u62b1\u8ca0\uff0c\u6210\u70ba\u6709\u5f71\u97ff\u529b\u7684\u4eba\u3002<br><br>\u6211\u7684\u65c5\u7a0b\u525b\u525b\u958b\u59cb\uff0c\u5c0d\u672a\u4f86\u53ef\u8b02\u5145\u6eff\u671f\u5f85\uff01\u300d';\n    }\n})();\n<\/script> \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6e153d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c6e153d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Widget Section -->\n<div class=\"profile-widget_8\">\n    <div class=\"profile-image_8\"><\/div>\n    <div class=\"profile-text_8\">\n        <h3>Chi Him Tsang<\/h3>\n        <p>ESF King George V School<\/p>\n    <\/div>\n<\/div>\n\n<!-- Dialog Overlay -->\n<div class=\"dialog-overlay_8\" style=\"display: none;\">\n    <div class=\"dialog\">\n        <div class=\"mobile-close-btn_popup\">\u00d7<\/div>\n        <div class=\"close-btn_popup\">\u00d7<\/div>\n        <div class=\"left-btn_8\">\u2190<\/div>\n        <div class=\"right-btn_8\">\u2192<\/div>\n        <div class=\"dialog-content\">\n            <div class=\"mobile-banner\">\n                <div class=\"mobile-left-btn_8\">\u2190<\/div>\n                <div class=\"mobile-right-btn_8\">\u2192<\/div>\n            <\/div>\n            <div class=\"images-container\">\n                <div class=\"image-container\">\n                    <div class=\"image-section\">\n                        <img decoding=\"async\" id=\"main-image\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-4_Chi-Him-Tsang1.jpeg\" alt=\"Portrait\">\n                    <\/div>\n                <\/div>\n                <div class=\"image-container\">\n                    <div class=\"image-section\">\n                        <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-4_Chi-Him-Tsang-scaled.jpeg\" alt=\"Static Portrait\">\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"text-section\">\n                <h2>Chi Him Tsang<\/h2>\n                <p class=\"subtext\">ESF King George V School<\/p>\n                <p class=\"subtext\">Class of 2024<\/p>\n                <div class=\"info-section\">\n                    <div>\n                        <h3>Choice of University<\/h3>\n                        <p>The University of Hong Kong<br>Bachelor of Medicine and Bachelor of Surgery (Distinguished MedScholar)<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"additional-info\">\n                    <h3>My Story<\/h3>\n                    <p>The greatest medicine is to teach people how not to need it. I see myself as an agent of positive change, a caregiver, a lifelong learner, and someone who constantly strives for personal growth and improvement.<br><br>\n                    With an intent to specialize in a particular medical field, I aim to delve deeper into an area where I can continue making meaningful impacts on the lives of others. I want to combine my passion for helping people with my dedication to personal and professional development, ensuring I constantly evolve as a healthcare provider.<br><br>\n                    With my commitment to medicine, I am confident I will have the means to turn my aspirations into a reality and contribute to creating a healthier future for all.<\/p>\n                    <img decoding=\"async\" class=\"additional-info-img\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_4E_KGV_Tsang-Chi-Him_Slogan.png\" alt=\"slogan\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n.profile-widget_8 {\n    width: 100%;\n    min-width: 15vw;\n    text-align: left;\n    cursor: pointer;\n}\n\n.profile-image_8 {\n    width: 100%;\n    aspect-ratio: 3 \/ 4;\n    background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/4_KGV_Tsang-Chi-Him-scaled.jpeg');\n    background-size: cover;\n    background-position: center;\n    border-radius: 30px;\n    border: 1px solid black;\n    transition: background-image 0.3s ease;\n}\n\n.profile-image_8:hover {\n    background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-4_Chi-Him-Tsang.gif');\n}\n\n.profile-text_8 {\n    width: 80%;\n    display: inline-block;\n    margin-top: 10px;\n    background: white;\n    border: 1px solid black;\n    border-radius: 30px;\n    padding: 8px 25px;\n    text-align: left;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n}\n\n.profile-text_8 h3 {\n    margin: 0;\n    font-size: 18px;\n    text-align: left;\n    color: black;\n}\n\n.profile-text_8 p {\n    margin: 0;\n    font-size: 14px;\n    text-align: left;\n    color: black;\n}\n\n\/* Dialog Overlay Styles *\/\n.dialog-overlay_8 {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.5);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 9999;\n}\n\n.dialog {\n    position: relative;\n    background: rgba(255, 255, 255, 1);\n    border-radius: 15px;\n    padding: 20px;\n    max-width: 650px !important;\n    width: 90%;\n    max-height: 80%;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n    display: flex;\n    flex-direction: column;\n}\n\n.mobile-close-btn_popup,\n.image-left-btn,\n.image-right-btn,\n.close-btn_popup,\n.left-btn_8,\n.right-btn_8,\n.mobile-left-btn_8,\n.mobile-right-btn_8 {\n    display: none;\n    cursor: pointer;\n}\n\n.mobile-close-btn_popup {\n    position: absolute;\n    top: 10px;\n    right: 5px;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    font-size: 30px;\n    padding-top: 3px;\n    padding-bottom: 10px;\n    color: black;\n    z-index: 10000;\n    display: none;\n}\n\n.close-btn_popup {\n    position: absolute;\n    top: -30px;\n    right: -30px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    font-size: 30px;\n    padding-top: 3px;\n    color: black;\n    z-index: 10000;\n}\n\n.left-btn_8 {\n    position: absolute;\n    bottom: 10px;\n    left: -40px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    font-size: 30px;\n    padding-top: 6px;\n    color: black;\n    z-index: 10000;\n}\n\n.right-btn_8 {\n    position: absolute;\n    bottom: 10px;\n    right: -40px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    font-size: 30px;\n    padding-top: 6px;\n    color: black;\n    z-index: 10000;\n}\n\n.dialog-content {\n    flex: 1;\n    overflow: hidden;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    overflow-y: auto;\n    padding: 10px;\n}\n\n.images-container {\n    display: flex;\n    gap: 20px;\n}\n\n.image-section {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 20px;\n    position: relative;\n}\n\n.image-section img {\n    border-radius: 10px;\n    width: 100%;\n    max-width: 300px;\n    aspect-ratio: 3 \/ 4;\n    object-fit: cover;\n}\n\n.text-section {\n    flex: 1;\n    text-align: left;\n    max-height: 300px;\n}\n\n.text-section::-webkit-scrollbar {\n    width: 10px;\n}\n\n.text-section::-webkit-scrollbar-thumb {\n    background-color: darkgrey;\n    border-radius: 10px;\n}\n\n.text-section h2 {\n    margin: 10px 0;\n    font-size: 24px;\n    font-weight: bold;\n}\n\n.text-section .subtext {\n    margin: 5px 0;\n    font-size: 16px;\n    color: grey;\n}\n\n.info-section {\n    display: flex;\n    justify-content: left;\n    text-align: left;\n    align-items: center;\n    margin: 20px 0;\n}\n\n.info-section div {\n    width: 100%;\n}\n\n.info-section h3 {\n    margin-bottom: 5px;\n    font-size: 18px;\n    font-weight: bold;\n    display: inline-block;\n}\n\n.additional-info {\n    text-align: left;\n    margin-top: 20px;\n}\n\n.additional-info h3 {\n    margin-bottom: 10px;\n    font-size: 18px;\n    font-weight: bold;\n}\n\n.additional-info p {\n    text-align: justify;\n    margin: 20px;\n    margin-left: 20px;\n    margin-right: 35px;\n    word-wrap: none;\n}\n\n.additional-info-img {\n    width: 33.33%;\n    border-radius: 10px;\n    margin-top: 10px;\n}\n\n.mobile-banner {\n    display: none;\n    justify-content: space-between;\n    align-items: center;\n    position: absolute;\n    bottom: 10px;\n    width: 100%;\n    padding: 0 20px;\n}\n\n@media (max-width: 720px) {\n    .profile-widget_8 {\n        text-align: center;\n    }\n    \n    .profile-image_8 {\n        position: relative;\n    }\n    \n    .profile-text_8 {\n        position: absolute;\n        bottom: 10px;\n        left: 50%;\n        transform: translateX(-50%);\n        background: rgba(255, 255, 255, 0.8);\n        border-radius: 15px;\n        padding: 5px 10px;\n        text-align: center;\n        width: calc(100% - 20px);\n        box-sizing: border-box;\n        margin-top: 0;\n    }\n    \n    .profile-text_8 h3, .profile-text_8 p {\n        text-align: center;\n        font-size: 12px;\n    }\n}\n\n@media (max-width: 768px) {\n    .close-btn_popup,\n    .left-btn_8,\n    .right-btn_8 {\n        display: none;\n    }\n\n    .mobile-close-btn_popup {\n        display: flex;\n    }\n\n    .dialog-content {\n        padding: 5px;\n        padding-left: 5px;\n        padding-right: 10px;\n        padding-top: 15px;\n    }\n\n    .mobile-banner {\n        display: flex;\n        background-color: white;\n        justify-content: space-between;\n        padding: 0 20px;\n        left: 0px;\n        right: 0px;\n        bottom: 0;\n        padding-top: 5px;\n        border-bottom-left-radius: 10px;\n        border-bottom-right-radius: 10px;\n        box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);\n    }\n\n    .mobile-left-btn_8,\n    .mobile-right-btn_8 {\n        border: none;\n        border-radius: 50%;\n        width: 30px;\n        height: 30px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        font-size: 30px;\n        color: black;\n    }\n\n    .dialog {\n        padding-top: 30px;\n        padding-bottom: 50px;\n    }\n\n    .additional-info p {\n        text-align: start;\n        width: 100%;\n        margin: 0px;\n        margin-left: 5px;\n        margin-right: 5px;\n        word-spacing: 1px;\n        word-wrap: none;\n        word-break: none;\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    const widget = document.querySelector('.profile-widget_8');\n    const dialog = document.querySelector('.dialog-overlay_8');\n    const closeBtn = dialog.querySelector('.close-btn_popup');\n    const mobileCloseBtn = dialog.querySelector('.mobile-close-btn_popup');\n    const leftBtn = dialog.querySelector('.left-btn_8');\n    const rightBtn = dialog.querySelector('.right-btn_8');\n    const mobileBtns = dialog.querySelectorAll('.mobile-left-btn_8, .mobile-right-btn_8');\n\n    \/\/ Show dialog when widget is clicked\n    widget.addEventListener('click', () => {\n        dialog.style.display = 'flex';\n        document.body.style.overflow = 'hidden';\n    });\n\n    \/\/ Close dialog when close button is clicked\n    [closeBtn, mobileCloseBtn].forEach(btn => {\n        btn.addEventListener('click', () => {\n            dialog.style.display = 'none';\n            document.body.style.overflow = 'auto';\n        });\n    });\n\n    \/\/ Close dialog when clicking outside\n    dialog.addEventListener('click', (e) => {\n        if (e.target === dialog) {\n            dialog.style.display = 'none';\n            document.body.style.overflow = 'auto';\n        }\n    });\n\n    \/\/ Navigation buttons functionality\n    [leftBtn, rightBtn, ...mobileBtns].forEach(btn => {\n        btn.style.display = 'flex';\n    });\n\n    \/\/ Left navigation (to profile 7)\n    [leftBtn, document.querySelector('.mobile-left-btn_8')].forEach(btn => {\n        if (btn) {\n            btn.addEventListener('click', (e) => {\n                e.stopPropagation();\n                dialog.style.display = 'none';\n                document.body.style.overflow = 'auto';\n                const targetModal = document.querySelector('.dialog-overlay_7');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                    document.body.style.overflow = 'hidden';\n                }\n            });\n        }\n    });\n\n    \/\/ Right navigation (to profile 9)\n    [rightBtn, document.querySelector('.mobile-right-btn_8')].forEach(btn => {\n        if (btn) {\n            btn.addEventListener('click', (e) => {\n                e.stopPropagation();\n                dialog.style.display = 'none';\n                document.body.style.overflow = 'auto';\n                const targetModal = document.querySelector('.dialog-overlay_9');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                    document.body.style.overflow = 'hidden';\n                }\n            });\n        }\n    });\n\n    \/\/ Language switching\n    if (window.location.href.indexOf('zh') !== -1) {\n        \/\/ Update widget text\n        document.querySelector('.profile-text_8 h3').innerText = '\u66fe\u667a\u8b19';\n        document.querySelector('.profile-text_8 p').innerText = '\u82f1\u57fa\u82f1\u7687\u4f50\u6cbb\u4e94\u4e16\u5b78\u6821';\n        \n        \/\/ Update dialog text\n        const dialogContent = dialog.querySelector('.text-section');\n        dialogContent.querySelector('h2').innerText = '\u66fe\u667a\u8b19';\n        dialogContent.querySelector('.subtext:nth-child(2)').innerText = '\u82f1\u57fa\u82f1\u7687\u4f50\u6cbb\u4e94\u4e16\u5b78\u6821';\n        dialogContent.querySelector('.subtext:nth-child(3)').innerText = '2024 \u5e74\u5ea6\u7562\u696d\u751f';\n        dialogContent.querySelector('.info-section h3').innerText = '\u5347\u5b78\u53bb\u5411';\n        dialogContent.querySelector('.info-section p').innerHTML = '\u9999\u6e2f\u5927\u5b78<br>\u5167\u5916\u5168\u79d1\u91ab\u5b78\u58eb\u8ab2\u7a0b\u300c\u5091\u51fa\u91ab\u79d1\u5b78\u4eba\u300d';\n        dialogContent.querySelector('.additional-info h3').innerText = '\u6211\u7684\u6545\u4e8b';\n        dialogContent.querySelector('.additional-info p').innerHTML = '\u300c\u6700\u4f73\u7684\u826f\u85e5\u4e0d\u6b63\u662f\u6559\u4eba\u4e0d\u9808\u518d\u82e6\u5c0b\u7642\u6cd5\u3002<br><br>\u6211\u66fe\u5ffd\u767c\u5947\u60f3\uff0c\u5230\u5e95\u8a72\u5982\u4f55\u70ba\u793e\u6703\u5e36\u4f86\u6b63\u9762\u5f71\u97ff\uff0c\u6210\u70ba\u7121\u79c1\u7684\u7167\u9867\u8005\uff0c\u7d42\u8eab\u5b78\u7fd2\uff0c\u70ba\u4ed6\u4eba\u3001\u4ea6\u70ba\u81ea\u5df1\u4e0d\u65b7\u9032\u6b65\uff0c\u52c7\u6562\u6210\u9577\u3002\u4eca\u5929\u7684\u6211\u627e\u5230\u7b54\u6848\u4e86\u3002<br><br>\u5728\u805a\u591a\u91ab\u5b78\u79d1\u7cfb\u4e2d\uff0c\u6211\u5c07\u627e\u5230\u4e00\u9580\u5c08\u5c6c\u7684\u9818\u57df\u6df1\u5165\u7814\u7fd2\uff0c\u7d50\u5408\u5e6b\u52a9\u4ed6\u4eba\u7684\u71b1\u8877\uff0c\u656c\u696d\u6a02\u7fa4\uff0c\u670d\u52d9\u4e4b\u6642\u70ba\u6bcf\u4e00\u500b\u751f\u547d\u5e36\u4f86\u6709\u610f\u7fa9\u7684\u6539\u8b8a\uff0c\u6210\u70ba\u793e\u6703\u4e00\u9053\u66d9\u5149\u3002<br><br>\u6211\u5805\u4fe1\u6211\u80fd\u628a\u4eca\u5929\u7684\u7406\u60f3\uff0c\u5728\u4e0d\u4e45\u7684\u5c07\u4f86\u5316\u70ba\u73fe\u5be6\uff0c\u8b93\u793e\u6703\u8fce\u63a5\u4e00\u500b\u66f4\u5065\u5168\u7684\u672a\u4f86\u3002\u300d';\n    }\n})();\n<\/script> \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bc28efb elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"bc28efb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"profile-widget_9\">\n    <div class=\"profile-image_9\"><\/div>\n    <div class=\"profile-text_9\">\n        <h3>Darkan Budhrani<\/h3>\n        <p>ESF Renaissance College<\/p>\n    <\/div>\n<\/div>\n\n<div class=\"dialog-overlay_9\" style=\"display: none;\">\n    <div class=\"dialog\">\n        <div class=\"mobile-close-btn_popup\">\u00d7<\/div>\n        <div class=\"close-btn_popup\">\u00d7<\/div>\n        <div class=\"left-btn_9\">\u2190<\/div>\n        <div class=\"right-btn_9\">\u2192<\/div>\n        <div class=\"dialog-content\">\n            <div class=\"mobile-banner\">\n                <div class=\"mobile-left-btn_9\">\u2190<\/div>\n                <div class=\"mobile-right-btn_9\">\u2192<\/div>\n            <\/div>\n            <div class=\"images-container\">\n                <div class=\"image-container\">\n                    <div class=\"image-section\">\n                        <img decoding=\"async\" id=\"main-image\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-5_Darkan-Budhrani1.jpeg\" alt=\"Portrait\">\n                    <\/div>\n                <\/div>\n                <div class=\"image-container\">\n                    <div class=\"image-section\">\n                        <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-5_Darkan-Budhrani-scaled.jpeg\" alt=\"Static Portrait\">\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"text-section\">\n                <h2>Darkan Budhrani<\/h2>\n                <p class=\"subtext\">ESF Renaissance College<\/p>\n                <p class=\"subtext\">Class of 2024<\/p>\n                <div class=\"info-section\">\n                    <div>\n                        <h3>Choice of University<\/h3>\n                        <p>Hong Kong University<br>International Business and Global Management<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"additional-info\">\n                    <h3>My Story<\/h3>\n                    <p>As I look ahead, I envision a future where I can utilize my experiences and skillset to make a meaningful impact on the world around me. My passions for business, design, and creative problem-solving have motivated me to seek out new challenges and opportunities.<br><br>\n                    I'm drawn to the fast-paced, collaborative nature of the consulting field, where I can apply my analytical abilities to help organizations navigate complex issues. I aspire to one day have my own start-up that seamlessly blends my interests in the design and global business.<br><br>\n                    Ultimately, I hope to create positive change and use an entrepreneurial mindset to address societal needs. With the support from the BBA program of International Business and Global Management at HKU, I am confident I can turn these aspirations into reality.<\/p>\n                    <img decoding=\"async\" class=\"additional-info-img\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/5E_RC_Darkan-Budhrani_Slogan.png\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n.profile-widget_9 {\n    width: 100%;\n    min-width: 15vw;\n    text-align: left;\n    cursor: pointer;\n}\n\n.profile-image_9 {\n    width: 100%;\n    aspect-ratio: 3 \/ 4;\n    background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-5_Darkan-Budhrani-scaled.jpeg');\n    background-size: cover;\n    background-position: center;\n    border-radius: 30px;\n    border: 1px solid black;\n    transition: background-image 0.3s ease;\n}\n\n.profile-image_9:hover {\n    background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-5_Darkan-Budhrani.gif');\n}\n\n.profile-text_9 {\n    width: 80%;\n    display: inline-block;\n    margin-top: 10px;\n    background: white;\n    border: 1px solid black;\n    border-radius: 30px;\n    padding: 8px 25px;\n    text-align: left;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n}\n\n.profile-text_9 h3 {\n    margin: 0;\n    font-size: 18px;\n    text-align: left;\n    color: black;\n}\n\n.profile-text_9 p {\n    margin: 0;\n    font-size: 14px;\n    text-align: left;\n    color: black;\n}\n\n@media (max-width: 720px) {\n    .profile-widget_9 {\n        text-align: center;\n    }\n    \n    .profile-image_9 {\n        position: relative;\n    }\n    \n    .profile-text_9 {\n        position: absolute;\n        bottom: 10px;\n        left: 50%;\n        transform: translateX(-50%);\n        background: rgba(255, 255, 255, 0.8);\n        border-radius: 15px;\n        padding: 5px 10px;\n        text-align: center;\n        width: calc(100% - 20px);\n        box-sizing: border-box;\n        margin-top: 0;\n    }\n    \n    .profile-text_9 h3, .profile-text_9 p {\n        text-align: center;\n        font-size: 12px;\n    }\n}\n\n.dialog-overlay_9 {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.5);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 9999;\n}\n\n.dialog {\n    position: relative;\n    background: rgba(255, 255, 255, 1);\n    border-radius: 15px;\n    padding: 20px;\n    max-width: 650px !important;\n    width: 90%;\n    max-height: 80%;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n    display: flex;\n    flex-direction: column;\n}\n\n.mobile-close-btn_popup,\n.close-btn_popup,\n.left-btn_9,\n.right-btn_9,\n.mobile-left-btn_9,\n.mobile-right-btn_9 {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.mobile-close-btn_popup {\n    position: absolute;\n    top: 10px;\n    right: 5px;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    font-size: 30px;\n    padding-top: 3px;\n    padding-bottom: 10px;\n    color: black;\n    z-index: 10000;\n    display: none;\n}\n\n.close-btn_popup {\n    position: absolute;\n    top: -30px;\n    right: -30px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    font-size: 30px;\n    padding-top: 3px;\n    color: black;\n    z-index: 10000;\n}\n\n.left-btn_9,\n.right-btn_9 {\n    position: absolute;\n    bottom: 10px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    font-size: 30px;\n    padding-top: 6px;\n    color: black;\n    z-index: 10000;\n}\n\n.left-btn_9 { left: -40px; }\n.right-btn_9 { right: -40px; }\n\n.dialog-content {\n    flex: 1;\n    overflow: hidden;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    overflow-y: auto;\n    padding: 10px;\n}\n\n.images-container {\n    display: flex;\n    gap: 20px;\n}\n\n.image-section {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 20px;\n    position: relative;\n}\n\n.image-section img {\n    border-radius: 10px;\n    width: 100%;\n    max-width: 300px;\n    aspect-ratio: 3 \/ 4;\n    object-fit: cover;\n}\n\n.text-section {\n    flex: 1;\n    text-align: left;\n    max-height: 300px;\n}\n\n.text-section h2 {\n    margin: 10px 0;\n    font-size: 24px;\n    font-weight: bold;\n}\n\n.text-section .subtext {\n    margin: 5px 0;\n    font-size: 16px;\n    color: grey;\n}\n\n.info-section {\n    display: flex;\n    justify-content: left;\n    text-align: left;\n    align-items: center;\n    margin: 20px 0;\n}\n\n.info-section h3 {\n    margin-bottom: 5px;\n    font-size: 18px;\n    font-weight: bold;\n}\n\n.additional-info {\n    text-align: left;\n    margin-top: 20px;\n}\n\n.additional-info h3 {\n    margin-bottom: 10px;\n    font-size: 18px;\n    font-weight: bold;\n}\n\n.additional-info p {\n    text-align: justify;\n    margin: 20px;\n    margin-left: 20px;\n    margin-right: 35px;\n}\n\n    .additional-info-img {\n        width: 33.33%;\n        border-radius: 10px;\n        margin-top: 10px;\n    }\n\n\n\n.mobile-banner {\n    display: none;\n    justify-content: space-between;\n    align-items: center;\n    position: absolute;\n    bottom: 10px;\n    width: 100%;\n    padding: 0 20px;\n    background-color: white;\n    border-bottom-left-radius: 10px;\n    border-bottom-right-radius: 10px;\n    box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);\n}\n\n@media (max-width: 768px) {\n    .close-btn_popup,\n    .left-btn_9,\n    .right-btn_9 {\n        display: none;\n    }\n\n    .mobile-close-btn_popup {\n        display: flex;\n    }\n\n    .dialog-content {\n        padding: 5px 10px 15px;\n    }\n\n    .mobile-banner {\n        display: flex;\n    }\n\n    .mobile-left-btn_9,\n    .mobile-right-btn_9 {\n        font-size: 30px;\n        color: black;\n        background: white;\n        border: none;\n        border-radius: 50%;\n        width: 30px;\n        height: 30px;\n    }\n\n    .dialog {\n        padding-top: 30px;\n        padding-bottom: 50px;\n    }\n\n    .additional-info p {\n        text-align: start;\n        width: 100%;\n        margin: 0 5px;\n        word-spacing: 1px;\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    const profileWidget = document.querySelector('.profile-widget_9');\n    const dialogOverlay = document.querySelector('.dialog-overlay_9');\n    const closeBtn = document.querySelector('.dialog-overlay_9 .close-btn_popup');\n    const mobileCloseBtn = document.querySelector('.dialog-overlay_9 .mobile-close-btn_popup');\n    const leftBtn = document.querySelector('.dialog-overlay_9 .left-btn_9');\n    const rightBtn = document.querySelector('.dialog-overlay_9 .right-btn_9');\n    const mobileBtns = document.querySelectorAll('.dialog-overlay_9 .mobile-left-btn_9, .dialog-overlay_9 .mobile-right-btn_9');\n\n    function showDialog() {\n        dialogOverlay.style.display = 'flex';\n        document.body.style.overflow = 'hidden';\n    }\n\n    function hideDialog() {\n        dialogOverlay.style.display = 'none';\n        document.body.style.overflow = '';\n    }\n\n    function handleClickOutside(event) {\n        if (event.target === dialogOverlay) {\n            hideDialog();\n        }\n    }\n\n    profileWidget.addEventListener('click', showDialog);\n    closeBtn.addEventListener('click', hideDialog);\n    mobileCloseBtn.addEventListener('click', hideDialog);\n    dialogOverlay.addEventListener('click', handleClickOutside);\n\n    [leftBtn, rightBtn, ...mobileBtns].forEach(btn => {\n        if (btn) {\n            btn.addEventListener('click', (e) => {\n                e.stopPropagation();\n                const direction = btn.textContent;\n                \n                hideDialog();\n                \n                if (direction === '\u2190') {\n                    \/\/ Navigate to profile 8\n                    const targetModal = document.querySelector('.dialog-overlay_8');\n                    if (targetModal) {\n                        targetModal.style.display = 'flex';\n                        document.body.style.overflow = 'hidden';\n                    }\n                } else if (direction === '\u2192') {\n                    \/\/ Navigate to profile 10\n                    const targetModal = document.querySelector('.dialog-overlay_10');\n                    if (targetModal) {\n                        targetModal.style.display = 'flex';\n                        document.body.style.overflow = 'hidden';\n                    }\n                }\n            });\n        }\n    });\n\n    \/\/ Language switching\n    if (window.location.href.indexOf('zh') !== -1) {\n        \/\/ Update widget text\n        document.querySelector('.profile-text_9 h3').innerText = 'Darkan Budhrani';\n        document.querySelector('.profile-text_9 p').innerText = '\u82f1\u57fa\u5553\u65b0\u66f8\u9662';\n        \n        \/\/ Update dialog text\n        const textSection = dialogOverlay.querySelector('.text-section');\n        textSection.querySelector('h2').innerText = 'Darkan Budhrani';\n        textSection.querySelector('.subtext:first-of-type').innerText = '\u82f1\u57fa\u5553\u65b0\u66f8\u9662';\n        textSection.querySelector('.subtext:last-of-type').innerText = '2024 \u5e74\u5ea6\u7562\u696d\u751f';\n        dialogOverlay.querySelector('.info-section h3').innerText = '\u5347\u5b78\u53bb\u5411';\n        dialogOverlay.querySelector('.info-section p').innerHTML = '\u9999\u6e2f\u5927\u5b78<br>\u5de5\u5546\u7ba1\u7406\u5b78\u58eb(\u570b\u969b\u5546\u696d\u53ca\u74b0\u7403\u7ba1\u7406)\u8ab2\u7a0b';\n        dialogOverlay.querySelector('.additional-info h3').innerText = '\u6211\u7684\u6545\u4e8b';\n        dialogOverlay.querySelector('.additional-info p').innerHTML = '\u5c55\u671b\u672a\u4f86\uff0c\u6211\u671f\u5f85\u4e00\u500b\u80fd\u5920\u8b93\u6211\u65bd\u5c55\u6240\u9577\uff0c\u70ba\u4e16\u754c\u5e36\u4f86\u6b63\u9762\u5f71\u97ff\u7684\u672a\u4f86\u3002\u6211\u5c0d\u5546\u696d\u3001\u8a2d\u8a08\u548c\u5275\u610f\u89e3\u96e3\u7684\u71b1\u60c5\uff0c\u4e00\u76f4\u9a45\u4f7f\u6211\u5c0b\u627e\u65b0\u7684\u6311\u6230\u548c\u6a5f\u6703\u3002<br><br>\u6211\u88ab\u5546\u696d\u8aee\u8a62\u9818\u57df\u7684\u5feb\u7bc0\u594f\u548c\u5354\u4f5c\u6027\u8cea\u6df1\u6df1\u5438\u5f15\u3002\u5728\u90a3\u88e1\uff0c\u6211\u53ef\u4ee5\u904b\u7528\u6211\u7684\u5206\u6790\u80fd\u529b\uff0c\u5354\u52a9\u7d44\u7e54\u61c9\u5c0d\u5343\u7d72\u842c\u7e37\u7684\u96e3\u984c\u3002\u6211\u6e34\u671b\u6709\u671d\u4e00\u65e5\u64c1\u6709\u81ea\u5df1\u7684\u521d\u5275\u516c\u53f8\uff0c\u5c07\u6211\u5c0d\u8a2d\u8a08\u548c\u5168\u7403\u5546\u696d\u7684\u8208\u8da3\u878d\u70ba\u4e00\u9ad4\u3002<br><br>\u4ed6\u671d\u4e00\u65e5\uff0c\u6211\u5e0c\u671b\u80fd\u5e36\u4f86\u6b63\u9762\u7684\u6539\u9769\uff0c\u4ee5\u4f01\u696d\u5bb6\u601d\u7dad\u89e3\u6c7a\u793e\u6703\u9700\u6c42\u3002\u5728\u9999\u6e2f\u5927\u5b78\u5de5\u5546\u7ba1\u7406\u5b78\u58eb\uff08\u570b\u969b\u5546\u696d\u53ca\u74b0\u7403\u7ba1\u7406\uff09\u8ab2\u7a0b\u7684\u683d\u57f9\u4e0b\uff0c\u6211\u76f8\u4fe1\u6211\u80fd\u5920\u5982\u9858\u4ee5\u511f\u3002';\n    }\n})();\n<\/script> \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea2eb12 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"ea2eb12\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"profile-widget_10\">\n    <div class=\"profile-image_10\"><\/div>\n    <div class=\"profile-text_10\">\n        <h3>Joseph Wong<\/h3>\n        <p>ESF Renaissance College<\/p>\n    <\/div>\n<\/div>\n\n<div class=\"dialog-overlay_10\" style=\"display: none;\">\n    <div class=\"dialog\">\n        <div class=\"mobile-close-btn_popup\">\u00d7<\/div>\n        <div class=\"close-btn_popup\">\u00d7<\/div>\n        <div class=\"left-btn_10\">\u2190<\/div>\n        <div class=\"right-btn_10\">\u2192<\/div>\n        <div class=\"dialog-content\">\n            <div class=\"mobile-banner\">\n                <div class=\"mobile-left-btn_10\">\u2190<\/div>\n                <div class=\"mobile-right-btn_10\">\u2192<\/div>\n            <\/div>\n            <div class=\"images-container\">\n                <div class=\"image-container\">\n                    <div class=\"image-section\">\n                        <img decoding=\"async\" id=\"main-image\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-6_Joseph-Wong1.jpeg\" alt=\"Portrait\">\n                    <\/div>\n                <\/div>\n                <div class=\"image-container\">\n                    <div class=\"image-section\">\n                        <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-6_Joseph-Wong-scaled.jpeg\" alt=\"Static Portrait\">\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"text-section\">\n                <h2>Joseph Wong<\/h2>\n                <p class=\"subtext\">ESF Renaissance College<\/p>\n                <p class=\"subtext\">Class of 2024<\/p>\n                <div class=\"info-section\">\n                    <div>\n                        <h3>Choice of University<\/h3>\n                        <p>Imperial College London<br>Master of Mechanical Engineering<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"additional-info\">\n                    <h3>My Story<\/h3>\n                    <p>Honestly, I aspire to have creative freedom.<br><br>\n                    That might sound pretty ironic coming from someone going to Imperial College to study mechanical engineering, but I'm hoping I can gain the skills there to creatively engineer solutions to medical problems. So far, I've been thinking about specialising in developing surgical robotics, artificial organs, and prosthetics.<br><br>\n                    I can totally see myself in the perhaps not-so-distant future being my own boss, or leading my own team of researchers to brainstorm new ways of treating the multitudes of illnesses that plague humankind.<br><br>\n                    Call me idealistic, but I'm ready and optimistic for whatever lies ahead. Jeremiah 29:11<\/p>\n                    <img decoding=\"async\" class=\"additional-info-img\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_6E_RC_Wong-Joseph_Slogan.png\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n.profile-widget_10 {\n    width: 100%;\n    min-width: 15vw;\n    text-align: left;\n    cursor: pointer;\n}\n\n.profile-image_10 {\n    width: 100%;\n    aspect-ratio: 3 \/ 4;\n    background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-6_Joseph-Wong-scaled.jpeg');\n    background-size: cover;\n    background-position: center;\n    border-radius: 30px;\n    border: 1px solid black;\n    transition: background-image 0.3s ease;\n}\n\n.profile-image_10:hover {\n    background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-6_Joseph-Wong.gif');\n}\n\n.profile-text_10 {\n    width: 80%;\n    display: inline-block;\n    margin-top: 10px;\n    background: white;\n    border: 1px solid black;\n    border-radius: 30px;\n    padding: 8px 25px;\n    text-align: left;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n}\n\n.profile-text_10 h3 {\n    margin: 0;\n    font-size: 18px;\n    text-align: left;\n    color: black;\n}\n\n.profile-text_10 p {\n    margin: 0;\n    font-size: 14px;\n    text-align: left;\n    color: black;\n}\n\n@media (max-width: 720px) {\n    .profile-widget_10 {\n        text-align: center;\n    }\n    \n    .profile-image_10 {\n        position: relative;\n    }\n    \n    .profile-text_10 {\n        position: absolute;\n        bottom: 10px;\n        left: 50%;\n        transform: translateX(-50%);\n        background: rgba(255, 255, 255, 0.8);\n        border-radius: 15px;\n        padding: 5px 10px;\n        text-align: center;\n        width: calc(100% - 20px);\n        box-sizing: border-box;\n        margin-top: 0;\n    }\n    \n    .profile-text_10 h3, .profile-text_10 p {\n        text-align: center;\n        font-size: 12px;\n    }\n}\n\n.dialog-overlay_10 {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.5);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 9999;\n}\n\n.dialog {\n    position: relative;\n    background: rgba(255, 255, 255, 1);\n    border-radius: 15px;\n    padding: 20px;\n    max-width: 650px !important;\n    width: 90%;\n    max-height: 80%;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n    display: flex;\n    flex-direction: column;\n}\n\n.mobile-close-btn_popup,\n.close-btn_popup,\n.left-btn_10,\n.right-btn_10,\n.mobile-left-btn_10,\n.mobile-right-btn_10 {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.mobile-close-btn_popup {\n    position: absolute;\n    top: 10px;\n    right: 5px;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    font-size: 30px;\n    padding-top: 3px;\n    padding-bottom: 10px;\n    color: black;\n    z-index: 10000;\n    display: none;\n}\n\n.close-btn_popup {\n    position: absolute;\n    top: -30px;\n    right: -30px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    font-size: 30px;\n    padding-top: 3px;\n    color: black;\n    z-index: 10000;\n}\n\n.left-btn_10,\n.right-btn_10 {\n    position: absolute;\n    bottom: 10px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    font-size: 30px;\n    padding-top: 6px;\n    color: black;\n    z-index: 10000;\n}\n\n.left-btn_10 { left: -40px; }\n.right-btn_10 { right: -40px; }\n\n.dialog-content {\n    flex: 1;\n    overflow: hidden;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    overflow-y: auto;\n    padding: 10px;\n}\n\n.images-container {\n    display: flex;\n    gap: 20px;\n}\n\n.image-section {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 20px;\n    position: relative;\n}\n\n.image-section img {\n    border-radius: 10px;\n    width: 100%;\n    max-width: 300px;\n    aspect-ratio: 3 \/ 4;\n    object-fit: cover;\n}\n\n.text-section {\n    flex: 1;\n    text-align: left;\n    max-height: 300px;\n}\n\n.text-section h2 {\n    margin: 10px 0;\n    font-size: 24px;\n    font-weight: bold;\n}\n\n.text-section .subtext {\n    margin: 5px 0;\n    font-size: 16px;\n    color: grey;\n}\n\n.info-section {\n    display: flex;\n    justify-content: left;\n    text-align: left;\n    align-items: center;\n    margin: 20px 0;\n}\n\n.info-section h3 {\n    margin-bottom: 5px;\n    font-size: 18px;\n    font-weight: bold;\n}\n\n.additional-info {\n    text-align: left;\n    margin-top: 20px;\n}\n\n.additional-info h3 {\n    margin-bottom: 10px;\n    font-size: 18px;\n    font-weight: bold;\n}\n\n.additional-info p {\n    text-align: justify;\n    margin: 20px;\n    margin-left: 20px;\n    margin-right: 35px;\n}\n\n.additional-info-img {\n    width: 33.33%;\n    border-radius: 10px;\n    margin-top: 10px;\n}\n\n.mobile-banner {\n    display: none;\n    justify-content: space-between;\n    align-items: center;\n    position: absolute;\n    bottom: 10px;\n    width: 100%;\n    padding: 0 20px;\n    background-color: white;\n    border-bottom-left-radius: 10px;\n    border-bottom-right-radius: 10px;\n    box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);\n}\n\n@media (max-width: 768px) {\n    .close-btn_popup,\n    .left-btn_10,\n    .right-btn_10 {\n        display: none;\n    }\n\n    .mobile-close-btn_popup {\n        display: flex;\n    }\n\n    .dialog-content {\n        padding: 5px 10px 15px;\n    }\n\n    .mobile-banner {\n        display: flex;\n    }\n\n    .mobile-left-btn_10,\n    .mobile-right-btn_10 {\n        font-size: 30px;\n        color: black;\n        background: white;\n        border: none;\n        border-radius: 50%;\n        width: 30px;\n        height: 30px;\n    }\n\n    .dialog {\n        padding-top: 30px;\n        padding-bottom: 50px;\n    }\n\n    .additional-info p {\n        text-align: start;\n        width: 100%;\n        margin: 0 5px;\n        word-spacing: 1px;\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    const profileWidget = document.querySelector('.profile-widget_10');\n    const dialogOverlay = document.querySelector('.dialog-overlay_10');\n    const closeBtn = document.querySelector('.dialog-overlay_10 .close-btn_popup');\n    const mobileCloseBtn = document.querySelector('.dialog-overlay_10 .mobile-close-btn_popup');\n    const leftBtn = document.querySelector('.dialog-overlay_10 .left-btn_10');\n    const rightBtn = document.querySelector('.dialog-overlay_10 .right-btn_10');\n    const mobileBtns = document.querySelectorAll('.dialog-overlay_10 .mobile-left-btn_10, .dialog-overlay_10 .mobile-right-btn_10');\n\n    function showDialog() {\n        dialogOverlay.style.display = 'flex';\n        document.body.style.overflow = 'hidden';\n    }\n\n    function hideDialog() {\n        dialogOverlay.style.display = 'none';\n        document.body.style.overflow = '';\n    }\n\n    function handleClickOutside(event) {\n        if (event.target === dialogOverlay) {\n            hideDialog();\n        }\n    }\n\n    profileWidget.addEventListener('click', showDialog);\n    closeBtn.addEventListener('click', hideDialog);\n    mobileCloseBtn.addEventListener('click', hideDialog);\n    dialogOverlay.addEventListener('click', handleClickOutside);\n\n    [leftBtn, rightBtn, ...mobileBtns].forEach(btn => {\n        if (btn) {\n            btn.addEventListener('click', (e) => {\n                e.stopPropagation();\n                const direction = btn.textContent;\n                \n                hideDialog();\n                \n                if (direction === '\u2190') {\n                    \/\/ Navigate to profile 9\n                    const targetModal = document.querySelector('.dialog-overlay_9');\n                    if (targetModal) {\n                        targetModal.style.display = 'flex';\n                        document.body.style.overflow = 'hidden';\n                    }\n                } else if (direction === '\u2192') {\n                    \/\/ Navigate to profile 11\n                    const targetModal = document.querySelector('.dialog-overlay_11');\n                    if (targetModal) {\n                        targetModal.style.display = 'flex';\n                        document.body.style.overflow = 'hidden';\n                    }\n                }\n            });\n        }\n    });\n\n    \/\/ Language switching\n    if (window.location.href.indexOf('zh') !== -1) {\n        \/\/ Update widget text\n        document.querySelector('.profile-text_10 h3').innerText = '\u738b\u5929\u8cdc';\n        document.querySelector('.profile-text_10 p').innerText = '\u82f1\u57fa\u5553\u65b0\u66f8\u9662';\n        \n        \/\/ Update dialog text\n        const textSection = dialogOverlay.querySelector('.text-section');\n        textSection.querySelector('h2').innerText = '\u738b\u5929\u8cdc';\n        textSection.querySelector('.subtext:first-of-type').innerText = '\u82f1\u57fa\u5553\u65b0\u66f8\u9662';\n        textSection.querySelector('.subtext:last-of-type').innerText = '2024 \u5e74\u5ea6\u7562\u696d\u751f';\n        dialogOverlay.querySelector('.info-section h3').innerText = '\u5347\u5b78\u53bb\u5411';\n        dialogOverlay.querySelector('.info-section p').innerHTML = '\u502b\u6566\u5e1d\u570b\u5b78\u9662<br>\u6a5f\u68b0\u5de5\u7a0b\u5c08\u696d';\n        dialogOverlay.querySelector('.additional-info h3').innerText = '\u6211\u7684\u6545\u4e8b';\n        dialogOverlay.querySelector('.additional-info p').innerHTML = '\u6211\u6e34\u671b\u64c1\u6709\u5275\u4f5c\u7684\u81ea\u7531\u3002<br><br>\u5c0d\u65bc\u4e00\u500b\u5373\u5c07\u5c31\u8b80\u502b\u6566\u5e1d\u570b\u5b78\u9662\u6a5f\u68b0\u5de5\u7a0b\u5c08\u696d\u7684\u4eba\u4f86\u8aaa\uff0c\u9019\u672a\u514d\u986f\u5f97\u4e9b\u8a31\u77db\u76fe\u3002\u7136\u800c\u6211\u5e0c\u671b\u80fd\u5728\u90a3\u88e1\u5b78\u6709\u6240\u6210\uff0c\u5275\u9020\u51fa\u89e3\u6c7a\u91ab\u7642\u554f\u984c\u7684\u65b9\u6848\u2014\u2014\u6211\u4e00\u76f4\u5728\u8003\u616e\u5c08\u6ce8\u65bc\u624b\u8853\u7528\u6a5f\u68b0\u3001\u4eba\u5de5\u5668\u5b98\u548c\u7fa9\u80a2\u7684\u958b\u767c\u3002<br><br>\u6211\u5b8c\u5168\u53ef\u4ee5\u60f3\u50cf\u81ea\u5df1\u5728\u89f8\u624b\u53ef\u53ca\u7684\u5c07\u4f86\u6210\u70ba\u81ea\u5df1\u7684\u8001\u95c6\uff0c\u6216\u9818\u5c0e\u4e00\u652f\u7814\u7a76\u5718\u968a\uff0c\u53bb\u69cb\u601d\u5d84\u65b0\u7684\u6cbb\u7642\u65b9\u5f0f\uff0c\u4ee5\u89e3\u6c7a\u56f0\u64fe\u4eba\u985e\u7684\u5404\u7a2e\u75be\u75c5\u3002<br><br>\u53ef\u80fd\u6709\u4eba\u6703\u8a8d\u70ba\u6211\u904e\u65bc\u7406\u60f3\u4e3b\u7fa9\uff1b\u4f46\u6211\u5df2\u7d93\u80f8\u6709\u6210\u7af9\uff0c\u8fce\u63a5\u672a\u4f86\u7684\u4e00\u5207\u672a\u77e5\u3002\\n\u8036\u5229\u7c73\u66f8 29\uff1a11';\n    }\n})();\n<\/script> \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5015120 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"5015120\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"profile-widget_11\">\n    <div class=\"profile-image_11\"><\/div>\n    <div class=\"profile-text_11\">\n        <h3>Shriya Srinivasan<\/h3>\n        <p>ESF Renaissance College<\/p>\n    <\/div>\n<\/div>\n\n<div class=\"dialog-overlay_11\" style=\"display: none;\">\n    <div class=\"dialog\">\n        <div class=\"mobile-close-btn_popup\">\u00d7<\/div>\n        <div class=\"close-btn_popup\">\u00d7<\/div>\n        <div class=\"left-btn_11\">\u2190<\/div>\n        <div class=\"right-btn_11\">\u2192<\/div>\n        <div class=\"dialog-content\">\n            <div class=\"mobile-banner\">\n                <div class=\"mobile-left-btn_11\">\u2190<\/div>\n                <div class=\"mobile-right-btn_11\">\u2192<\/div>\n            <\/div>\n            <div class=\"images-container\">\n                <div class=\"image-container\">\n                    <div class=\"image-section\">\n                        <img decoding=\"async\" id=\"main-image\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/09\/01-RC_Shriya-Srinivasan_before.jpg\" alt=\"Portrait\">\n                    <\/div>\n                <\/div>\n                <div class=\"image-container\">\n                    <div class=\"image-section\">\n                        <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/09\/02-RC_Shriya-Srinivasan_after-scaled.jpeg\" alt=\"Static Portrait\">\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"text-section\">\n                <h2>Shriya Srinivasan<\/h2>\n                <p class=\"subtext\">ESF Renaissance College<\/p>\n                <p class=\"subtext\">Class of 2024<\/p>\n                <div class=\"info-section\">\n                    <div>\n                        <h3>Choice of University<\/h3>\n                        <p>University College London<br>Anthropology<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"additional-info\">\n                    <h3>My Story<\/h3>\n                    <p>All I try to do is learn about, appreciate, and attempt to improve the world around me. I believe that understanding ourselves, on every level \u2013 biological, social, cultural \u2013 is not just a matter of knowledge but a matter of true, effective change. I want to translate abstract global aims to real culture and health policy impacts on communities. I hope to help preserve the fragile material culture and human facets that can easily disappear in a rapidly changing world. Eventually, I aim to apply anthropology to how society can adjust to an increasingly digitising and globalising world. Technology and modernisation makes our lives richer and fosters unique interactions, but often dilutes the communities and cultural adaptations that make us who we are. In the end, I believe that an efficient, interconnected world ought to serve everyone equally \u2013 and that is the ultimate challenge.<br><br>\n                    I hope that one day in the future, I can help massive institutions serve the individual better. A degree in Anthropology at one of the biggest research departments at UCL will allow me to encounter parts of the world I have never understood before. I aspire to be that link between ideation and action because of my unique, constant, and deep understanding of how people and societies function.<\/p>\n                    <img decoding=\"async\" class=\"additional-info-img\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/09\/03-RC_Shriya-Srinivasan_slogan.png\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n.profile-widget_11 {\n    width: 100%;\n    min-width: 15vw;\n    text-align: left;\n    cursor: pointer;\n}\n\n.profile-image_11 {\n    width: 100%;\n    aspect-ratio: 3 \/ 4;\n    background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/09\/02-RC_Shriya-Srinivasan_after-scaled.jpeg');\n    background-size: cover;\n    background-position: center;\n    border-radius: 30px;\n    border: 1px solid black;\n    transition: background-image 0.3s ease;\n}\n\n.profile-image_11:hover {\n    background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/09\/04-RC_Shriya-Srinivasan_GIF.gif');\n}\n\n.profile-text_11 {\n    width: 80%;\n    display: inline-block;\n    margin-top: 10px;\n    background: white;\n    border: 1px solid black;\n    border-radius: 30px;\n    padding: 8px 25px;\n    text-align: left;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n}\n\n.profile-text_11 h3 {\n    margin: 0;\n    font-size: 18px;\n    text-align: left;\n    color: black;\n}\n\n.profile-text_11 p {\n    margin: 0;\n    font-size: 14px;\n    text-align: left;\n    color: black;\n}\n\n.dialog-overlay_11 {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.5);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 9999;\n}\n\n.dialog {\n    position: relative;\n    background: rgba(255, 255, 255, 1);\n    border-radius: 15px;\n    padding: 20px;\n    max-width: 650px !important;\n    width: 90%;\n    max-height: 80%;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n    display: flex;\n    flex-direction: column;\n}\n\n.mobile-close-btn_popup,\n.close-btn_popup,\n.left-btn_11,\n.right-btn_11,\n.mobile-left-btn_11,\n.mobile-right-btn_11 {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.mobile-close-btn_popup {\n    position: absolute;\n    top: 10px;\n    right: 5px;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    font-size: 30px;\n    padding-top: 3px;\n    padding-bottom: 10px;\n    color: black;\n    z-index: 10000;\n    display: none;\n}\n\n.close-btn_popup {\n    position: absolute;\n    top: -30px;\n    right: -30px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    font-size: 30px;\n    padding-top: 3px;\n    color: black;\n    z-index: 10000;\n}\n\n.left-btn_11,\n.right-btn_11 {\n    position: absolute;\n    bottom: 10px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    font-size: 30px;\n    padding-top: 6px;\n    color: black;\n    z-index: 10000;\n}\n\n.left-btn_11 { left: -40px; }\n.right-btn_11 { right: -40px; }\n\n.dialog-content {\n    flex: 1;\n    overflow: hidden;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    overflow-y: auto;\n    padding: 10px;\n}\n\n.images-container {\n    display: flex;\n    gap: 20px;\n}\n\n.image-section {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 20px;\n    position: relative;\n}\n\n.image-section img {\n    border-radius: 10px;\n    width: 100%;\n    max-width: 300px;\n    aspect-ratio: 3 \/ 4;\n    object-fit: cover;\n}\n\n.text-section {\n    flex: 1;\n    text-align: left;\n    max-height: 300px;\n}\n\n.text-section h2 {\n    margin: 10px 0;\n    font-size: 24px;\n    font-weight: bold;\n}\n\n.text-section .subtext {\n    margin: 5px 0;\n    font-size: 16px;\n    color: grey;\n}\n\n.info-section {\n    display: flex;\n    justify-content: left;\n    text-align: left;\n    align-items: center;\n    margin: 20px 0;\n}\n\n.info-section h3 {\n    margin-bottom: 5px;\n    font-size: 18px;\n    font-weight: bold;\n}\n\n.additional-info {\n    text-align: left;\n    margin-top: 20px;\n}\n\n.additional-info h3 {\n    margin-bottom: 10px;\n    font-size: 18px;\n    font-weight: bold;\n}\n\n.additional-info p {\n    text-align: justify;\n    margin: 20px;\n    margin-left: 20px;\n    margin-right: 35px;\n}\n\n.additional-info-img {\n    width: 33.33%;\n    border-radius: 10px;\n    margin-top: 10px;\n}\n\n.mobile-banner {\n    display: none;\n    justify-content: space-between;\n    align-items: center;\n    position: absolute;\n    bottom: 10px;\n    width: 100%;\n    padding: 0 20px;\n    background-color: white;\n    border-bottom-left-radius: 10px;\n    border-bottom-right-radius: 10px;\n    box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);\n}\n\n@media (max-width: 720px) {\n    .profile-widget_11 {\n        text-align: center;\n    }\n    \n    .profile-image_11 {\n        position: relative;\n    }\n    \n    .profile-text_11 {\n        position: absolute;\n        bottom: 10px;\n        left: 50%;\n        transform: translateX(-50%);\n        background: rgba(255, 255, 255, 0.8);\n        border-radius: 15px;\n        padding: 5px 10px;\n        text-align: center;\n        width: calc(100% - 20px);\n        box-sizing: border-box;\n        margin-top: 0;\n    }\n    \n    .profile-text_11 h3, .profile-text_11 p {\n        text-align: center;\n        font-size: 12px;\n    }\n}\n\n@media (max-width: 768px) {\n    .close-btn_popup,\n    .left-btn_11,\n    .right-btn_11 {\n        display: none;\n    }\n\n    .mobile-close-btn_popup {\n        display: flex;\n    }\n\n    .dialog-content {\n        padding: 5px 10px 15px;\n    }\n\n    .mobile-banner {\n        display: flex;\n    }\n\n    .mobile-left-btn_11,\n    .mobile-right-btn_11 {\n        font-size: 30px;\n        color: black;\n        background: white;\n        border: none;\n        border-radius: 50%;\n        width: 30px;\n        height: 30px;\n    }\n\n    .dialog {\n        padding-top: 30px;\n        padding-bottom: 50px;\n    }\n\n    .additional-info p {\n        text-align: start;\n        width: 100%;\n        margin: 0 5px;\n        word-spacing: 1px;\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    const profileWidget = document.querySelector('.profile-widget_11');\n    const dialogOverlay = document.querySelector('.dialog-overlay_11');\n    const closeBtn = document.querySelector('.dialog-overlay_11 .close-btn_popup');\n    const mobileCloseBtn = document.querySelector('.dialog-overlay_11 .mobile-close-btn_popup');\n    const leftBtn = document.querySelector('.dialog-overlay_11 .left-btn_11');\n    const rightBtn = document.querySelector('.dialog-overlay_11 .right-btn_11');\n    const mobileBtns = document.querySelectorAll('.dialog-overlay_11 .mobile-left-btn_11, .dialog-overlay_11 .mobile-right-btn_11');\n\n    function showDialog() {\n        dialogOverlay.style.display = 'flex';\n        document.body.style.overflow = 'hidden';\n    }\n\n    function hideDialog() {\n        dialogOverlay.style.display = 'none';\n        document.body.style.overflow = '';\n    }\n\n    function handleClickOutside(event) {\n        if (event.target === dialogOverlay) {\n            hideDialog();\n        }\n    }\n\n    profileWidget.addEventListener('click', showDialog);\n    closeBtn.addEventListener('click', hideDialog);\n    mobileCloseBtn.addEventListener('click', hideDialog);\n    dialogOverlay.addEventListener('click', handleClickOutside);\n\n    [leftBtn, rightBtn, ...mobileBtns].forEach(btn => {\n        if (btn) {\n            btn.addEventListener('click', (e) => {\n                e.stopPropagation();\n                const direction = btn.textContent;\n                \n                hideDialog();\n                \n                if (direction === '\u2190') {\n                    \/\/ Navigate to profile 10\n                    const targetModal = document.querySelector('.dialog-overlay_10');\n                    if (targetModal) {\n                        targetModal.style.display = 'flex';\n                        document.body.style.overflow = 'hidden';\n                    }\n                } else if (direction === '\u2192') {\n                    \/\/ Navigate to profile 12\n                    const targetModal = document.querySelector('.dialog-overlay_12');\n                    if (targetModal) {\n                        targetModal.style.display = 'flex';\n                        document.body.style.overflow = 'hidden';\n                    }\n                }\n            });\n        }\n    });\n\n    \/\/ Language switching\n    if (window.location.href.indexOf('zh') !== -1) {\n        \/\/ Update widget text\n        document.querySelector('.profile-text_11 h3').innerText = 'Shriya Srinivasan';\n        document.querySelector('.profile-text_11 p').innerText = '\u82f1\u57fa\u5553\u65b0\u66f8\u9662';\n        \n        \/\/ Update dialog text\n        const textSection = dialogOverlay.querySelector('.text-section');\n        textSection.querySelector('h2').innerText = 'Shriya Srinivasan';\n        textSection.querySelector('.subtext:first-of-type').innerText = '\u82f1\u57fa\u5553\u65b0\u66f8\u9662';\n        textSection.querySelector('.subtext:last-of-type').innerText = '2024 \u5e74\u5ea6\u7562\u696d\u751f';\n        dialogOverlay.querySelector('.info-section h3').innerText = '\u5347\u5b78\u53bb\u5411';\n        dialogOverlay.querySelector('.info-section p').innerHTML = '\u502b\u6566\u5927\u5b78\u5b78\u9662<br>\u4eba\u985e\u5b78';\n        dialogOverlay.querySelector('.additional-info h3').innerText = '\u6211\u7684\u6545\u4e8b';\n        dialogOverlay.querySelector('.additional-info p').innerHTML = '\u9019\u4e9b\u5e74\u6211\u5b5c\u5b5c\u4e0d\u5026\uff0c\u53ea\u70ba\u7406\u89e3\u3001\u767c\u6398\u3001\u9ad4\u6703\u4e16\u754c\u7684\u7f8e\u597d\uff1b\u5617\u8a66\u5e36\u4f86\u6539\u8b8a\uff0c\u8b93\u8eab\u908a\u793e\u7fa4\u66f4\u81fb\u5b8c\u5584\u3002\u8981\u8a8d\u6e05\u771f\u6b63\u7684\u81ea\u5df1 \u2014 \u4e0d\u8ad6\u662f\u751f\u7406\u4e0a\uff0c\u9084\u662f\u5f9e\u793e\u6703\u3001\u6587\u5316\u89d2\u5ea6\u63a2\u7a76\u3002\u9019\u4e0d\u55ae\u662f\u66f8\u672c\u4e0a\u7684\u53e3\u865f\uff0c\u66f4\u662f\u4e00\u500b\u4eba\u5373\u5c07\u86fb\u8b8a\u7684\u7387\u771f\u9ad4\u73fe\u3002\u4e16\u4eba\u5e38\u8a00\u7684\u666e\u4e16\u7406\u8ad6\u548c\u5171\u540c\u76ee\u6a19\uff0c\u5728\u8a31\u591a\u4eba\u770b\u4f86\u7e3d\u662f\u865b\u7121\u7e39\u7df2 \u2014 \u8a72\u8aaa\u662f\u4e00\u500b\u500b\u7406\u60f3\uff0c\u9084\u662f\u53ef\u4ee5\u5be6\u8e10\u65bc\u4e16\u7684\u653f\u7b56\u548c\u601d\u7dad\uff1f\u6211\u78ba\u4fe1\u5927\u540c\u4e16\u754c\u4e26\u975e\u76e1\u662f\u7a7a\u8ac7\uff0c\u6539\u8b8a\u4e16\u754c\u4e5f\u975e\u5922\u60f3\u5bb6\u7684\u5c08\u5229\uff0c\u6bcf\u4e00\u500b\u7d30\u5fae\u7684\u884c\u52d5\uff0c\u628a\u7d55\u7121\u50c5\u6709\u7684\u7269\u8cea\u6587\u660e\u3001\u6b77\u7d93\u5343\u4ee3\u7684\u4eba\u985e\u672c\u8cea\u5c0f\u5fc3\u5b88\u8b77\uff0c\u4e0d\u5bb9\u6642\u65e5\u6c96\u6563\u6700\u5f8c\u4e00\u9ede\u75d5\u8de1\uff0c\u624d\u662f\u6211\u63a8\u5d07\u7684\u5207\u5be6\u505a\u6cd5\u3002\u6211\u7acb\u5fd7\u5c07\u4eba\u985e\u5b78\u77e5\u8b58\u878d\u6703\u8cab\u901a\u65bc\u9081\u5411\u5168\u7403\u5316\u7684\u6578\u78bc\u6642\u4ee3\u3002\u79d1\u6280\u6587\u660e\u7684\u77ac\u606f\u842c\u8b8a\u70ba\u751f\u6d3b\u5e36\u4f86\u8a31\u591a\u7368\u7279\u7684\u7cbe\u5f69\u6642\u523b\uff0c\u537b\u53c8\u5efa\u6210\u91cd\u91cd\u9694\u819c\uff0c\u8b93\u4eba\u5011\u6700\u771f\u646f\u7684\u672c\u8cea\u6f38\u88ab\u57cb\u6c92\u3002\u73fe\u4eca\u7db2\u7d61\u7684\u4fbf\u6377\u548c\u8de8\u754c\u9650\u7684\u9023\u7e6b\uff0c\u61c9\u7576\u9020\u798f\u6d3b\u5728\u9019\u4e16\u4e0a\u7684\u6bcf\u4e00\u4f4d\uff0c\u9019\u662f\u4efb\u4f55\u4eba\u90fd\u80fd\u8f15\u63cf\u6de1\u5beb\u537b\u53c8\u91cd\u91cf\u5341\u8db3\u7684\u6311\u6230\u3002<br><br>\u6211\u76fc\u671b\u4ed6\u65e5\u80fd\u5728\u5236\u5ea6\u4e0b\u767c\u63ee\u8209\u8db3\u8f15\u91cd\u7684\u5f71\u97ff\uff0c\u800c\u4eba\u985e\u5b78\u9662\u4f5c\u70ba\u502b\u6566\u5927\u5b78\u5b78\u9662\u4e2d\u898f\u6a21\u6700\u5927\u7684\u7814\u7a76\u6240\u4e4b\u4e00\uff0c\u5b9a\u5fc5\u80fd\u586b\u88dc\u6211\u5c0d\u4e16\u754c\u8a8d\u77e5\u7f3a\u4e4f\u7684\u788e\u7247\uff0c\u958b\u767c\u672a\u77e5\u7684\u9818\u57df\u3002\u5c31\u6211\u5c0d\u9019\u793e\u6703\u548c\u4eba\u6027\u7684\u7368\u5230\u89c0\u9ede\u548c\u5145\u5206\u7406\u89e3\uff0c\u6211\u5b9a\u5fc5\u80fd\u5920\u62c9\u8fd1\u7406\u60f3\u8207\u73fe\u5be6\u7684\u8ddd\u96e2\uff0c\u8b93\u4e00\u77ac\u4e4b\u5ff5\u7d42\u6709\u65e5\u767e\u82b1\u9f4a\u653e\u3002';\n    }\n})();\n<\/script> \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d8b382c elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d8b382c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"profile-widget_12\">\n    <div class=\"profile-image_12\"><\/div>\n    <div class=\"profile-text_12\">\n        <h3>Marc Christopher Dingcong<\/h3>\n        <p>ESF Sha Tin College<\/p>\n    <\/div>\n<\/div>\n\n<div class=\"dialog-overlay_12\" style=\"display: none;\">\n    <div class=\"dialog\">\n        <div class=\"mobile-close-btn_popup\">\u00d7<\/div>\n        <div class=\"close-btn_popup\">\u00d7<\/div>\n        <div class=\"left-btn_12\">\u2190<\/div>\n        <div class=\"right-btn_12\">\u2192<\/div>\n        <div class=\"dialog-content\">\n            <div class=\"mobile-banner\">\n                <div class=\"mobile-left-btn_12\">\u2190<\/div>\n                <div class=\"mobile-right-btn_12\">\u2192<\/div>\n            <\/div>\n            <div class=\"images-container\">\n                <div class=\"image-container\">\n                    <div class=\"image-section\">\n                        <img decoding=\"async\" id=\"main-image\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-7_Marc-Christopher-Dingcong1-scaled.jpeg\" alt=\"Portrait\">\n                    <\/div>\n                <\/div>\n                <div class=\"image-container\">\n                    <div class=\"image-section\">\n                        <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-7_Marc-Christopher-Dingcong-scaled.jpeg\" alt=\"Static Portrait\">\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"text-section\">\n                <h2>Marc Christopher Dingcong<\/h2>\n                <p class=\"subtext\">ESF Sha Tin College<\/p>\n                <p class=\"subtext\">Class of 2024<\/p>\n                <div class=\"info-section\">\n                    <div>\n                        <h3>Choice of University<\/h3>\n                        <p>Delft University of Technology<br>Aerospace Engineering<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"additional-info\">\n                    <h3>My Story<\/h3>\n                    <p>Dreams only stay dreams as long as you let them. The moment you aren't scared to chase them is the moment your future is formed. It's the moment you start to live.<br><br>\n                    I chose TU Delft's BSc in Aerospace Engineering because I envisage myself flourishing in a holistic environment that nurtures a symphony of intellectual styles. Only among a community of these equally passionate individuals can I excel without limitations.<br><br>\n                    My ambition is to be an engineer that has mastered the integration of creative design with practical solutions, all with the goal of furthering humanity's perception of what is possible. I want to reveal the elegance of aerospace engineering to the world. I strive to create a legacy that forever serves our future generations.<\/p>\n                    <img decoding=\"async\" class=\"additional-info-img\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_7E_STC_Dingcong-Marc-Christopher_Slogan.png\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n.profile-widget_12 {\n    width: 100%;\n    min-width: 15vw;\n    text-align: left;\n    cursor: pointer;\n}\n\n.profile-image_12 {\n    width: 100%;\n    aspect-ratio: 3 \/ 4;\n    background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/7_STC_Dingcong-Marc-Christopher-scaled.jpeg');\n    background-size: cover;\n    background-position: center;\n    border-radius: 30px;\n    border: 1px solid black;\n    transition: background-image 0.3s ease;\n}\n\n.profile-image_12:hover {\n    background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-7_Marc-Christopher-Dingcong.gif');\n}\n\n.profile-text_12 {\n    width: 80%;\n    display: inline-block;\n    margin-top: 10px;\n    background: white;\n    border: 1px solid black;\n    border-radius: 30px;\n    padding: 8px 25px;\n    text-align: left;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n}\n\n.profile-text_12 h3 {\n    margin: 0;\n    font-size: 18px;\n    text-align: left;\n    color: black;\n}\n\n.profile-text_12 p {\n    margin: 0;\n    font-size: 14px;\n    text-align: left;\n    color: black;\n}\n\n@media (max-width: 720px) {\n    .profile-widget_12 {\n        text-align: center;\n    }\n    \n    .profile-image_12 {\n        position: relative;\n    }\n    \n    .profile-text_12 {\n        position: absolute;\n        bottom: 10px;\n        left: 50%;\n        transform: translateX(-50%);\n        background: rgba(255, 255, 255, 0.8);\n        border-radius: 15px;\n        padding: 5px 10px;\n        text-align: center;\n        width: calc(100% - 20px);\n        box-sizing: border-box;\n        margin-top: 0;\n    }\n    \n    .profile-text_12 h3, .profile-text_12 p {\n        text-align: center;\n        font-size: 12px;\n    }\n}\n\n.dialog-overlay_12 {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.5);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 9999;\n}\n\n.dialog {\n    position: relative;\n    background: rgba(255, 255, 255, 1);\n    border-radius: 15px;\n    padding: 20px;\n    max-width: 650px !important;\n    width: 90%;\n    max-height: 80%;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n    display: flex;\n    flex-direction: column;\n}\n\n.mobile-close-btn_popup,\n.close-btn_popup,\n.left-btn_12,\n.right-btn_12,\n.mobile-left-btn_12,\n.mobile-right-btn_12 {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.mobile-close-btn_popup {\n    position: absolute;\n    top: 10px;\n    right: 5px;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    font-size: 30px;\n    padding-top: 3px;\n    padding-bottom: 10px;\n    color: black;\n    z-index: 10000;\n    display: none;\n}\n\n.close-btn_popup {\n    position: absolute;\n    top: -30px;\n    right: -30px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    font-size: 30px;\n    padding-top: 3px;\n    color: black;\n    z-index: 10000;\n}\n\n.left-btn_12,\n.right-btn_12 {\n    position: absolute;\n    bottom: 10px;\n    width: 30px;\n    height: 30px;\n    background: white;\n    border-radius: 50%;\n    font-size: 30px;\n    padding-top: 6px;\n    color: black;\n    z-index: 10000;\n}\n\n.left-btn_12 { left: -40px; }\n.right-btn_12 { right: -40px; }\n\n.dialog-content {\n    flex: 1;\n    overflow: hidden;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    overflow-y: auto;\n    padding: 10px;\n}\n\n.images-container {\n    display: flex;\n    gap: 20px;\n}\n\n.image-section {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 20px;\n    position: relative;\n}\n\n.image-section img {\n    border-radius: 10px;\n    width: 100%;\n    max-width: 300px;\n    aspect-ratio: 3 \/ 4;\n    object-fit: cover;\n}\n\n.text-section {\n    flex: 1;\n    text-align: left;\n    max-height: 300px;\n}\n\n.text-section h2 {\n    margin: 10px 0;\n    font-size: 24px;\n    font-weight: bold;\n}\n\n.text-section .subtext {\n    margin: 5px 0;\n    font-size: 16px;\n    color: grey;\n}\n\n.info-section {\n    display: flex;\n    justify-content: left;\n    text-align: left;\n    align-items: center;\n    margin: 20px 0;\n}\n\n.info-section h3 {\n    margin-bottom: 5px;\n    font-size: 18px;\n    font-weight: bold;\n}\n\n.additional-info {\n    text-align: left;\n    margin-top: 20px;\n}\n\n.additional-info h3 {\n    margin-bottom: 10px;\n    font-size: 18px;\n    font-weight: bold;\n}\n\n.additional-info p {\n    text-align: justify;\n    margin: 20px;\n    margin-left: 20px;\n    margin-right: 35px;\n}\n\n.additional-info-img {\n    width: 33.33%;\n    border-radius: 10px;\n    margin-top: 10px;\n}\n\n.mobile-banner {\n    display: none;\n    justify-content: space-between;\n    align-items: center;\n    position: absolute;\n    bottom: 10px;\n    width: 100%;\n    padding: 0 20px;\n    background-color: white;\n    border-bottom-left-radius: 10px;\n    border-bottom-right-radius: 10px;\n    box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);\n}\n\n@media (max-width: 768px) {\n    .close-btn_popup,\n    .left-btn_12,\n    .right-btn_12 {\n        display: none;\n    }\n\n    .mobile-close-btn_popup {\n        display: flex;\n    }\n\n    .dialog-content {\n        padding: 5px 10px 15px;\n    }\n\n    .mobile-banner {\n        display: flex;\n    }\n\n    .mobile-left-btn_12,\n    .mobile-right-btn_12 {\n        font-size: 30px;\n        color: black;\n        background: white;\n        border: none;\n        border-radius: 50%;\n        width: 30px;\n        height: 30px;\n    }\n\n    .dialog {\n        padding-top: 30px;\n        padding-bottom: 50px;\n    }\n\n    .additional-info p {\n        text-align: start;\n        width: 100%;\n        margin: 0 5px;\n        word-spacing: 1px;\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    const profileWidget = document.querySelector('.profile-widget_12');\n    const dialogOverlay = document.querySelector('.dialog-overlay_12');\n    const closeBtn = document.querySelector('.dialog-overlay_12 .close-btn_popup');\n    const mobileCloseBtn = document.querySelector('.dialog-overlay_12 .mobile-close-btn_popup');\n    const leftBtn = document.querySelector('.dialog-overlay_12 .left-btn_12');\n    const rightBtn = document.querySelector('.dialog-overlay_12 .right-btn_12');\n    const mobileBtns = document.querySelectorAll('.dialog-overlay_12 .mobile-left-btn_12, .dialog-overlay_12 .mobile-right-btn_12');\n\n    function showDialog() {\n        dialogOverlay.style.display = 'flex';\n        document.body.style.overflow = 'hidden';\n    }\n\n    function hideDialog() {\n        dialogOverlay.style.display = 'none';\n        document.body.style.overflow = '';\n    }\n\n    function handleClickOutside(event) {\n        if (event.target === dialogOverlay) {\n            hideDialog();\n        }\n    }\n\n    profileWidget.addEventListener('click', showDialog);\n    closeBtn.addEventListener('click', hideDialog);\n    mobileCloseBtn.addEventListener('click', hideDialog);\n    dialogOverlay.addEventListener('click', handleClickOutside);\n\n    [leftBtn, rightBtn, ...mobileBtns].forEach(btn => {\n        if (btn) {\n            btn.addEventListener('click', (e) => {\n                e.stopPropagation();\n                const direction = btn.textContent;\n                \n                hideDialog();\n                \n                if (direction === '\u2190') {\n                    \/\/ Navigate to profile 11\n                    const targetModal = document.querySelector('.dialog-overlay_11');\n                    if (targetModal) {\n                        targetModal.style.display = 'flex';\n                        document.body.style.overflow = 'hidden';\n                    }\n                } else if (direction === '\u2192') {\n                    \/\/ Navigate to profile 13\n                    const targetModal = document.querySelector('.dialog-overlay_13');\n                    if (targetModal) {\n                        targetModal.style.display = 'flex';\n                        document.body.style.overflow = 'hidden';\n                    }\n                }\n            });\n        }\n    });\n\n    \/\/ Language switching\n    if (window.location.href.indexOf('zh') !== -1) {\n        \/\/ Update widget text\n        document.querySelector('.profile-text_12 h3').innerText = '\u4e01\u980c\u71b9';\n        document.querySelector('.profile-text_12 p').innerText = '\u82f1\u57fa\u6c99\u7530\u5b78\u9662';\n        \n        \/\/ Update dialog text\n        const textSection = dialogOverlay.querySelector('.text-section');\n        textSection.querySelector('h2').innerText = '\u4e01\u980c\u71b9';\n        textSection.querySelector('.subtext:first-of-type').innerText = '\u82f1\u57fa\u6c99\u7530\u5b78\u9662';\n        textSection.querySelector('.subtext:last-of-type').innerText = '2024 \u5e74\u5ea6\u7562\u696d\u751f';\n        dialogOverlay.querySelector('.info-section h3').innerText = '\u5347\u5b78\u53bb\u5411';\n        dialogOverlay.querySelector('.info-section p').innerHTML = '\u4ee3\u723e\u592b\u7279\u7406\u5de5\u5927\u5b78<br>\u822a\u7a7a\u592a\u7a7a\u5de5\u7a0b\u5b78\u58eb\u8ab2\u7a0b';\n        dialogOverlay.querySelector('.additional-info h3').innerText = '\u6211\u7684\u6545\u4e8b';\n        dialogOverlay.querySelector('.additional-info p').innerHTML = '\u5982\u679c\u4f60\u4e00\u76f4\u754f\u61fc\uff0c\u5922\u60f3\u5c31\u6c38\u9060\u53ea\u662f\u5922\u60f3\u3002\u7576\u4f60\u6562\u65bc\u8ffd\u9010\u5b83\u5011\u7684\u90a3\u4e00\u523b\uff0c\u5c31\u662f\u4f60\u7684\u672a\u4f86\u958b\u59cb\u5f62\u6210\u7684\u6642\u5019\u3002\u90a3\u4e5f\u662f\u4f60\u771f\u6b63\u958b\u59cb\u6d3b\u8457\u7684\u6642\u523b\u3002<br><br>\u6211\u9078\u64c7\u5c31\u8b80\u4ee3\u723e\u592b\u7279\u7406\u5de5\u5927\u5b78\u7684\u822a\u7a7a\u822a\u5929\u5de5\u7a0b\u5b78\u58eb\u5b78\u4f4d\uff0c\u662f\u56e0\u70ba\u6211\u60f3\u5728\u4e00\u500b\u57f9\u80b2\u5168\u9762\u3001\u591a\u5143\u601d\u7dad\u7684\u74b0\u5883\u4e2d\u8301\u58ef\u6210\u9577\u3002\u53ea\u6709\u5728\u9019\u6a23\u4e00\u500b\u540c\u6a23\u5145\u6eff\u71b1\u8aa0\u7684\u7fa4\u9ad4\u4e2d\uff0c\u6211\u624d\u80fd\u4e0d\u53d7\u9650\u5236\u5730\u767c\u63ee\u6700\u5927\u6f5b\u529b\u3002<br><br>\u6211\u7684\u62b1\u8ca0\u662f\u6210\u70ba\u4e00\u540d\u80fd\u5c07\u5275\u610f\u8a2d\u8a08\u8207\u5be6\u7528\u6027\u5b8c\u7f8e\u878d\u5408\u7684\u5de5\u7a0b\u5e2b\uff0c\u800c\u6700\u7d42\u76ee\u6a19\u662f\u4e0d\u65b7\u64f4\u5c55\u4eba\u985e\u5c0d\u53ef\u80fd\u6027\u7684\u8a8d\u77e5\u3002\u6211\u60f3\u5411\u4e16\u754c\u5c55\u73fe\u822a\u7a7a\u822a\u5929\u5de5\u7a0b\u4e4b\u7f8e\uff0c\u4e26\u5275\u9020\u4e00\u500b\u6c38\u9060\u670d\u52d9\u65bc\u4eba\u985e\u4e16\u4e16\u4ee3\u4ee3\u7684\u5049\u5927\u767c\u660e\u3002';\n    }\n})();\n<\/script> \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ded614a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"ded614a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!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>Benedict Lok Hei Pang - ESF Profile<\/title>\n    <style>\n        .profile-widget_13 {\n            width: 100%;\n            min-width: 15vw;\n            text-align: left;\n            cursor: pointer;\n        }\n\n        .profile-image_13 {\n            width: 100%;\n            aspect-ratio: 3 \/ 4;\n            background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/STC_Benedict-Pang_Portrait-scaled.jpeg');\n            background-size: cover;\n            background-position: center;\n            border-radius: 30px;\n            border: 1px solid black;\n            transition: background-image 0.3s ease;\n        }\n\n        .profile-image_13:hover {\n            background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/Benedict.gif');\n        }\n\n        .profile-text_13 {\n            width: 80%;\n            display: inline-block;\n            margin-top: 10px;\n            background: white;\n            border: 1px solid black;\n            border-radius: 30px;\n            padding: 8px 25px;\n            text-align: left;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n        }\n\n        .profile-text_13 h3 {\n            margin: 0;\n            font-size: 18px;\n            text-align: left;\n            color: black;\n        }\n\n        .profile-text_13 p {\n            margin: 0;\n            font-size: 14px;\n            text-align: left;\n            color: black;\n        }\n\n        @media (max-width: 720px) {\n            .profile-widget_13 {\n                text-align: center;\n            }\n            \n            .profile-image_13 {\n                position: relative;\n            }\n            \n            .profile-text_13 {\n                position: absolute;\n                bottom: 10px;\n                left: 50%;\n                transform: translateX(-50%);\n                background: rgba(255, 255, 255, 0.8);\n                border-radius: 15px;\n                padding: 5px 10px;\n                text-align: center;\n                width: calc(100% - 20px);\n                box-sizing: border-box;\n                margin-top: 0;\n            }\n            \n            .profile-text_13 h3,\n            .profile-text_13 p {\n                text-align: center;\n                font-size: 12px;\n            }\n        }\n\n        .lang-switch {\n            display: none;\n        }\n\n        :lang(en) .lang-en {\n            display: block;\n        }\n\n        :lang(zh) .lang-zh {\n            display: block;\n        }\n\n        .dialog-overlay_13 {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.5);\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            z-index: 9999;\n        }\n\n        .dialog {\n            position: relative;\n            background: rgba(255, 255, 255, 1);\n            border-radius: 15px;\n            padding: 20px;\n            max-width: 650px !important;\n            width: 90%;\n            max-height: 80%;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n            display: flex;\n            flex-direction: column;\n        }\n\n        .mobile-close-btn_popup,\n        .close-btn_popup,\n        .left-btn_13,\n        .right-btn_13,\n        .mobile-left-btn_13,\n        .mobile-right-btn_13 {\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .mobile-close-btn_popup {\n            position: absolute;\n            top: 10px;\n            right: 5px;\n            width: 30px;\n            height: 30px;\n            border-radius: 50%;\n            font-size: 30px;\n            padding-top: 3px;\n            padding-bottom: 10px;\n            color: black;\n            z-index: 10000;\n            display: none;\n        }\n\n        .close-btn_popup {\n            position: absolute;\n            top: -30px;\n            right: -30px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            font-size: 30px;\n            padding-top: 3px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .left-btn_13,\n        .right-btn_13 {\n            position: absolute;\n            bottom: 10px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            font-size: 30px;\n            padding-top: 6px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .left-btn_13 { left: -40px; }\n        .right-btn_13 { right: -40px; }\n\n        .dialog-content {\n            flex: 1;\n            overflow: hidden;\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            overflow-y: auto;\n            padding: 10px;\n        }\n\n        .images-container {\n            display: flex;\n            gap: 20px;\n        }\n\n        .image-section {\n            display: flex;\n            justify-content: center;\n            margin-bottom: 20px;\n            position: relative;\n        }\n\n        .image-section img {\n            border-radius: 10px;\n            width: 100%;\n            max-width: 300px;\n            aspect-ratio: 3 \/ 4;\n            object-fit: cover;\n        }\n\n        .text-section {\n            flex: 1;\n            text-align: left;\n            max-height: 300px;\n        }\n\n        .text-section h2 {\n            margin: 10px 0;\n            font-size: 24px;\n            font-weight: bold;\n        }\n\n        .text-section .subtext {\n            margin: 5px 0;\n            font-size: 16px;\n            color: grey;\n        }\n\n        .info-section {\n            display: flex;\n            justify-content: left;\n            text-align: left;\n            align-items: center;\n            margin: 20px 0;\n        }\n\n        .info-section h3 {\n            margin-bottom: 5px;\n            font-size: 18px;\n            font-weight: bold;\n        }\n\n        .additional-info {\n            text-align: left;\n            margin-top: 20px;\n        }\n\n        .additional-info h3 {\n            margin-bottom: 10px;\n            font-size: 18px;\n            font-weight: bold;\n        }\n\n        .additional-info p {\n            text-align: justify;\n            margin: 20px;\n            margin-left: 20px;\n            margin-right: 35px;\n        }\n\n        .additional-info-img {\n            width: 33.33%;\n            border-radius: 10px;\n            margin-top: 10px;\n        }\n\n        .mobile-banner {\n            display: none;\n            justify-content: space-between;\n            align-items: center;\n            position: absolute;\n            bottom: 10px;\n            width: 100%;\n            padding: 0 20px;\n            background-color: white;\n            border-bottom-left-radius: 10px;\n            border-bottom-right-radius: 10px;\n            box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);\n        }\n\n        @media (max-width: 768px) {\n            .close-btn_popup,\n            .left-btn_13,\n            .right-btn_13 {\n                display: none;\n            }\n\n            .mobile-close-btn_popup {\n                display: flex;\n            }\n\n            .dialog-content {\n                padding: 5px 10px 15px;\n            }\n\n            .mobile-banner {\n                display: flex;\n            }\n\n            .mobile-left-btn_13,\n            .mobile-right-btn_13 {\n                font-size: 30px;\n                color: black;\n                background: white;\n                border: none;\n                border-radius: 50%;\n                width: 30px;\n                height: 30px;\n            }\n\n            .dialog {\n                padding-top: 30px;\n                padding-bottom: 50px;\n            }\n\n            .additional-info p {\n                text-align: start;\n                width: 100%;\n                margin: 0 5px;\n                word-spacing: 1px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"profile-widget_13\" href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6MjA1NzEsInRvZ2dsZSI6ZmFsc2V9\">\n        <div class=\"profile-image_13\"><\/div>\n        <div class=\"profile-text_13\">\n            <div class=\"lang-switch lang-en\">\n                <h3>Benedict Lok Hei Pang<\/h3>\n                <p>ESF Sha Tin College<\/p>\n            <\/div>\n            <div class=\"lang-switch lang-zh\">\n                <h3>\u5f6d\u6a02\u5e0c<\/h3>\n                <p>\u82f1\u57fa\u6c99\u7530\u5b78\u9662<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"dialog-overlay_13\" style=\"display: none;\">\n        <div class=\"dialog\">\n            <div class=\"mobile-close-btn_popup\">\u00d7<\/div>\n            <div class=\"close-btn_popup\">\u00d7<\/div>\n            <div class=\"left-btn_13\">\u2190<\/div>\n            <div class=\"right-btn_13\">\u2192<\/div>\n            <div class=\"dialog-content\">\n                <div class=\"mobile-banner\">\n                    <div class=\"mobile-left-btn_13\">\u2190<\/div>\n                    <div class=\"mobile-right-btn_13\">\u2192<\/div>\n                <\/div>\n                <div class=\"images-container\">\n                    <div class=\"image-container\">\n                        <div class=\"image-section\">\n                            <img decoding=\"async\" id=\"main-image\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/STC_Benedict-Pang_Before.jpeg\" alt=\"Portrait\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"image-container\">\n                        <div class=\"image-section\">\n                            <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/STC_Benedict-Pang_After-scaled.jpeg\" alt=\"Static Portrait\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"text-section\">\n                    <div class=\"lang-switch lang-en\">\n                        <h2>Benedict Lok Hei Pang<\/h2>\n                        <p class=\"subtext\">ESF Sha Tin College<\/p>\n                        <p class=\"subtext\">Class of 2024<\/p>\n                        <div class=\"info-section\">\n                            <div>\n                                <h3>Choice of University<\/h3>\n                                <p>Chinese University of Hong Kong<br>Bachelor of Medicine and Bachelor of Surgery (Global Physician- Leadership Stream)<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"additional-info\">\n                            <h3>My Story<\/h3>\n                            <p>\"Wherever the art of medicine is loved, there is also a love of humanity\".<br><br>\n                            Echoing these wise words from Hippocrates, the 'father of medicine', I am delighted to pursue a degree in Medicine at the Chinese University of Hong Kong.<br><br>\n                            By being part of the CUMed family and with the faculty's nurture and support, I hope to become a clinician scientist and contribute towards the betterment of human health through clinical service, research and innovation.<br><br>\n                            I pledge to maintain my passion to medicine and love of humanity by remaining persistent and inquisitive throughout the course. With my ultimate aim to serve the Hong Kong public, I am fully confident that CUHK's MBChB program will provide me with the support and resources I need to turn this goal into reality.<\/p>\n                            <img decoding=\"async\" class=\"additional-info-img\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/ib_45_student_1_main_slogan-18.png\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"lang-switch lang-zh\">\n                        <h2>\u5f6d\u6a02\u5e0c<\/h2>\n                        <p class=\"subtext\">\u82f1\u57fa\u6c99\u7530\u5b78\u9662<\/p>\n                        <p class=\"subtext\">2024 \u5e74\u5ea6\u7562\u696d\u751f<\/p>\n                        <div class=\"info-section\">\n                            <div>\n                                <h3>\u5347\u5b78\u53bb\u5411<\/h3>\n                                <p>\u9999\u6e2f\u4e2d\u6587\u5927\u5b78<br>\u5167\u5916\u5168\u79d1\u91ab\u5b78\u58eb\u8ab2\u7a0b\u300c\u74b0\u7403\u91ab\u5b78\u9818\u8896\u57f9\u8a13\u5c08\u4fee\u7d44\u300d<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"additional-info\">\n                            <h3>\u6211\u7684\u6545\u4e8b<\/h3>\n                            <p>\u300c\u300e\u4efb\u4f55\u4e00\u500b\u559c\u611b\u91ab\u5b78\u9019\u9580\u85dd\u8853\u7684\u5730\u65b9\uff0c\u540c\u6a23\u4e5f\u6703\u5145\u6eff\u4e86\u5c0d\u4eba\u985e\u7684\u71b1\u611b\u3002\u300f<br><br>\n                            \u91ab\u5b78\u4e4b\u7236\u5e0c\u6ce2\u514b\u62c9\u5e95\u7684\u777f\u667a\u4f7f\u6211\u6df1\u6df1\u8457\u8ff7\uff0c\u70ba\u4e86\u5ef6\u7e8c\u9019\u610f\u5fd7\uff0c\u6211\u5c07\u5165\u8b80\u9999\u6e2f\u4e2d\u6587\u5927\u5b78\uff0c\u5be6\u73fe\u5c0d\u91ab\u5b78\u7684\u56ae\u5f80\u3002<br><br>\n                            \u5728\u4e2d\u5927\u91ab\u79d1\u5927\u5bb6\u5ead\u7684\u57f9\u80b2\u548c\u652f\u6301\u4e0b\uff0c\u6211\u7acb\u610f\u6210\u70ba\u4e00\u540d\u91ab\u5b78\u79d1\u7814\u5c08\u5bb6\uff0c\u5728\u4e0d\u65b7\u7814\u7a76\u548c\u5275\u65b0\u4e2d\u70ba\u4eba\u982a\u91ab\u5b78\u7834\u820a\u7acb\u65b0\uff0c\u9081\u5411\u672a\u4f86\u3002<br><br>\n                            \u6211\u8a93\u8a00\u8981\u4ee5\u5805\u5b9a\u4e0d\u79fb\u7684\u610f\u5fd7\u548c\u7121\u76e1\u7684\u597d\u5947\u5fc3\u6301\u7e8c\u5b55\u80b2\u5c0d\u91ab\u5b78\u7684\u71b1\u5ff1\u548c\u4eba\u985e\u7684\u71b1\u611b\u3002\u76f8\u4fe1\u5728\u4fee\u8b80\u4e2d\u5927\u91ab\u5b78\u8ab2\u7a0b\u5f8c\uff0c\u6211\u6c7a\u5fc3\u670d\u52d9\u9999\u6e2f\u5927\u773e\u7684\u7d42\u6975\u76ee\u6a19\uff0c\u5c07\u4e0d\u518d\u662f\u5922\u3002\u300d<\/p>\n                            <img decoding=\"async\" class=\"additional-info-img\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/ib_45_student_1_main_slogan-18.png\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.documentElement.lang = 'en';\n        \n        \/\/ Profile widget and dialog functionality\n        const profileWidget = document.querySelector('.profile-widget_13');\n        const dialogOverlay = document.querySelector('.dialog-overlay_13');\n        const closeBtn = document.querySelector('.dialog-overlay_13 .close-btn_popup');\n        const mobileCloseBtn = document.querySelector('.dialog-overlay_13 .mobile-close-btn_popup');\n        const leftBtn = document.querySelector('.dialog-overlay_13 .left-btn_13');\n        const rightBtn = document.querySelector('.dialog-overlay_13 .right-btn_13');\n        const mobileBtns = document.querySelectorAll('.dialog-overlay_13 .mobile-left-btn_13, .dialog-overlay_13 .mobile-right-btn_13');\n\n        function showDialog() {\n            dialogOverlay.style.display = 'flex';\n            document.body.style.overflow = 'hidden';\n        }\n\n        function hideDialog() {\n            dialogOverlay.style.display = 'none';\n            document.body.style.overflow = '';\n        }\n\n        function handleClickOutside(event) {\n            if (event.target === dialogOverlay) {\n                hideDialog();\n            }\n        }\n\n        profileWidget.addEventListener('click', showDialog);\n        closeBtn.addEventListener('click', hideDialog);\n        mobileCloseBtn.addEventListener('click', hideDialog);\n        dialogOverlay.addEventListener('click', handleClickOutside);\n\n        [leftBtn, rightBtn, ...mobileBtns].forEach(btn => {\n            if (btn) {\n                btn.addEventListener('click', (e) => {\n                    e.stopPropagation();\n                    const direction = btn.textContent;\n                    \n                    hideDialog();\n                    \n                    if (direction === '\u2190') {\n                        \/\/ Navigate to profile 12\n                        const targetModal = document.querySelector('.dialog-overlay_12');\n                        if (targetModal) {\n                            targetModal.style.display = 'flex';\n                            document.body.style.overflow = 'hidden';\n                        }\n                    } else if (direction === '\u2192') {\n                        \/\/ Navigate to profile 14\n                        const targetModal = document.querySelector('#dialogOverlay_14');\n                        if (targetModal) {\n                            targetModal.style.display = 'flex';\n                            document.body.style.overflow = 'hidden';\n                        }\n                    }\n                });\n            }\n        });\n        \n        \/\/ Language switching - URL-based detection like profile_1.html\n        if (window.location.href.indexOf('zh') !== -1) {\n            \/\/ Update widget text\n            document.querySelector('.profile-text_13 h3').innerText = '\u5f6d\u6a02\u5e0c';\n            document.querySelector('.profile-text_13 p').innerText = '\u82f1\u57fa\u6c99\u7530\u5b78\u9662';\n            \n            \/\/ Update dialog text\n            const textSection = dialogOverlay.querySelector('.text-section');\n            textSection.querySelector('h2').innerText = '\u5f6d\u6a02\u5e0c';\n            textSection.querySelector('.subtext:first-of-type').innerText = '\u82f1\u57fa\u6c99\u7530\u5b78\u9662';\n            textSection.querySelector('.subtext:last-of-type').innerText = '2024 \u5e74\u5ea6\u7562\u696d\u751f';\n            dialogOverlay.querySelector('.info-section h3').innerText = '\u5347\u5b78\u53bb\u5411';\n            dialogOverlay.querySelector('.info-section p').innerHTML = '\u9999\u6e2f\u4e2d\u6587\u5927\u5b78<br>\u5167\u5916\u5168\u79d1\u91ab\u5b78\u58eb\u8ab2\u7a0b\u300c\u74b0\u7403\u91ab\u5b78\u9818\u8896\u57f9\u8a13\u5c08\u4fee\u7d44\u300d';\n            dialogOverlay.querySelector('.additional-info h3').innerText = '\u6211\u7684\u6545\u4e8b';\n            dialogOverlay.querySelector('.additional-info p').innerHTML = '\u300c\u300e\u4efb\u4f55\u4e00\u500b\u559c\u611b\u91ab\u5b78\u9019\u9580\u85dd\u8853\u7684\u5730\u65b9\uff0c\u540c\u6a23\u4e5f\u6703\u5145\u6eff\u4e86\u5c0d\u4eba\u985e\u7684\u71b1\u611b\u3002\u300f<br><br>\u91ab\u5b78\u4e4b\u7236\u5e0c\u6ce2\u514b\u62c9\u5e95\u7684\u777f\u667a\u4f7f\u6211\u6df1\u6df1\u8457\u8ff7\uff0c\u70ba\u4e86\u5ef6\u7e8c\u9019\u610f\u5fd7\uff0c\u6211\u5c07\u5165\u8b80\u9999\u6e2f\u4e2d\u6587\u5927\u5b78\uff0c\u5be6\u73fe\u5c0d\u91ab\u5b78\u7684\u56ae\u5f80\u3002<br><br>\u5728\u4e2d\u5927\u91ab\u79d1\u5927\u5bb6\u5ead\u7684\u57f9\u80b2\u548c\u652f\u6301\u4e0b\uff0c\u6211\u7acb\u610f\u6210\u70ba\u4e00\u540d\u91ab\u5b78\u79d1\u7814\u5c08\u5bb6\uff0c\u5728\u4e0d\u65b7\u7814\u7a76\u548c\u5275\u65b0\u4e2d\u70ba\u4eba\u982a\u91ab\u5b78\u7834\u820a\u7acb\u65b0\uff0c\u9081\u5411\u672a\u4f86\u3002<br><br>\u6211\u8a93\u8a00\u8981\u4ee5\u5805\u5b9a\u4e0d\u79fb\u7684\u610f\u5fd7\u548c\u7121\u76e1\u7684\u597d\u5947\u5fc3\u6301\u7e8c\u5b55\u80b2\u5c0d\u91ab\u5b78\u7684\u71b1\u5ff1\u548c\u4eba\u985e\u7684\u71b1\u611b\u3002\u76f8\u4fe1\u5728\u4fee\u8b80\u4e2d\u5927\u91ab\u5b78\u8ab2\u7a0b\u5f8c\uff0c\u6211\u6c7a\u5fc3\u670d\u52d9\u9999\u6e2f\u5927\u773e\u7684\u7d42\u6975\u76ee\u6a19\uff0c\u5c07\u4e0d\u518d\u662f\u5922\u3002\u300d';\n        }\n    <\/script>\n<\/body>\n<\/html> \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1bec703 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"1bec703\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!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>Ken Sotooka - ESF Profile<\/title>\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .profile-widget_14 {\n            width: 100%;\n            min-width: 15vw;\n            text-align: left;\n            cursor: pointer;\n        }\n\n        .profile-image_14 {\n            width: 100%;\n            aspect-ratio: 3 \/ 4;\n            background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/STC_Ken-Sotooka_Portrait-scaled.jpeg');\n            background-size: cover;\n            background-position: center;\n            border-radius: 30px;\n            border: 1px solid black;\n            transition: background-image 0.3s ease;\n        }\n\n        .profile-image_14:hover {\n            background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/Ken.gif');\n        }\n\n        .profile-text_14 {\n            width: 80%;\n            display: inline-block;\n            margin-top: 10px;\n            background: white;\n            border: 1px solid black;\n            border-radius: 30px;\n            padding: 8px 25px;\n            text-align: left;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n        }\n\n        .profile-text_14 h3 {\n            margin: 0;\n            font-size: 18px;\n            text-align: left;\n            color: black;\n        }\n\n        .profile-text_14 p {\n            margin: 0;\n            font-size: 14px;\n            text-align: left;\n            color: black;\n        }\n\n        .lang-switch {\n            display: none;\n        }\n\n        :lang(en) .lang-en {\n            display: block;\n        }\n\n        :lang(zh) .lang-zh {\n            display: block;\n        }\n\n        .dialog-overlay_14 {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.5);\n            display: none;\n            justify-content: center;\n            align-items: center;\n            z-index: 9999;\n        }\n\n        .dialog_14 {\n            position: relative;\n            background: rgba(255, 255, 255, 1);\n            border-radius: 15px;\n            padding: 20px;\n            max-width: 650px !important;\n            width: 90%;\n            max-height: 80%;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n            display: flex;\n            flex-direction: column;\n        }\n\n        .mobile-close-btn_14,\n        .close-btn_14,\n        .left-btn_14,\n        .right-btn_14,\n        .mobile-left-btn_14,\n        .mobile-right-btn_14 {\n            cursor: pointer;\n        }\n\n        .mobile-close-btn_14 {\n            position: absolute;\n            top: 10px;\n            right: 5px;\n            width: 30px;\n            height: 30px;\n            border-radius: 50%;\n            display: none;\n            align-items: center;\n            justify-content: center;\n            font-size: 30px;\n            padding-top: 3px;\n            padding-bottom: 10px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .close-btn_14 {\n            position: absolute;\n            top: -30px;\n            right: -30px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 30px;\n            padding-top: 3px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .left-btn_14 {\n            position: absolute;\n            bottom: 10px;\n            left: -40px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 30px;\n            padding-top: 6px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .right-btn_14 {\n            position: absolute;\n            bottom: 10px;\n            right: -40px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 30px;\n            padding-top: 6px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .dialog-content_14 {\n            flex: 1;\n            overflow: hidden;\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            overflow-y: auto;\n            padding: 10px;\n        }\n\n        .images-container_14 {\n            display: flex;\n            gap: 20px;\n        }\n\n        .image-container_14 {\n            position: relative;\n        }\n\n        .image-section_14 {\n            display: flex;\n            justify-content: center;\n            margin-bottom: 20px;\n            position: relative;\n        }\n\n        .image-section_14 img {\n            border-radius: 10px;\n            width: 100%;\n            max-width: 300px;\n            aspect-ratio: 3 \/ 4;\n            object-fit: cover;\n        }\n\n        .text-section_14 {\n            flex: 1;\n            text-align: left;\n            max-height: 300px;\n        }\n\n        .text-section_14::-webkit-scrollbar {\n            width: 10px;\n        }\n\n        .text-section_14::-webkit-scrollbar-thumb {\n            background-color: darkgrey;\n            border-radius: 10px;\n        }\n\n        .text-section_14 h2 {\n            margin: 10px 0;\n            font-size: 24px;\n            font-weight: bold;\n        }\n\n        .text-section_14 .subtext {\n            margin: 5px 0;\n            font-size: 16px;\n            color: grey;\n        }\n\n        .info-section_14 {\n            display: flex;\n            justify-content: left;\n            text-align: left;\n            align-items: center;\n            margin: 20px 0;\n        }\n\n        .info-section_14 div {\n            width: 100%;\n        }\n\n        .info-section_14 h3 {\n            margin-bottom: 5px;\n            font-size: 18px;\n            font-weight: bold;\n            display: inline-block;\n        }\n\n        .additional-info_14 {\n            text-align: left;\n            margin-top: 20px;\n        }\n\n        .additional-info_14 h3 {\n            margin-bottom: 10px;\n            font-size: 18px;\n            font-weight: bold;\n        }\n\n        .additional-info_14 p {\n            text-align: justify;\n            margin: 20px;\n            margin-left: 20px;\n            margin-right: 35px;\n            word-wrap: none;\n        }\n\n        .additional-info-img_14 {\n            width: 33.33%;\n            border-radius: 10px;\n            margin-top: 10px;\n        }\n\n        .mobile-banner_14 {\n            display: flex;\n            justify-content: end;\n            align-items: end;\n            position: absolute;\n            bottom: 10px;\n            width: 100%;\n            padding: 0 20px;\n            display: none;\n        }\n\n        @media (max-width: 720px) {\n            .profile-widget_14 {\n                text-align: center;\n            }\n            .profile-image_14 {\n                position: relative;\n            }\n            .profile-text_14 {\n                position: absolute;\n                bottom: 10px;\n                left: 50%;\n                transform: translateX(-50%);\n                background: rgba(255, 255, 255, 0.8);\n                border-radius: 15px;\n                padding: 5px 10px;\n                text-align: center;\n                width: calc(100% - 20px);\n                box-sizing: border-box;\n                margin-top: 0;\n            }\n            .profile-text_14 h3,\n            .profile-text_14 p {\n                text-align: center;\n                font-size: 12px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .close-btn_14,\n            .left-btn_14,\n            .right-btn_14 {\n                display: none;\n            }\n\n            .mobile-close-btn_14 {\n                display: flex;\n            }\n\n            .dialog-content_14 {\n                padding: 5px;\n                padding-left: 5px;\n                padding-right: 10px;\n                padding-top: 15px;\n            }\n\n            .mobile-banner_14 {\n                display: flex;\n                background-color: white;\n                justify-content: space-between;\n                padding: 0 20px;\n                left: 0px;\n                right: 0px;\n                bottom: 0;\n                padding-top: 5px;\n                border-bottom-left-radius: 10px;\n                border-bottom-right-radius: 10px;\n                box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);\n            }\n\n            .mobile-left-btn_14 {\n                left: 0px;\n                border: none;\n                border-radius: 50%;\n                width: 30px;\n                height: 30px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                font-size: 30px;\n                color: black;\n            }\n\n            .mobile-right-btn_14 {\n                background: white;\n                border: none;\n                border-radius: 50%;\n                width: 30px;\n                height: 30px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                font-size: 30px;\n                color: black;\n            }\n\n            .dialog_14 {\n                padding-top: 30px;\n                padding-bottom: 50px;\n            }\n\n            .additional-info_14 p {\n                text-align: start;\n                width: 100%;\n                margin: 0px;\n                margin-left: 5px;\n                margin-right: 5px;\n                word-spacing: 1px;\n                word-wrap: none;\n                word-break: none;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"profile-widget_14\" onclick=\"openDialog_14()\">\n        <div class=\"profile-image_14\"><\/div>\n        <div class=\"profile-text_14\">\n            <div class=\"lang-switch lang-en\">\n                <h3>Ken Sotooka<\/h3>\n                <p>ESF Sha Tin College<\/p>\n            <\/div>\n            <div class=\"lang-switch lang-zh\">\n                <h3>\u90b1\u5065\u5fd7<\/h3>\n                <p>\u82f1\u57fa\u6c99\u7530\u5b78\u9662<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"dialog-overlay_14\" id=\"dialogOverlay_14\">\n        <div class=\"dialog_14\">\n            <div class=\"mobile-close-btn_14\" onclick=\"closeDialog_14()\">\u00d7<\/div>\n            <div class=\"close-btn_14\" onclick=\"closeDialog_14()\">\u00d7<\/div>\n            <div class=\"left-btn_14\" onclick=\"navigateProfile_14(-1)\">\u2190<\/div>\n            <div class=\"right-btn_14\" onclick=\"navigateProfile_14(1)\">\u2192<\/div>\n            <div class=\"dialog-content_14\">\n                <div class=\"mobile-banner_14\">\n                    <div class=\"mobile-left-btn_14\" onclick=\"navigateProfile_14(-1)\">\u2190<\/div>\n                    <div class=\"mobile-right-btn_14\" onclick=\"navigateProfile_14(1)\">\u2192<\/div>\n                <\/div>\n                <div class=\"images-container_14\">\n                    <div class=\"image-container_14\">\n                        <div class=\"image-section_14\">\n                            <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/STC_Ken-Sotooka_Before-scaled.jpeg\" alt=\"Portrait\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"image-container_14\">\n                        <div class=\"image-section_14\">\n                            <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/STC_Ken-Sotooka_After-scaled.jpeg\" alt=\"Static Portrait\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"text-section_14\">\n                    <div class=\"lang-switch lang-en\">\n                        <h2>Ken Sotooka<\/h2>\n                        <p class=\"subtext\">ESF Sha Tin College<\/p>\n                        <p class=\"subtext\">Class of 2024<\/p>\n                        <div class=\"info-section_14\">\n                            <div>\n                                <h3>Choice of University<\/h3>\n                                <p>HKU-Cambridge Dual Degree<br>Bachelor and Master of Science in Physics<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"additional-info_14\">\n                            <h3>My Story<\/h3>\n                            <p>Carl Sagan once said, \"Somewhere, something incredible is waiting to be known\". It is this sentiment that drove scientists throughout history to dedicate their lives to discovery and innovation, and what drives me to join these scientists.\n\n<br><br>\nThe HKU-Cambridge dual degree program in natural sciences provides me with a platform to research and discover the next \"incredible\" something. I envisage myself working with like-minded peers to push the frontier of physics, working with cutting-edge technology in two reputable institutions.\n<br><br>\nI want to leave a mark in the world through discovery, helping innovate and develop technologies that improve the lives of others. I hope to channel my passion for understanding the universe into tangible change, which I can achieve with the HKU-Cambridge dual degree program.<\/p>\n                            <img decoding=\"async\" class=\"additional-info-img_14\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/ib_45_student_1_main_slogan-19.png\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"lang-switch lang-zh\">\n                        <h2>\u90b1\u5065\u5fd7<\/h2>\n                        <p class=\"subtext\">\u82f1\u57fa\u6c99\u7530\u5b78\u9662<\/p>\n                        <p class=\"subtext\">2024 \u5e74\u5ea6\u7562\u696d\u751f<\/p>\n                        <div class=\"info-section_14\">\n                            <div>\n                                <h3>\u5347\u5b78\u53bb\u5411<\/h3>\n                                <p>\u9999\u6e2f\u5927\u5b78 - \u528d\u6a4b\u5927\u5b78<br>\u7269\u7406\u96d9\u5b78\u4f4d\u8ab2\u7a0b<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"additional-info_14\">\n                            <h3>\u6211\u7684\u6545\u4e8b<\/h3>\n                            <p>\u300c\u5929\u6587\u5b78\u5bb6\u5361\u723e\u00b7\u85a9\u6839\u66fe\u7d93\u8aaa\u904e\uff1a\u300e\u5728\u4e16\u754c\u67d0\u500b\u89d2\u843d\uff0c\u6709\u4e9b\u4e0d\u53ef\u601d\u8b70\u7684\u4e8b\u7269\u6b63\u5728\u7b49\u5f85\u88ab\u767c\u73fe\u3002\u300f\u6b63\u662f\u9019\u7a2e\u60c5\u611f\u9a45\u4f7f\u4e16\u4e16\u4ee3\u4ee3\u7684\u79d1\u5b78\u5bb6\u5011\uff0c\u5c07\u4ed6\u5011\u7684\u8f1d\u714c\u4e00\u751f\u5949\u737b\u7d66\u63a2\u7d22\u548c\u5275\u65b0\uff0c\u4e5f\u9a45\u4f7f\u6211\u7acb\u5fd7\u52a0\u5165\u4ed6\u5011\u7684\u884c\u5217\u3002\n\n<br><br>\n\u9999\u6e2f\u5927\u5b78-\u528d\u6a4b\u5927\u5b78\u81ea\u7136\u79d1\u5b78\u96d9\u5b78\u4f4d\u8ab2\u7a0b\u70ba\u6211\u63d0\u4f9b\u4e86\u4e00\u500b\u5168\u5fc3\u7814\u7a76\u3001\u767c\u73fe\u4e0b\u4e00\u500b\u300e\u4e0d\u53ef\u601d\u8b70\u300f\u7684\u5e73\u53f0\u3002\u6211\u8a72\u8207\u5fd7\u540c\u9053\u5408\u7684\u540c\u5115\u540c\u884c\u4e92\u52c9\uff0c\u63a8\u52d5\u7269\u7406\u5b78\u7684\u524d\u6cbf\uff0c\u5584\u7528\u5728\u5169\u500b\u77e5\u540d\u5b78\u5e9c\u64c1\u6709\u7684\u5c16\u7aef\u6280\u8853\u3002\n<br><br>\n\u901a\u904e\u767c\u660e\u548c\u767c\u73fe\uff0c\u6211\u671f\u671b\u80fd\u52a0\u5165\u5049\u5927\u7684\u524d\u4eba\uff0c\u5728\u4e16\u754c\u548c\u6b77\u53f2\u4e0a\u7559\u4e0b\u9032\u6b65\u7684\u75d5\u8de1\uff0c\u6548\u529b\u5275\u79d1\u767c\u5c55\uff0c\u4e26\u7814\u7a76\u6539\u5584\u4ed6\u4eba\u751f\u6d3b\u7684\u6280\u8853\u3002\u6211\u5e0c\u671b\u5c07\u5c0d\u7406\u89e3\u5b87\u5b99\u7684\u71b1\u60c5\u8f49\u5316\u70ba\u5207\u5be6\u7684\u6539\u8b8a\uff0c\u76f8\u4fe1\u9019\u4e9b\u62b1\u8ca0\u5c07\u5728\u9999\u6e2f\u5927\u5b78-\u528d\u6a4b\u5927\u5b78\u81ea\u7136\u79d1\u5b78\u96d9\u5b78\u4f4d\u8ab2\u7a0b\u4e2d\u4e00\u4e00\u5be6\u73fe\u3002\u300d<\/p>\n                            <img decoding=\"async\" class=\"additional-info-img_14\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/ib_45_student_1_main_slogan-19.png\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.documentElement.lang = 'en';\n        \n        function toggleLanguage() {\n            const html = document.documentElement;\n            html.lang = html.lang === 'en' ? 'zh' : 'en';\n        }\n\n        function openDialog_14() {\n            document.getElementById('dialogOverlay_14').style.display = 'flex';\n        }\n\n        function closeDialog_14() {\n            document.getElementById('dialogOverlay_14').style.display = 'none';\n        }\n\n        function navigateProfile_14(direction) {\n            const currentProfile = 14;\n            const nextProfile = currentProfile + direction;\n            \n            closeDialog_14();\n            \n            if (direction === -1) {\n                \/\/ Navigate to profile 13\n                const targetModal = document.querySelector('.dialog-overlay_13');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                    document.body.style.overflow = 'hidden';\n                }\n            } else if (direction === 1) {\n                \/\/ Navigate to profile 15\n                const targetModal = document.querySelector('#dialogOverlay_15');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                    document.body.style.overflow = 'hidden';\n                }\n            }\n        }\n\n        \/\/ Close dialog when clicking outside\n        document.getElementById('dialogOverlay_14').addEventListener('click', function(e) {\n            if (e.target === this) {\n                closeDialog_14();\n            }\n        });\n\n        \/\/ Language switching - URL-based detection like profile_1.html\n        if (window.location.href.indexOf('zh') !== -1) {\n            \/\/ Update widget text\n            document.querySelector('.profile-text_14 h3').innerText = '\u90b1\u5065\u5fd7';\n            document.querySelector('.profile-text_14 p').innerText = '\u82f1\u57fa\u6c99\u7530\u5b78\u9662';\n            \n            \/\/ Update dialog text\n            const textSection = document.querySelector('#dialogOverlay_14 .text-section_14');\n            textSection.querySelector('h2').innerText = '\u90b1\u5065\u5fd7';\n            textSection.querySelector('.subtext:first-of-type').innerText = '\u82f1\u57fa\u6c99\u7530\u5b78\u9662';\n            textSection.querySelector('.subtext:last-of-type').innerText = '2024 \u5e74\u5ea6\u7562\u696d\u751f';\n            document.querySelector('#dialogOverlay_14 .info-section_14 h3').innerText = '\u5347\u5b78\u53bb\u5411';\n            document.querySelector('#dialogOverlay_14 .info-section_14 p').innerHTML = '\u9999\u6e2f\u5927\u5b78 - \u528d\u6a4b\u5927\u5b78<br>\u7269\u7406\u96d9\u5b78\u4f4d\u8ab2\u7a0b';\n            document.querySelector('#dialogOverlay_14 .additional-info_14 h3').innerText = '\u6211\u7684\u6545\u4e8b';\n            document.querySelector('#dialogOverlay_14 .additional-info_14 p').innerHTML = '\u300c\u5929\u6587\u5b78\u5bb6\u5361\u723e\u00b7\u85a9\u6839\u66fe\u7d93\u8aaa\u904e\uff1a\u300e\u5728\u4e16\u754c\u67d0\u500b\u89d2\u843d\uff0c\u6709\u4e9b\u4e0d\u53ef\u601d\u8b70\u7684\u4e8b\u7269\u6b63\u5728\u7b49\u5f85\u88ab\u767c\u73fe\u3002\u300f\u6b63\u662f\u9019\u7a2e\u60c5\u611f\u9a45\u4f7f\u4e16\u4e16\u4ee3\u4ee3\u7684\u79d1\u5b78\u5bb6\u5011\uff0c\u5c07\u4ed6\u5011\u7684\u8f1d\u714c\u4e00\u751f\u5949\u737b\u7d66\u63a2\u7d22\u548c\u5275\u65b0\uff0c\u4e5f\u9a45\u4f7f\u6211\u7acb\u5fd7\u52a0\u5165\u4ed6\u5011\u7684\u884c\u5217\u3002<br><br>\u9999\u6e2f\u5927\u5b78-\u528d\u6a4b\u5927\u5b78\u81ea\u7136\u79d1\u5b78\u96d9\u5b78\u4f4d\u8ab2\u7a0b\u70ba\u6211\u63d0\u4f9b\u4e86\u4e00\u500b\u5168\u5fc3\u7814\u7a76\u3001\u767c\u73fe\u4e0b\u4e00\u500b\u300e\u4e0d\u53ef\u601d\u8b70\u300f\u7684\u5e73\u53f0\u3002\u6211\u8a72\u8207\u5fd7\u540c\u9053\u5408\u7684\u540c\u5115\u540c\u884c\u4e92\u52c9\uff0c\u63a8\u52d5\u7269\u7406\u5b78\u7684\u524d\u6cbf\uff0c\u5584\u7528\u5728\u5169\u500b\u77e5\u540d\u5b78\u5e9c\u64c1\u6709\u7684\u5c16\u7aef\u6280\u8853\u3002<br><br>\u901a\u904e\u767c\u660e\u548c\u767c\u73fe\uff0c\u6211\u671f\u671b\u80fd\u52a0\u5165\u5049\u5927\u7684\u524d\u4eba\uff0c\u5728\u4e16\u754c\u548c\u6b77\u53f2\u4e0a\u7559\u4e0b\u9032\u6b65\u7684\u75d5\u8de1\uff0c\u6548\u529b\u5275\u79d1\u767c\u5c55\uff0c\u4e26\u7814\u7a76\u6539\u5584\u4ed6\u4eba\u751f\u6d3b\u7684\u6280\u8853\u3002\u6211\u5e0c\u671b\u5c07\u5c0d\u7406\u89e3\u5b87\u5b99\u7684\u71b1\u60c5\u8f49\u5316\u70ba\u5207\u5be6\u7684\u6539\u8b8a\uff0c\u76f8\u4fe1\u9019\u4e9b\u62b1\u8ca0\u5c07\u5728\u9999\u6e2f\u5927\u5b78-\u528d\u6a4b\u5927\u5b78\u81ea\u7136\u79d1\u5b78\u96d9\u5b78\u4f4d\u8ab2\u7a0b\u4e2d\u4e00\u4e00\u5be6\u73fe\u3002\u300d';\n        }\n    <\/script>\n<\/body>\n<\/html> \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea426e5 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"ea426e5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!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>Enoch Chu - ESF Profile<\/title>\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .profile-widget_15 {\n            width: 100%;\n            min-width: 15vw;\n            text-align: left;\n            cursor: pointer;\n        }\n\n        .profile-image_15 {\n            width: 100%;\n            aspect-ratio: 3 \/ 4;\n            background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/SIS_Enoch-Chu_Portrait-scaled.jpeg');\n            background-size: cover;\n            background-position: center;\n            border-radius: 30px;\n            border: 1px solid black;\n            transition: background-image 0.3s ease;\n        }\n\n        .profile-image_15:hover {\n            background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/Enoch2.gif');\n        }\n\n        .profile-text_15 {\n            width: 80%;\n            display: inline-block;\n            margin-top: 10px;\n            background: white;\n            border: 1px solid black;\n            border-radius: 30px;\n            padding: 8px 25px;\n            text-align: left;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n        }\n\n        .profile-text_15 h3 {\n            margin: 0;\n            font-size: 18px;\n            text-align: left;\n            color: black;\n        }\n\n        .profile-text_15 p {\n            margin: 0;\n            font-size: 14px;\n            text-align: left;\n            color: black;\n        }\n\n        .lang-switch {\n            display: none;\n        }\n\n        :lang(en) .lang-en {\n            display: block;\n        }\n\n        :lang(zh) .lang-zh {\n            display: block;\n        }\n\n        .dialog-overlay_15 {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.5);\n            display: none;\n            justify-content: center;\n            align-items: center;\n            z-index: 9999;\n        }\n\n        .dialog_15 {\n            position: relative;\n            background: rgba(255, 255, 255, 1);\n            border-radius: 15px;\n            padding: 20px;\n            max-width: 650px !important;\n            width: 90%;\n            max-height: 80%;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n            display: flex;\n            flex-direction: column;\n        }\n\n        .mobile-close-btn_15,\n        .close-btn_15,\n        .left-btn_15,\n        .right-btn_15,\n        .mobile-left-btn_15,\n        .mobile-right-btn_15 {\n            cursor: pointer;\n        }\n\n        .mobile-close-btn_15 {\n            position: absolute;\n            top: 10px;\n            right: 5px;\n            width: 30px;\n            height: 30px;\n            border-radius: 50%;\n            display: none;\n            align-items: center;\n            justify-content: center;\n            font-size: 30px;\n            padding-top: 3px;\n            padding-bottom: 10px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .close-btn_15 {\n            position: absolute;\n            top: -30px;\n            right: -30px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 30px;\n            padding-top: 3px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .left-btn_15 {\n            position: absolute;\n            bottom: 10px;\n            left: -40px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 30px;\n            padding-top: 6px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .right-btn_15 {\n            position: absolute;\n            bottom: 10px;\n            right: -40px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 30px;\n            padding-top: 6px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .dialog-content_15 {\n            flex: 1;\n            overflow: hidden;\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            overflow-y: auto;\n            padding: 10px;\n        }\n\n        .images-container_15 {\n            display: flex;\n            gap: 20px;\n        }\n\n        .image-container_15 {\n            position: relative;\n        }\n\n        .image-section_15 {\n            display: flex;\n            justify-content: center;\n            margin-bottom: 20px;\n            position: relative;\n        }\n\n        .image-section_15 img {\n            border-radius: 10px;\n            width: 100%;\n            max-width: 300px;\n            aspect-ratio: 3 \/ 4;\n            object-fit: cover;\n        }\n\n        .text-section_15 {\n            flex: 1;\n            text-align: left;\n            max-height: 300px;\n        }\n\n        .text-section_15::-webkit-scrollbar {\n            width: 10px;\n        }\n\n        .text-section_15::-webkit-scrollbar-thumb {\n            background-color: darkgrey;\n            border-radius: 10px;\n        }\n\n        .text-section_15 h2 {\n            margin: 10px 0;\n            font-size: 24px;\n            font-weight: bold;\n        }\n\n        .text-section_15 .subtext {\n            margin: 5px 0;\n            font-size: 16px;\n            color: grey;\n        }\n\n        .info-section_15 {\n            display: flex;\n            justify-content: left;\n            text-align: left;\n            align-items: center;\n            margin: 20px 0;\n        }\n\n        .info-section_15 div {\n            width: 100%;\n        }\n\n        .info-section_15 h3 {\n            margin-bottom: 5px;\n            font-size: 18px;\n            font-weight: bold;\n            display: inline-block;\n        }\n\n        .additional-info_15 {\n            text-align: left;\n            margin-top: 20px;\n        }\n\n        .additional-info_15 h3 {\n            margin-bottom: 10px;\n            font-size: 18px;\n            font-weight: bold;\n        }\n\n        .additional-info_15 p {\n            text-align: justify;\n            margin: 20px;\n            margin-left: 20px;\n            margin-right: 35px;\n            word-wrap: none;\n        }\n\n        .additional-info-img_15 {\n            width: 33.33%;\n            border-radius: 10px;\n            margin-top: 10px;\n        }\n\n        .mobile-banner_15 {\n            display: flex;\n            justify-content: end;\n            align-items: end;\n            position: absolute;\n            bottom: 10px;\n            width: 100%;\n            padding: 0 20px;\n            display: none;\n        }\n\n        @media (max-width: 720px) {\n            .profile-widget_15 {\n                text-align: center;\n            }\n            .profile-image_15 {\n                position: relative;\n            }\n            .profile-text_15 {\n                position: absolute;\n                bottom: 10px;\n                left: 50%;\n                transform: translateX(-50%);\n                background: rgba(255, 255, 255, 0.8);\n                border-radius: 15px;\n                padding: 5px 10px;\n                text-align: center;\n                width: calc(100% - 20px);\n                box-sizing: border-box;\n                margin-top: 0;\n            }\n            .profile-text_15 h3,\n            .profile-text_15 p {\n                text-align: center;\n                font-size: 12px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .close-btn_15,\n            .left-btn_15,\n            .right-btn_15 {\n                display: none;\n            }\n\n            .mobile-close-btn_15 {\n                display: flex;\n            }\n\n            .dialog-content_15 {\n                padding: 5px;\n                padding-left: 5px;\n                padding-right: 10px;\n                padding-top: 15px;\n            }\n\n            .mobile-banner_15 {\n                display: flex;\n                background-color: white;\n                justify-content: space-between;\n                padding: 0 20px;\n                left: 0px;\n                right: 0px;\n                bottom: 0;\n                padding-top: 5px;\n                border-bottom-left-radius: 10px;\n                border-bottom-right-radius: 10px;\n                box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);\n            }\n\n            .mobile-left-btn_15 {\n                left: 0px;\n                border: none;\n                border-radius: 50%;\n                width: 30px;\n                height: 30px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                font-size: 30px;\n                color: black;\n            }\n\n            .mobile-right-btn_15 {\n                background: white;\n                border: none;\n                border-radius: 50%;\n                width: 30px;\n                height: 30px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                font-size: 30px;\n                color: black;\n            }\n\n            .dialog_15 {\n                padding-top: 30px;\n                padding-bottom: 50px;\n            }\n\n            .additional-info_15 p {\n                text-align: start;\n                width: 100%;\n                margin: 0px;\n                margin-left: 5px;\n                margin-right: 5px;\n                word-spacing: 1px;\n                word-wrap: none;\n                word-break: none;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"profile-widget_15\" onclick=\"openDialog_15()\">\n        <div class=\"profile-image_15\"><\/div>\n        <div class=\"profile-text_15\">\n            <div class=\"lang-switch lang-en\">\n                <h3>Enoch Chu<\/h3>\n                <p>ESF South Island School<\/p>\n            <\/div>\n            <div class=\"lang-switch lang-zh\">\n                <h3>\u6731\u5929\u6717<\/h3>\n                <p>\u82f1\u57fa\u5357\u5cf6\u4e2d\u5b78<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"dialog-overlay_15\" id=\"dialogOverlay_15\">\n        <div class=\"dialog_15\">\n            <div class=\"mobile-close-btn_15\" onclick=\"closeDialog_15()\">\u00d7<\/div>\n            <div class=\"close-btn_15\" onclick=\"closeDialog_15()\">\u00d7<\/div>\n            <div class=\"left-btn_15\" onclick=\"navigateProfile_15(-1)\">\u2190<\/div>\n            <div class=\"right-btn_15\" onclick=\"navigateProfile_15(1)\">\u2192<\/div>\n            <div class=\"dialog-content_15\">\n                <div class=\"mobile-banner_15\">\n                    <div class=\"mobile-left-btn_15\" onclick=\"navigateProfile_15(-1)\">\u2190<\/div>\n                    <div class=\"mobile-right-btn_15\" onclick=\"navigateProfile_15(1)\">\u2192<\/div>\n                <\/div>\n                <div class=\"images-container_15\">\n                    <div class=\"image-container_15\">\n                        <div class=\"image-section_15\">\n                            <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/SIS_Enoch-Chu_Before.jpeg\" alt=\"Portrait\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"image-container_15\">\n                        <div class=\"image-section_15\">\n                            <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/SIS_Enoch-Chu_After-scaled.jpeg\" alt=\"Static Portrait\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"text-section_15\">\n                    <div class=\"lang-switch lang-en\">\n                        <h2>Enoch Chu<\/h2>\n                        <p class=\"subtext\">ESF South Island School<\/p>\n                        <p class=\"subtext\">Class of 2024<\/p>\n                        <div class=\"info-section_15\">\n                            <div>\n                                <h3>Choice of University<\/h3>\n                                <p>The Chinese University of Hong Kong<br>Bachelor of Medicine and Bachelor of Surgery (Global Physician- Leadership Stream)<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"additional-info_15\">\n                            <h3>My Story<\/h3>\n                            <p>As someone who is keen to learn and explore different elements within the medical landscape, studying Medicine at CUHK will not only enhance my educational and research capabilities, but also provide me with the clinical exposure necessary to shape my future medical journey.\n<br><br>\nTo truly make a difference in the medical field, I wish to enhance personalised healthcare approaches by conducting research or establishing policies, with the aim of optimising patient treatment pathways. \n<br><br>\nBeing an ambitious student and a dreamer, I will make use of opportunities, resources, and support at CUHK in order to satisfy my curiosities and maintain myself as a lifelong learner seeking for constant improvement.<\/p>\n                            <img decoding=\"async\" class=\"additional-info-img_15\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_9E_SIS_Lau-Marcus_Slogan.png\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"lang-switch lang-zh\">\n                        <h2>\u6731\u5929\u6717<\/h2>\n                        <p class=\"subtext\">\u82f1\u57fa\u5357\u5cf6\u4e2d\u5b78<\/p>\n                        <p class=\"subtext\">2024 \u5e74\u5ea6\u7562\u696d\u751f<\/p>\n                        <div class=\"info-section_15\">\n                            <div>\n                                <h3>\u5347\u5b78\u53bb\u5411<\/h3>\n                                <p>\u9999\u6e2f\u4e2d\u6587\u5927\u5b78<br>\u5167\u5916\u5168\u79d1\u91ab\u5b78\u58eb\u8ab2\u7a0b\u300c\u74b0\u7403\u91ab\u5b78\u9818\u8896\u57f9\u8a13\u5c08\u4fee\u7d44\u300d<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"additional-info_15\">\n                            <h3>\u6211\u7684\u6545\u4e8b<\/h3>\n                            <p>\u300c\u6211\u5e38\u671b\u9068\u904a\u5b78\u6d77\uff0c\u6e34\u671b\u8457\u63a2\u7d22\u91ab\u5b78\u9818\u57df\u4e0d\u540c\u5143\u7d20\u3002\u6211\u76f8\u4fe1\u5728\u9999\u6e2f\u4e2d\u6587\u5927\u5b78\u5c31\u8b80\u91ab\u5b78\u5c08\u696d\u5c07\u4e0d\u50c5\u80fd\u63d0\u5347\u6211\u7684\u6559\u80b2\u6c34\u5e73\u548c\u7814\u7a76\u80fd\u529b\uff0c\u9084\u5c07\u70ba\u6211\u63d0\u4f9b\u5fc5\u8981\u7684\u81e8\u5e8a\u5be6\u7fd2\u6a5f\u6703\uff0c\u5851\u9020\u6211\u672a\u4f86\u7684\u91ab\u5b78\u4e4b\u65c5\u3002<br><br>\u70ba\u4e86\u771f\u6b63\u5728\u91ab\u5b78\u9818\u57df\u505a\u51fa\u6539\u8b8a\uff0c\u6211\u5e0c\u671b\u901a\u904e\u958b\u5c55\u7814\u7a76\u6216\u5236\u5b9a\u653f\u7b56\u4f86\u5b8c\u5584\u500b\u6027\u5316\u91ab\u7642\u624b\u6cd5\uff0c\u4ee5\u512a\u5316\u60a3\u8005\u6cbb\u7642\u9014\u5f91\u3002<br><br>\u96d6\u73fe\u5728\u8eab\u70ba\u4e00\u500b\u5b78\u751f\uff0c\u6211\u7684\u91ce\u5fc3\uff0c\u6211\u7684\u5922\u60f3\uff0c\u4ecd\u5c07\u5e36\u6211\u8d70\u5411\u66f4\u5927\u62b1\u8ca0\u3002\u6211\u5c07\u5229\u7528\u5728\u9999\u6e2f\u4e2d\u6587\u5927\u5b78\u7684\u6a5f\u6703\u3001\u8cc7\u6e90\u548c\u5e2b\u751f\u7684\u652f\u6301\uff0c\u6eff\u8db3\u6211\u7684\u597d\u5947\u5fc3\uff0c\u4e0d\u65b7\u8ffd\u6c42\u9032\u6b65\uff0c\u6210\u70ba\u4e00\u500b\u7d42\u8eab\u5b78\u7fd2\u7684\u4eba\uff0c\u4e00\u500b\u7e3d\u80fd\u4f7f\u5922\u60f3\u6210\u771f\u7684\u5922\u60f3\u5bb6\u3002\u300d<\/p>\n                            <img decoding=\"async\" class=\"additional-info-img_15\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_9E_SIS_Lau-Marcus_Slogan.png\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.documentElement.lang = 'en';\n        \n        function toggleLanguage() {\n            const html = document.documentElement;\n            html.lang = html.lang === 'en' ? 'zh' : 'en';\n        }\n\n        function openDialog_15() {\n            document.getElementById('dialogOverlay_15').style.display = 'flex';\n        }\n\n        function closeDialog_15() {\n            document.getElementById('dialogOverlay_15').style.display = 'none';\n        }\n\n        function navigateProfile_15(direction) {\n            const currentProfile = 15;\n            const nextProfile = currentProfile + direction;\n            \n            closeDialog_15();\n            \n            if (direction === -1) {\n                \/\/ Navigate to profile 14\n                const targetModal = document.querySelector('#dialogOverlay_14');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                    document.body.style.overflow = 'hidden';\n                }\n            } else if (direction === 1) {\n                \/\/ Navigate to profile 16\n                const targetModal = document.querySelector('#dialogOverlay_16');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                    document.body.style.overflow = 'hidden';\n                }\n            }\n        }\n\n        \/\/ Close dialog when clicking outside\n        document.getElementById('dialogOverlay_15').addEventListener('click', function(e) {\n            if (e.target === this) {\n                closeDialog_15();\n            }\n        });\n\n        \/\/ Language switching - URL-based detection like profile_1.html\n        if (window.location.href.indexOf('zh') !== -1) {\n            \/\/ Update widget text\n            document.querySelector('.profile-text_15 h3').innerText = '\u6731\u5929\u6717';\n            document.querySelector('.profile-text_15 p').innerText = '\u82f1\u57fa\u5357\u5cf6\u4e2d\u5b78';\n            \n            \/\/ Update dialog text\n            const textSection = document.querySelector('#dialogOverlay_15 .text-section_15');\n            textSection.querySelector('h2').innerText = '\u6731\u5929\u6717';\n            textSection.querySelector('.subtext:first-of-type').innerText = '\u82f1\u57fa\u5357\u5cf6\u4e2d\u5b78';\n            textSection.querySelector('.subtext:last-of-type').innerText = '2024 \u5e74\u5ea6\u7562\u696d\u751f';\n            document.querySelector('#dialogOverlay_15 .info-section_15 h3').innerText = '\u5347\u5b78\u53bb\u5411';\n            document.querySelector('#dialogOverlay_15 .info-section_15 p').innerHTML = '\u9999\u6e2f\u4e2d\u6587\u5927\u5b78<br>\u5167\u5916\u5168\u79d1\u91ab\u5b78\u58eb\u8ab2\u7a0b\u300c\u74b0\u7403\u91ab\u5b78\u9818\u8896\u57f9\u8a13\u5c08\u4fee\u7d44\u300d';\n            document.querySelector('#dialogOverlay_15 .additional-info_15 h3').innerText = '\u6211\u7684\u6545\u4e8b';\n            document.querySelector('#dialogOverlay_15 .additional-info_15 p').innerHTML = '\u300c\u6211\u5e38\u671b\u9068\u904a\u5b78\u6d77\uff0c\u6e34\u671b\u8457\u63a2\u7d22\u91ab\u5b78\u9818\u57df\u4e0d\u540c\u5143\u7d20\u3002\u6211\u76f8\u4fe1\u5728\u9999\u6e2f\u4e2d\u6587\u5927\u5b78\u5c31\u8b80\u91ab\u5b78\u5c08\u696d\u5c07\u4e0d\u50c5\u80fd\u63d0\u5347\u6211\u7684\u6559\u80b2\u6c34\u5e73\u548c\u7814\u7a76\u80fd\u529b\uff0c\u9084\u5c07\u70ba\u6211\u63d0\u4f9b\u5fc5\u8981\u7684\u81e8\u5e8a\u5be6\u7fd2\u6a5f\u6703\uff0c\u5851\u9020\u6211\u672a\u4f86\u7684\u91ab\u5b78\u4e4b\u65c5\u3002<br><br>\u70ba\u4e86\u771f\u6b63\u5728\u91ab\u5b78\u9818\u57df\u505a\u51fa\u6539\u8b8a\uff0c\u6211\u5e0c\u671b\u901a\u904e\u958b\u5c55\u7814\u7a76\u6216\u5236\u5b9a\u653f\u7b56\u4f86\u5b8c\u5584\u500b\u6027\u5316\u91ab\u7642\u624b\u6cd5\uff0c\u4ee5\u512a\u5316\u60a3\u8005\u6cbb\u7642\u9014\u5f91\u3002<br><br>\u96d6\u73fe\u5728\u8eab\u70ba\u4e00\u500b\u5b78\u751f\uff0c\u6211\u7684\u91ce\u5fc3\uff0c\u6211\u7684\u5922\u60f3\uff0c\u4ecd\u5c07\u5e36\u6211\u8d70\u5411\u66f4\u5927\u62b1\u8ca0\u3002\u6211\u5c07\u5229\u7528\u5728\u9999\u6e2f\u4e2d\u6587\u5927\u5b78\u7684\u6a5f\u6703\u3001\u8cc7\u6e90\u548c\u5e2b\u751f\u7684\u652f\u6301\uff0c\u6eff\u8db3\u6211\u7684\u597d\u5947\u5fc3\uff0c\u4e0d\u65b7\u8ffd\u6c42\u9032\u6b65\uff0c\u6210\u70ba\u4e00\u500b\u7d42\u8eab\u5b78\u7fd2\u7684\u4eba\uff0c\u4e00\u500b\u7e3d\u80fd\u4f7f\u5922\u60f3\u6210\u771f\u7684\u5922\u60f3\u5bb6\u3002\u300d';\n        }\n    <\/script>\n<\/body>\n<\/html> \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-daca045 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"daca045\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!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>Nicole Samantha Lau - ESF Profile<\/title>\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .profile-widget_16 {\n            width: 100%;\n            min-width: 15vw;\n            text-align: left;\n            cursor: pointer;\n        }\n\n        .profile-image_16 {\n            width: 100%;\n            aspect-ratio: 3 \/ 4;\n            background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/8_SIS_Hui-Annice-scaled.jpeg');\n            background-size: cover;\n            background-position: center;\n            border-radius: 30px;\n            border: 1px solid black;\n            transition: background-image 0.3s ease;\n        }\n\n        .profile-image_16:hover {\n            background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-8_Annice-Hui.gif');\n        }\n\n        .profile-text_16 {\n            width: 80%;\n            display: inline-block;\n            margin-top: 10px;\n            background: white;\n            border: 1px solid black;\n            border-radius: 30px;\n            padding: 8px 25px;\n            text-align: left;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n        }\n\n        .profile-text_16 h3 {\n            margin: 0;\n            font-size: 18px;\n            text-align: left;\n            color: black;\n        }\n\n        .profile-text_16 p {\n            margin: 0;\n            font-size: 14px;\n            text-align: left;\n            color: black;\n        }\n\n        .lang-switch {\n            display: none;\n        }\n\n        :lang(en) .lang-en {\n            display: block;\n        }\n\n        :lang(zh) .lang-zh {\n            display: block;\n        }\n\n        .dialog-overlay_16 {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.5);\n            display: none;\n            justify-content: center;\n            align-items: center;\n            z-index: 9999;\n        }\n\n        .dialog_16 {\n            position: relative;\n            background: rgba(255, 255, 255, 1);\n            border-radius: 15px;\n            padding: 20px;\n            max-width: 650px !important;\n            width: 90%;\n            max-height: 80%;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n            display: flex;\n            flex-direction: column;\n        }\n\n        .mobile-close-btn_16,\n        .close-btn_16,\n        .left-btn_16,\n        .right-btn_16,\n        .mobile-left-btn_16,\n        .mobile-right-btn_16 {\n            cursor: pointer;\n        }\n\n        .mobile-close-btn_16 {\n            position: absolute;\n            top: 10px;\n            right: 5px;\n            width: 30px;\n            height: 30px;\n            border-radius: 50%;\n            display: none;\n            align-items: center;\n            justify-content: center;\n            font-size: 30px;\n            padding-top: 3px;\n            padding-bottom: 10px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .close-btn_16 {\n            position: absolute;\n            top: -30px;\n            right: -30px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 30px;\n            padding-top: 3px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .left-btn_16 {\n            position: absolute;\n            bottom: 10px;\n            left: -40px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 30px;\n            padding-top: 6px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .right-btn_16 {\n            position: absolute;\n            bottom: 10px;\n            right: -40px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 30px;\n            padding-top: 6px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .dialog-content_16 {\n            flex: 1;\n            overflow: hidden;\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            overflow-y: auto;\n            padding: 10px;\n        }\n\n        .images-container_16 {\n            display: flex;\n            gap: 20px;\n        }\n\n        .image-container_16 {\n            position: relative;\n        }\n\n        .image-section_16 {\n            display: flex;\n            justify-content: center;\n            margin-bottom: 20px;\n            position: relative;\n        }\n\n        .image-section_16 img {\n            border-radius: 10px;\n            width: 100%;\n            max-width: 300px;\n            aspect-ratio: 3 \/ 4;\n            object-fit: cover;\n        }\n\n        .text-section_16 {\n            flex: 1;\n            text-align: left;\n            max-height: 300px;\n        }\n\n        .text-section_16::-webkit-scrollbar {\n            width: 10px;\n        }\n\n        .text-section_16::-webkit-scrollbar-thumb {\n            background-color: darkgrey;\n            border-radius: 10px;\n        }\n\n        .text-section_16 h2 {\n            margin: 10px 0;\n            font-size: 24px;\n            font-weight: bold;\n        }\n\n        .text-section_16 .subtext {\n            margin: 5px 0;\n            font-size: 16px;\n            color: grey;\n        }\n\n        .info-section_16 {\n            display: flex;\n            justify-content: left;\n            text-align: left;\n            align-items: center;\n            margin: 20px 0;\n        }\n\n        .info-section_16 div {\n            width: 100%;\n        }\n\n        .info-section_16 h3 {\n            margin-bottom: 5px;\n            font-size: 18px;\n            font-weight: bold;\n            display: inline-block;\n        }\n\n        .additional-info_16 {\n            text-align: left;\n            margin-top: 20px;\n        }\n\n        .additional-info_16 h3 {\n            margin-bottom: 10px;\n            font-size: 18px;\n            font-weight: bold;\n        }\n\n        .additional-info_16 p {\n            text-align: justify;\n            margin: 20px;\n            margin-left: 20px;\n            margin-right: 35px;\n            word-wrap: none;\n        }\n\n        .additional-info-img_16 {\n            width: 33.33%;\n            border-radius: 10px;\n            margin-top: 10px;\n        }\n\n        .mobile-banner_16 {\n            display: flex;\n            justify-content: end;\n            align-items: end;\n            position: absolute;\n            bottom: 10px;\n            width: 100%;\n            padding: 0 20px;\n            display: none;\n        }\n\n        @media (max-width: 720px) {\n            .profile-widget_16 {\n                text-align: center;\n            }\n            .profile-image_16 {\n                position: relative;\n            }\n            .profile-text_16 {\n                position: absolute;\n                bottom: 10px;\n                left: 50%;\n                transform: translateX(-50%);\n                background: rgba(255, 255, 255, 0.8);\n                border-radius: 15px;\n                padding: 5px 10px;\n                text-align: center;\n                width: calc(100% - 20px);\n                box-sizing: border-box;\n                margin-top: 0;\n            }\n            .profile-text_16 h3,\n            .profile-text_16 p {\n                text-align: center;\n                font-size: 12px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .close-btn_16,\n            .left-btn_16,\n            .right-btn_16 {\n                display: none;\n            }\n\n            .mobile-close-btn_16 {\n                display: flex;\n            }\n\n            .dialog-content_16 {\n                padding: 5px;\n                padding-left: 5px;\n                padding-right: 10px;\n                padding-top: 15px;\n            }\n\n            .mobile-banner_16 {\n                display: flex;\n                background-color: white;\n                justify-content: space-between;\n                padding: 0 20px;\n                left: 0px;\n                right: 0px;\n                bottom: 0;\n                padding-top: 5px;\n                border-bottom-left-radius: 10px;\n                border-bottom-right-radius: 10px;\n                box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);\n            }\n\n            .mobile-left-btn_16 {\n                left: 0px;\n                border: none;\n                border-radius: 50%;\n                width: 30px;\n                height: 30px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                font-size: 30px;\n                color: black;\n            }\n\n            .mobile-right-btn_16 {\n                background: white;\n                border: none;\n                border-radius: 50%;\n                width: 30px;\n                height: 30px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                font-size: 30px;\n                color: black;\n            }\n\n            .dialog_16 {\n                padding-top: 30px;\n                padding-bottom: 50px;\n            }\n\n            .additional-info_16 p {\n                text-align: start;\n                width: 100%;\n                margin: 0px;\n                margin-left: 5px;\n                margin-right: 5px;\n                word-spacing: 1px;\n                word-wrap: none;\n                word-break: none;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"profile-widget_16\" onclick=\"openDialog_16()\">\n        <div class=\"profile-image_16\"><\/div>\n        <div class=\"profile-text_16\">\n            <div class=\"lang-switch lang-en\">\n                <h3>Nicole Samantha Lau<\/h3>\n                <p>ESF Sha Tin College<\/p>\n            <\/div>\n            <div class=\"lang-switch lang-zh\">\n                <h3>\u5289\u5de7\u7433<\/h3>\n                <p>\u82f1\u57fa\u6c99\u7530\u5b78\u9662<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"dialog-overlay_16\" id=\"dialogOverlay_16\">\n        <div class=\"dialog_16\">\n            <div class=\"mobile-close-btn_16\" onclick=\"closeDialog_16()\">\u00d7<\/div>\n            <div class=\"close-btn_16\" onclick=\"closeDialog_16()\">\u00d7<\/div>\n            <div class=\"left-btn_16\" onclick=\"navigateProfile_16(-1)\">\u2190<\/div>\n            <div class=\"right-btn_16\" onclick=\"navigateProfile_16(1)\">\u2192<\/div>\n            <div class=\"dialog-content_16\">\n                <div class=\"mobile-banner_16\">\n                    <div class=\"mobile-left-btn_16\" onclick=\"navigateProfile_16(-1)\">\u2190<\/div>\n                    <div class=\"mobile-right-btn_16\" onclick=\"navigateProfile_16(1)\">\u2192<\/div>\n                <\/div>\n                <div class=\"images-container_16\">\n                    <div class=\"image-container_16\">\n                        <div class=\"image-section_16\">\n                            <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/STC_Nicole-Lau_Before.jpeg\" alt=\"Portrait\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"image-container_16\">\n                        <div class=\"image-section_16\">\n                            <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/STC_Nicole-Lau_After-scaled.jpeg\" alt=\"Static Portrait\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"text-section_16\">\n                    <div class=\"lang-switch lang-en\">\n                        <h2>Nicole Samantha Lau<\/h2>\n                        <p class=\"subtext\">ESF Sha Tin College<\/p>\n                        <p class=\"subtext\">Class of 2024<\/p>\n                        <div class=\"info-section_16\">\n                            <div>\n                                <h3>Choice of University<\/h3>\n                                <p>King's College London<br>Law<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"additional-info_16\">\n                            <h3>My Story<\/h3>\n                            <p>A lawyer's bread and butter is his ability to think on his feet. One day I see myself employing this skill and many others at the first line of fire before a judge.\n\n<br><br>\nWhat cements King's as my university of choice is its down-to-earth humility preceding such solid educational standing. Armed with the necessary skills and a strong academic foundation, I wish to apply myself critically and creatively in the courtroom.\n<br><br>\nMy 'ambitions' are not particularly glamorous, nor are they grand; actually, I can't entirely be sure of what my future holds. I am sure, nevertheless, that my versatility and acuity\u2013and an LLB that the Dickson Poon School of Law will provide\u2013all ground me in good stead to navigate and grasp the heart of the adversarial system.<\/p>\n                            <img decoding=\"async\" class=\"additional-info-img_16\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/ib_45_student_1_main_slogan-17.png\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"lang-switch lang-zh\">\n                        <h2>\u5289\u5de7\u7433<\/h2>\n                        <p class=\"subtext\">\u82f1\u57fa\u6c99\u7530\u5b78\u9662<\/p>\n                        <p class=\"subtext\">2024 \u5e74\u5ea6\u7562\u696d\u751f<\/p>\n                        <div class=\"info-section_16\">\n                            <div>\n                                <h3>\u5347\u5b78\u53bb\u5411<\/h3>\n                                <p>\u502b\u6566\u570b\u738b\u5b78\u9662<br>\u6cd5\u5b78\u5b78\u58eb<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"additional-info_16\">\n                            <h3>\u6211\u7684\u6545\u4e8b<\/h3>\n                            <p>\u300c\u4e00\u4f4d\u5f8b\u5e2b\u7684\u7acb\u8db3\u4e4b\u9053\u5728\u65bc\u4ed6\u654f\u6377\u601d\u7dad\u548c\u61c9\u5c0d\u80fd\u529b\u3002\u4e0d\u4e45\u7684\u5c07\u4f86\uff0c\u6211\u5c07\u5728\u6cd5\u5f8b\u7684\u6700\u524d\u7dda\u6e38\u5203\u6709\u9918\u5730\u6d3b\u7528\u9019\u4e9b\u6280\u80fd\uff0c\u5728\u5404\u7a2e\u706b\u7dda\u4e0b\u634d\u885b\u516c\u7fa9\u3002\n\n<br><br>\n\u502b\u6566\u570b\u738b\u5b78\u9662\u4e4b\u6240\u4ee5\u6210\u70ba\u6211\u7684\u9996\u9078\u5fd7\u9858\uff0c\u7686\u56e0\u5176\u8e0f\u5be6\u8b19\u5351\u7684\u614b\u5ea6\u8207\u624e\u5be6\u7684\u6559\u80b2\u57fa\u790e\u76f8\u8f14\u76f8\u6210\uff0c\u8b93\u6211\u78ba\u4fe1\u80fd\u53d6\u5f97\u5fc5\u8981\u7684\u6280\u80fd\u548c\u5805\u5be6\u7684\u5b78\u8853\u57fa\u790e\uff0c\u4ed6\u65e5\u5728\u6cd5\u5ead\u4e0a\u4e0d\u53ea\u662f\u5982\u6a5f\u68b0\u822c\u642c\u5f04\u77e5\u8b58\uff0c\u66f4\u662f\u80fd\u6d3b\u7528\u6279\u5224\u601d\u8003\u548c\u5275\u9020\u529b\u767c\u63ee\u6240\u9577\u3002\n<br><br>\n\u6211\u7684\u300e\u62b1\u8ca0\u300f\u4e26\u975e\u7279\u5225\u8000\u773c\uff0c\u4e5f\u7a31\u4e0d\u4e0a\u662f\u751a\u9ebc\u5b8f\u9858\uff1b\u4e8b\u5be6\u4e0a\uff0c\u6211\u7684\u672a\u4f86\u5145\u6eff\u8a31\u591a\u7121\u6cd5\u9810\u77e5\u7684\u4e8b\u3002\u7136\u800c\uff0c\u6211\u78ba\u4fe1\uff0c\u6211\u7684\u591a\u5143\u624d\u80fd\u548c\u5c0d\u4e8b\u7269\u7684\u654f\u92b3\u89f8\u89ba\uff0c\u52a0\u4e0a\u570b\u738b\u5b78\u9662\u6cd5\u5b78\u9662\u7684\u5168\u9762\u6559\u80b2\uff0c\u90fd\u80fd\u52a9\u6211\u7a69\u5065\u7acb\u8db3\uff0c\u4ee5\u61c9\u5c0d\u548c\u7406\u89e3\u5c0d\u6cd5\u5f8b\u8a34\u8a1f\u9ad4\u7cfb\u7684\u6838\u5fc3\u3002\u300d<\/p>\n                            <img decoding=\"async\" class=\"additional-info-img_16\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/ib_45_student_1_main_slogan-17.png\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.documentElement.lang = 'en';\n        \n        function toggleLanguage() {\n            const html = document.documentElement;\n            html.lang = html.lang === 'en' ? 'zh' : 'en';\n        }\n\n        function openDialog_16() {\n            document.getElementById('dialogOverlay_16').style.display = 'flex';\n        }\n\n        function closeDialog_16() {\n            document.getElementById('dialogOverlay_16').style.display = 'none';\n        }\n\n        function navigateProfile_16(direction) {\n            const currentProfile = 16;\n            const nextProfile = currentProfile + direction;\n            \n            closeDialog_16();\n            \n            if (direction === -1) {\n                \/\/ Navigate to profile 15\n                const targetModal = document.querySelector('#dialogOverlay_15');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                    document.body.style.overflow = 'hidden';\n                }\n            } else if (direction === 1) {\n                \/\/ Navigate to profile 17\n                const targetModal = document.querySelector('#dialogOverlay_17');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                    document.body.style.overflow = 'hidden';\n                }\n            }\n        }\n\n        \/\/ Close dialog when clicking outside\n        document.getElementById('dialogOverlay_16').addEventListener('click', function(e) {\n            if (e.target === this) {\n                closeDialog_16();\n            }\n        });\n\n        \/\/ Language switching - URL-based detection like profile_1.html\n        if (window.location.href.indexOf('zh') !== -1) {\n            \/\/ Update widget text\n            document.querySelector('.profile-text_16 h3').innerText = '\u5289\u5de7\u7433';\n            document.querySelector('.profile-text_16 p').innerText = '\u82f1\u57fa\u6c99\u7530\u5b78\u9662';\n            \n            \/\/ Update dialog text\n            const textSection = document.querySelector('#dialogOverlay_16 .text-section_16');\n            textSection.querySelector('h2').innerText = '\u5289\u5de7\u7433';\n            textSection.querySelector('.subtext:first-of-type').innerText = '\u82f1\u57fa\u6c99\u7530\u5b78\u9662';\n            textSection.querySelector('.subtext:last-of-type').innerText = '2024 \u5e74\u5ea6\u7562\u696d\u751f';\n            document.querySelector('#dialogOverlay_16 .info-section_16 h3').innerText = '\u5347\u5b78\u53bb\u5411';\n            document.querySelector('#dialogOverlay_16 .info-section_16 p').innerHTML = '\u502b\u6566\u570b\u738b\u5b78\u9662<br>\u6cd5\u5b78\u5b78\u58eb';\n            document.querySelector('#dialogOverlay_16 .additional-info_16 h3').innerText = '\u6211\u7684\u6545\u4e8b';\n            document.querySelector('#dialogOverlay_16 .additional-info_16 p').innerHTML = '\u300c\u4e00\u4f4d\u5f8b\u5e2b\u7684\u7acb\u8db3\u4e4b\u9053\u5728\u65bc\u4ed6\u654f\u6377\u601d\u7dad\u548c\u61c9\u5c0d\u80fd\u529b\u3002\u4e0d\u4e45\u7684\u5c07\u4f86\uff0c\u6211\u5c07\u5728\u6cd5\u5f8b\u7684\u6700\u524d\u7dda\u6e38\u5203\u6709\u9918\u5730\u6d3b\u7528\u9019\u4e9b\u6280\u80fd\uff0c\u5728\u5404\u7a2e\u706b\u7dda\u4e0b\u634d\u885b\u516c\u7fa9\u3002<br><br>\u502b\u6566\u570b\u738b\u5b78\u9662\u4e4b\u6240\u4ee5\u6210\u70ba\u6211\u7684\u9996\u9078\u5fd7\u9858\uff0c\u7686\u56e0\u5176\u8e0f\u5be6\u8b19\u5351\u7684\u614b\u5ea6\u8207\u624e\u5be6\u7684\u6559\u80b2\u57fa\u790e\u76f8\u8f14\u76f8\u6210\uff0c\u8b93\u6211\u78ba\u4fe1\u80fd\u53d6\u5f97\u5fc5\u8981\u7684\u6280\u80fd\u548c\u5805\u5be6\u7684\u5b78\u8853\u57fa\u790e\uff0c\u4ed6\u65e5\u5728\u6cd5\u5ead\u4e0a\u4e0d\u53ea\u662f\u5982\u6a5f\u68b0\u822c\u642c\u5f04\u77e5\u8b58\uff0c\u66f4\u662f\u80fd\u6d3b\u7528\u6279\u5224\u601d\u8003\u548c\u5275\u9020\u529b\u767c\u63ee\u6240\u9577\u3002<br><br>\u6211\u7684\u300e\u62b1\u8ca0\u300f\u4e26\u975e\u7279\u5225\u8000\u773c\uff0c\u4e5f\u7a31\u4e0d\u4e0a\u662f\u751a\u9ebc\u5b8f\u9858\uff1b\u4e8b\u5be6\u4e0a\uff0c\u6211\u7684\u672a\u4f86\u5145\u6eff\u8a31\u591a\u7121\u6cd5\u9810\u77e5\u7684\u4e8b\u3002\u7136\u800c\uff0c\u6211\u78ba\u4fe1\uff0c\u6211\u7684\u591a\u5143\u624d\u80fd\u548c\u5c0d\u4e8b\u7269\u7684\u654f\u92b3\u89f8\u89ba\uff0c\u52a0\u4e0a\u570b\u738b\u5b78\u9662\u6cd5\u5b78\u9662\u7684\u5168\u9762\u6559\u80b2\uff0c\u90fd\u80fd\u52a9\u6211\u7a69\u5065\u7acb\u8db3\uff0c\u4ee5\u61c9\u5c0d\u548c\u7406\u89e3\u5c0d\u6cd5\u5f8b\u8a34\u8a1f\u9ad4\u7cfb\u7684\u6838\u5fc3\u3002\u300d';\n        }\n    <\/script>\n<\/body>\n<\/html> \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-58f166d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"58f166d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!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>Marcus Lau - ESF Profile<\/title>\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .profile-widget_17 {\n            width: 100%;\n            min-width: 15vw;\n            text-align: left;\n            cursor: pointer;\n        }\n\n        .profile-image_17 {\n            width: 100%;\n            aspect-ratio: 3 \/ 4;\n            background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/9_SIS_Lau-Marcus-scaled.jpeg');\n            background-size: cover;\n            background-position: center;\n            border-radius: 30px;\n            border: 1px solid black;\n            transition: background-image 0.3s ease;\n        }\n\n        .profile-image_17:hover {\n            background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-9_Marcus-Lau.gif');\n        }\n\n        .profile-text_17 {\n            width: 80%;\n            display: inline-block;\n            margin-top: 10px;\n            background: white;\n            border: 1px solid black;\n            border-radius: 30px;\n            padding: 8px 25px;\n            text-align: left;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n        }\n\n        .profile-text_17 h3 {\n            margin: 0;\n            font-size: 18px;\n            text-align: left;\n            color: black;\n        }\n\n        .profile-text_17 p {\n            margin: 0;\n            font-size: 14px;\n            text-align: left;\n            color: black;\n        }\n\n        .lang-switch {\n            display: none;\n        }\n\n        :lang(en) .lang-en {\n            display: block;\n        }\n\n        :lang(zh) .lang-zh {\n            display: block;\n        }\n\n        .dialog-overlay_17 {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.5);\n            display: none;\n            justify-content: center;\n            align-items: center;\n            z-index: 9999;\n        }\n\n        .dialog_17 {\n            position: relative;\n            background: rgba(255, 255, 255, 1);\n            border-radius: 15px;\n            padding: 20px;\n            max-width: 650px !important;\n            width: 90%;\n            max-height: 80%;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n            display: flex;\n            flex-direction: column;\n        }\n\n        .mobile-close-btn_17,\n        .close-btn_17,\n        .left-btn_17,\n        .right-btn_17,\n        .mobile-left-btn_17,\n        .mobile-right-btn_17 {\n            cursor: pointer;\n        }\n\n        .mobile-close-btn_17 {\n            position: absolute;\n            top: 10px;\n            right: 5px;\n            width: 30px;\n            height: 30px;\n            border-radius: 50%;\n            display: none;\n            align-items: center;\n            justify-content: center;\n            font-size: 30px;\n            padding-top: 3px;\n            padding-bottom: 10px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .close-btn_17 {\n            position: absolute;\n            top: -30px;\n            right: -30px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 30px;\n            padding-top: 3px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .left-btn_17 {\n            position: absolute;\n            bottom: 10px;\n            left: -40px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 30px;\n            padding-top: 6px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .right-btn_17 {\n            position: absolute;\n            bottom: 10px;\n            right: -40px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 30px;\n            padding-top: 6px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .dialog-content_17 {\n            flex: 1;\n            overflow: hidden;\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            overflow-y: auto;\n            padding: 10px;\n        }\n\n        .images-container_17 {\n            display: flex;\n            gap: 20px;\n        }\n\n        .image-container_17 {\n            position: relative;\n        }\n\n        .image-section_17 {\n            display: flex;\n            justify-content: center;\n            margin-bottom: 20px;\n            position: relative;\n        }\n\n        .image-section_17 img {\n            border-radius: 10px;\n            width: 100%;\n            max-width: 300px;\n            aspect-ratio: 3 \/ 4;\n            object-fit: cover;\n        }\n\n        .text-section_17 {\n            flex: 1;\n            text-align: left;\n            max-height: 300px;\n        }\n\n        .text-section_17::-webkit-scrollbar {\n            width: 10px;\n        }\n\n        .text-section_17::-webkit-scrollbar-thumb {\n            background-color: darkgrey;\n            border-radius: 10px;\n        }\n\n        .text-section_17 h2 {\n            margin: 10px 0;\n            font-size: 24px;\n            font-weight: bold;\n        }\n\n        .text-section_17 .subtext {\n            margin: 5px 0;\n            font-size: 16px;\n            color: grey;\n        }\n\n        .info-section_17 {\n            display: flex;\n            justify-content: left;\n            text-align: left;\n            align-items: center;\n            margin: 20px 0;\n        }\n\n        .info-section_17 div {\n            width: 100%;\n        }\n\n        .info-section_17 h3 {\n            margin-bottom: 5px;\n            font-size: 18px;\n            font-weight: bold;\n            display: inline-block;\n        }\n\n        .additional-info_17 {\n            text-align: left;\n            margin-top: 20px;\n        }\n\n        .additional-info_17 h3 {\n            margin-bottom: 10px;\n            font-size: 18px;\n            font-weight: bold;\n        }\n\n        .additional-info_17 p {\n            text-align: justify;\n            margin: 20px;\n            margin-left: 20px;\n            margin-right: 35px;\n            word-wrap: none;\n        }\n\n        .additional-info-img_17 {\n            width: 33.33%;\n            border-radius: 10px;\n            margin-top: 10px;\n        }\n\n        .mobile-banner_17 {\n            display: flex;\n            justify-content: end;\n            align-items: end;\n            position: absolute;\n            bottom: 10px;\n            width: 100%;\n            padding: 0 20px;\n            display: none;\n        }\n\n        @media (max-width: 720px) {\n            .profile-widget_17 {\n                text-align: center;\n            }\n            .profile-image_17 {\n                position: relative;\n            }\n            .profile-text_17 {\n                position: absolute;\n                bottom: 10px;\n                left: 50%;\n                transform: translateX(-50%);\n                background: rgba(255, 255, 255, 0.8);\n                border-radius: 15px;\n                padding: 5px 10px;\n                text-align: center;\n                width: calc(100% - 20px);\n                box-sizing: border-box;\n                margin-top: 0;\n            }\n            .profile-text_17 h3,\n            .profile-text_17 p {\n                text-align: center;\n                font-size: 12px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .close-btn_17,\n            .left-btn_17,\n            .right-btn_17 {\n                display: none;\n            }\n\n            .mobile-close-btn_17 {\n                display: flex;\n            }\n\n            .dialog-content_17 {\n                padding: 5px;\n                padding-left: 5px;\n                padding-right: 10px;\n                padding-top: 15px;\n            }\n\n            .mobile-banner_17 {\n                display: flex;\n                background-color: white;\n                justify-content: space-between;\n                padding: 0 20px;\n                left: 0px;\n                right: 0px;\n                bottom: 0;\n                padding-top: 5px;\n                border-bottom-left-radius: 10px;\n                border-bottom-right-radius: 10px;\n                box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);\n            }\n\n            .mobile-left-btn_17 {\n                left: 0px;\n                border: none;\n                border-radius: 50%;\n                width: 30px;\n                height: 30px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                font-size: 30px;\n                color: black;\n            }\n\n            .mobile-right-btn_17 {\n                background: white;\n                border: none;\n                border-radius: 50%;\n                width: 30px;\n                height: 30px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                font-size: 30px;\n                color: black;\n            }\n\n            .dialog_17 {\n                padding-top: 30px;\n                padding-bottom: 50px;\n            }\n\n            .additional-info_17 p {\n                text-align: start;\n                width: 100%;\n                margin: 0px;\n                margin-left: 5px;\n                margin-right: 5px;\n                word-spacing: 1px;\n                word-wrap: none;\n                word-break: none;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"profile-widget_17\" onclick=\"openDialog_17()\">\n        <div class=\"profile-image_17\"><\/div>\n        <div class=\"profile-text_17\">\n            <div class=\"lang-switch lang-en\">\n                <h3>Marcus Lau<\/h3>\n                <p>ESF South Island School<\/p>\n            <\/div>\n            <div class=\"lang-switch lang-zh\">\n                <h3>\u5289\u884d\u6771<\/h3>\n                <p>\u82f1\u57fa\u5357\u5cf6\u4e2d\u5b78<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"dialog-overlay_17\" id=\"dialogOverlay_17\">\n        <div class=\"dialog_17\">\n            <div class=\"mobile-close-btn_17\" onclick=\"closeDialog_17()\">\u00d7<\/div>\n            <div class=\"close-btn_17\" onclick=\"closeDialog_17()\">\u00d7<\/div>\n            <div class=\"left-btn_17\" onclick=\"navigateProfile_17(-1)\">\u2190<\/div>\n            <div class=\"right-btn_17\" onclick=\"navigateProfile_17(1)\">\u2192<\/div>\n            <div class=\"dialog-content_17\">\n                <div class=\"mobile-banner_17\">\n                    <div class=\"mobile-left-btn_17\" onclick=\"navigateProfile_17(-1)\">\u2190<\/div>\n                    <div class=\"mobile-right-btn_17\" onclick=\"navigateProfile_17(1)\">\u2192<\/div>\n                <\/div>\n                <div class=\"images-container_17\">\n                    <div class=\"image-container_17\">\n                        <div class=\"image-section_17\">\n                            <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-9_Marcus-Lau1.jpeg\" alt=\"Portrait\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"image-container_17\">\n                        <div class=\"image-section_17\">\n                            <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-9_Marcus-Lau-scaled.jpeg\" alt=\"Static Portrait\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"text-section_17\">\n                    <div class=\"lang-switch lang-en\">\n                        <h2>Marcus Lau<\/h2>\n                        <p class=\"subtext\">ESF South Island School<\/p>\n                        <p class=\"subtext\">Class of 2024<\/p>\n                        <div class=\"info-section_17\">\n                            <div>\n                                <h3>Choice of University<\/h3>\n                                <p>University of Oxford<br>Master of Engineering in Chemical Engineering<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"additional-info_17\">\n                            <h3>My Story<\/h3>\n                            <p>All things start with a vision: seeing yourself win that race, seeing yourself ace that test, seeing yourself rock that performance. So to make it big, dream big.\n<br><br>\nFor me, the University of Oxford's Chemical Engineering program is the perfect chance to dream. I dream of designing tomorrow's solutions to the problems of today, a coalescence of ingenuity, novelty and elegance. I dream of leaving my personal impact on our world, measured in the metric tonnes and millions in capital.\n<br><br>\nThen, combine this with a community of bright and ambitious minds as well as boundless opportunities for free and advanced exploration. Now, I can envision a place to grow and thrive in. Maybe my dreams can cease being just dreams.<\/p>\n                            <img decoding=\"async\" class=\"additional-info-img_17\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_9E_SIS_Lau-Marcus_Slogan.png\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"lang-switch lang-zh\">\n                        <h2>\u5289\u884d\u6771<\/h2>\n                        <p class=\"subtext\">\u82f1\u57fa\u5357\u5cf6\u4e2d\u5b78<\/p>\n                        <p class=\"subtext\">2024 \u5e74\u5ea6\u7562\u696d\u751f<\/p>\n                        <div class=\"info-section_17\">\n                            <div>\n                                <h3>\u5347\u5b78\u53bb\u5411<\/h3>\n                                <p>\u725b\u6d25\u5927\u5b78<br>\u5316\u5b78\u5de5\u7a0b\u5c08\u696d<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"additional-info_17\">\n                            <h3>\u6211\u7684\u6545\u4e8b<\/h3>\n                            <p>\u300c\u4e00\u5207\u90fd\u59cb\u65bc\u4e00\u500b\u9858\u666f\uff1a\u770b\u898b\u81ea\u5df1\u8d8a\u904e\u7d42\u9ede\u7dda\u3001\u770b\u898b\u81ea\u5df1\u5728\u516c\u958b\u8a66\u91d1\u699c\u984c\u540d\u3001\u770b\u898b\u81ea\u5df1\u5b8c\u7f8e\u5730\u70ba\u904e\u53bb\u5341\u6578\u5e74\u7684\u5b78\u696d\u8b1d\u5e55\u3002\u56e0\u6b64\u8981\u6210\u5c31\u5927\u4e8b\uff0c\u5c31\u5fc5\u9808\u6562\u65bc\u8ffd\u6c42\u64f2\u5730\u6709\u8072\u7684\u5922\u60f3\u3002<br><br>\n\n\u65bc\u6211\u800c\u8a00\uff0c\u725b\u6d25\u5927\u5b78\u7684\u5316\u5b78\u5de5\u7a0b\u5c08\u696d\u6b63\u662f\u5be6\u73fe\u5922\u60f3\u7684\u7d55\u4f73\u6a5f\u6703\u3002\u6211\u671f\u671b\u8a2d\u8a08\u51fa\u53e4\u4eca\u96e3\u984c\u4e4b\u89e3\u6c7a\u65b9\u6848\uff0c\u4e26\u5c07\u5176\u7d50\u5408\u5275\u610f\u3001\u65b0\u7a4e\u53ca\u512a\u96c5\u3002\u6211\u5922\u60f3\u5728\u9019\u7247\u571f\u5730\u7559\u4e0b\u81ea\u5df1\u7368\u4e00\u7121\u4e8c\u7684\u75d5\u8de1\uff0c\u5728\u79d1\u5b78\u9818\u57df\u4e2d\u4e00\u77f3\u6fc0\u8d77\u5343\u5c64\u6d6a\u3002\n<br><br>\n\u7136\u5f8c\uff0c\u6211\u60f3\u53ec\u96c6\u4e00\u500b\u9748\u6d3b\u800c\u96c4\u5fc3\u58ef\u5fd7\u7684\u7fa4\u9ad4\uff0c\u5e36\u9818\u7121\u9650\u81ea\u7531\u4e26\u6df1\u5165\u7684\u63a2\u7d22\u6a5f\u6703\u3002\u73fe\u5728\uff0c\u6211\u5df2\u7d93\u80fd\u5920\u61a7\u61ac\u4e00\u500b\u4ee4\u6211\u8301\u58ef\u6210\u9577\u7684\u6240\u5728\u5730\u3002\u4e5f\u8a31\uff0c\u6211\u7684\u5922\u60f3\u4e0d\u518d\u53ea\u662f\u55ae\u7d14\u7684\u5e7b\u60f3\u3002\u300d<\/p>\n                            <img decoding=\"async\" class=\"additional-info-img_17\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_9E_SIS_Lau-Marcus_Slogan.png\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.documentElement.lang = 'en';\n        \n        function toggleLanguage() {\n            const html = document.documentElement;\n            html.lang = html.lang === 'en' ? 'zh' : 'en';\n        }\n\n        function openDialog_17() {\n            document.getElementById('dialogOverlay_17').style.display = 'flex';\n        }\n\n        function closeDialog_17() {\n            document.getElementById('dialogOverlay_17').style.display = 'none';\n        }\n\n        function navigateProfile_17(direction) {\n            const currentProfile = 17;\n            const nextProfile = currentProfile + direction;\n            \n            closeDialog_17();\n            \n            if (direction === -1) {\n                \/\/ Navigate to profile 16\n                const targetModal = document.querySelector('#dialogOverlay_16');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                    document.body.style.overflow = 'hidden';\n                }\n            } else if (direction === 1) {\n                \/\/ Navigate to profile 18\n                const targetModal = document.querySelector('#dialogOverlay_18');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                    document.body.style.overflow = 'hidden';\n                }\n            }\n        }\n\n        \/\/ Close dialog when clicking outside\n        document.getElementById('dialogOverlay_17').addEventListener('click', function(e) {\n            if (e.target === this) {\n                closeDialog_17();\n            }\n        });\n\n        \/\/ Language switching - URL-based detection like profile_1.html\n        if (window.location.href.indexOf('zh') !== -1) {\n            \/\/ Update widget text\n            document.querySelector('.profile-text_17 h3').innerText = '\u5289\u884d\u6771';\n            document.querySelector('.profile-text_17 p').innerText = '\u82f1\u57fa\u5357\u5cf6\u4e2d\u5b78';\n            \n            \/\/ Update dialog text\n            const textSection = document.querySelector('#dialogOverlay_17 .text-section_17');\n            textSection.querySelector('h2').innerText = '\u5289\u884d\u6771';\n            textSection.querySelector('.subtext:first-of-type').innerText = '\u82f1\u57fa\u5357\u5cf6\u4e2d\u5b78';\n            textSection.querySelector('.subtext:last-of-type').innerText = '2024 \u5e74\u5ea6\u7562\u696d\u751f';\n            document.querySelector('#dialogOverlay_17 .info-section_17 h3').innerText = '\u5347\u5b78\u53bb\u5411';\n            document.querySelector('#dialogOverlay_17 .info-section_17 p').innerHTML = '\u725b\u6d25\u5927\u5b78<br>\u5316\u5b78\u5de5\u7a0b\u5c08\u696d';\n            document.querySelector('#dialogOverlay_17 .additional-info_17 h3').innerText = '\u6211\u7684\u6545\u4e8b';\n            document.querySelector('#dialogOverlay_17 .additional-info_17 p').innerHTML = '\u300c\u4e00\u5207\u90fd\u59cb\u65bc\u4e00\u500b\u9858\u666f\uff1a\u770b\u898b\u81ea\u5df1\u8d8a\u904e\u7d42\u9ede\u7dda\u3001\u770b\u898b\u81ea\u5df1\u5728\u516c\u958b\u8a66\u91d1\u699c\u984c\u540d\u3001\u770b\u898b\u81ea\u5df1\u5b8c\u7f8e\u5730\u70ba\u904e\u53bb\u5341\u6578\u5e74\u7684\u5b78\u696d\u8b1d\u5e55\u3002\u56e0\u6b64\u8981\u6210\u5c31\u5927\u4e8b\uff0c\u5c31\u5fc5\u9808\u6562\u65bc\u8ffd\u6c42\u64f2\u5730\u6709\u8072\u7684\u5922\u60f3\u3002<br><br>\u65bc\u6211\u800c\u8a00\uff0c\u725b\u6d25\u5927\u5b78\u7684\u5316\u5b78\u5de5\u7a0b\u5c08\u696d\u6b63\u662f\u5be6\u73fe\u5922\u60f3\u7684\u7d55\u4f73\u6a5f\u6703\u3002\u6211\u671f\u671b\u8a2d\u8a08\u51fa\u53e4\u4eca\u96e3\u984c\u4e4b\u89e3\u6c7a\u65b9\u6848\uff0c\u4e26\u5c07\u5176\u7d50\u5408\u5275\u610f\u3001\u65b0\u7a4e\u53ca\u512a\u96c5\u3002\u6211\u5922\u60f3\u5728\u9019\u7247\u571f\u5730\u7559\u4e0b\u81ea\u5df1\u7368\u4e00\u7121\u4e8c\u7684\u75d5\u8de1\uff0c\u5728\u79d1\u5b78\u9818\u57df\u4e2d\u4e00\u77f3\u6fc0\u8d77\u5343\u5c64\u6d6a\u3002<br><br>\u7136\u5f8c\uff0c\u6211\u60f3\u53ec\u96c6\u4e00\u500b\u9748\u6d3b\u800c\u96c4\u5fc3\u58ef\u5fd7\u7684\u7fa4\u9ad4\uff0c\u5e36\u9818\u7121\u9650\u81ea\u7531\u4e26\u6df1\u5165\u7684\u63a2\u7d22\u6a5f\u6703\u3002\u73fe\u5728\uff0c\u6211\u5df2\u7d93\u80fd\u5920\u61a7\u61ac\u4e00\u500b\u4ee4\u6211\u8301\u58ef\u6210\u9577\u7684\u6240\u5728\u5730\u3002\u4e5f\u8a31\uff0c\u6211\u7684\u5922\u60f3\u4e0d\u518d\u53ea\u662f\u55ae\u7d14\u7684\u5e7b\u60f3\u3002\u300d';\n        }\n    <\/script>\n<\/body>\n<\/html> \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a1751a4 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a1751a4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!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>Anson Li - ESF Profile<\/title>\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .profile-widget_18 {\n            width: 100%;\n            min-width: 15vw;\n            text-align: left;\n            cursor: pointer;\n        }\n\n        .profile-image_18 {\n            width: 100%;\n            aspect-ratio: 3 \/ 4;\n            background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/SIS_Anson-Li_Portrait-scaled.jpeg');\n            background-size: cover;\n            background-position: center;\n            border-radius: 30px;\n            border: 1px solid black;\n            transition: background-image 0.3s ease;\n        }\n\n        .profile-image_18:hover {\n            background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/Anson.gif');\n        }\n\n        .profile-text_18 {\n            width: 80%;\n            display: inline-block;\n            margin-top: 10px;\n            background: white;\n            border: 1px solid black;\n            border-radius: 30px;\n            padding: 8px 25px;\n            text-align: left;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n        }\n\n        .profile-text_18 h3 {\n            margin: 0;\n            font-size: 18px;\n            text-align: left;\n            color: black;\n        }\n\n        .profile-text_18 p {\n            margin: 0;\n            font-size: 14px;\n            text-align: left;\n            color: black;\n        }\n\n        .lang-switch {\n            display: none;\n        }\n\n        :lang(en) .lang-en {\n            display: block;\n        }\n\n        :lang(zh) .lang-zh {\n            display: block;\n        }\n\n        .dialog-overlay_18 {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.5);\n            display: none;\n            justify-content: center;\n            align-items: center;\n            z-index: 9999;\n        }\n\n        .dialog_18 {\n            position: relative;\n            background: rgba(255, 255, 255, 1);\n            border-radius: 15px;\n            padding: 20px;\n            max-width: 650px !important;\n            width: 90%;\n            max-height: 80%;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n            display: flex;\n            flex-direction: column;\n        }\n\n        .mobile-close-btn_18,\n        .close-btn_18,\n        .left-btn_18,\n        .right-btn_18,\n        .mobile-left-btn_18,\n        .mobile-right-btn_18 {\n            cursor: pointer;\n        }\n\n        .mobile-close-btn_18 {\n            position: absolute;\n            top: 10px;\n            right: 5px;\n            width: 30px;\n            height: 30px;\n            border-radius: 50%;\n            display: none;\n            align-items: center;\n            justify-content: center;\n            font-size: 30px;\n            padding-top: 3px;\n            padding-bottom: 10px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .close-btn_18 {\n            position: absolute;\n            top: -30px;\n            right: -30px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 30px;\n            padding-top: 3px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .left-btn_18 {\n            position: absolute;\n            bottom: 10px;\n            left: -40px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 30px;\n            padding-top: 6px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .right-btn_18 {\n            position: absolute;\n            bottom: 10px;\n            right: -40px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 30px;\n            padding-top: 6px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .dialog-content_18 {\n            flex: 1;\n            overflow: hidden;\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            overflow-y: auto;\n            padding: 10px;\n        }\n\n        .images-container_18 {\n            display: flex;\n            gap: 20px;\n        }\n\n        .image-container_18 {\n            position: relative;\n        }\n\n        .image-section_18 {\n            display: flex;\n            justify-content: center;\n            margin-bottom: 20px;\n            position: relative;\n        }\n\n        .image-section_18 img {\n            border-radius: 10px;\n            width: 100%;\n            max-width: 300px;\n            aspect-ratio: 3 \/ 4;\n            object-fit: cover;\n        }\n\n        .text-section_18 {\n            flex: 1;\n            text-align: left;\n            max-height: 300px;\n        }\n\n        .text-section_18::-webkit-scrollbar {\n            width: 10px;\n        }\n\n        .text-section_18::-webkit-scrollbar-thumb {\n            background-color: darkgrey;\n            border-radius: 10px;\n        }\n\n        .text-section_18 h2 {\n            margin: 10px 0;\n            font-size: 24px;\n            font-weight: bold;\n        }\n\n        .text-section_18 .subtext {\n            margin: 5px 0;\n            font-size: 16px;\n            color: grey;\n        }\n\n        .info-section_18 {\n            display: flex;\n            justify-content: left;\n            text-align: left;\n            align-items: center;\n            margin: 20px 0;\n        }\n\n        .info-section_18 div {\n            width: 100%;\n        }\n\n        .info-section_18 h3 {\n            margin-bottom: 5px;\n            font-size: 18px;\n            font-weight: bold;\n            display: inline-block;\n        }\n\n        .additional-info_18 {\n            text-align: left;\n            margin-top: 20px;\n        }\n\n        .additional-info_18 h3 {\n            margin-bottom: 10px;\n            font-size: 18px;\n            font-weight: bold;\n        }\n\n        .additional-info_18 p {\n            text-align: justify;\n            margin: 20px;\n            margin-left: 20px;\n            margin-right: 35px;\n            word-wrap: none;\n        }\n\n        .additional-info-img_18 {\n            width: 33.33%;\n            border-radius: 10px;\n            margin-top: 10px;\n        }\n\n        .mobile-banner_18 {\n            display: flex;\n            justify-content: end;\n            align-items: end;\n            position: absolute;\n            bottom: 10px;\n            width: 100%;\n            padding: 0 20px;\n            display: none;\n        }\n\n        @media (max-width: 720px) {\n            .profile-widget_18 {\n                text-align: center;\n            }\n            .profile-image_18 {\n                position: relative;\n            }\n            .profile-text_18 {\n                position: absolute;\n                bottom: 10px;\n                left: 50%;\n                transform: translateX(-50%);\n                background: rgba(255, 255, 255, 0.8);\n                border-radius: 15px;\n                padding: 5px 10px;\n                text-align: center;\n                width: calc(100% - 20px);\n                box-sizing: border-box;\n                margin-top: 0;\n            }\n            .profile-text_18 h3,\n            .profile-text_18 p {\n                text-align: center;\n                font-size: 12px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .close-btn_18,\n            .left-btn_18,\n            .right-btn_18 {\n                display: none;\n            }\n\n            .mobile-close-btn_18 {\n                display: flex;\n            }\n\n            .dialog-content_18 {\n                padding: 5px;\n                padding-left: 5px;\n                padding-right: 10px;\n                padding-top: 15px;\n            }\n\n            .mobile-banner_18 {\n                display: flex;\n                background-color: white;\n                justify-content: space-between;\n                padding: 0 20px;\n                left: 0px;\n                right: 0px;\n                bottom: 0;\n                padding-top: 5px;\n                border-bottom-left-radius: 10px;\n                border-bottom-right-radius: 10px;\n                box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);\n            }\n\n            .mobile-left-btn_18 {\n                left: 0px;\n                border: none;\n                border-radius: 50%;\n                width: 30px;\n                height: 30px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                font-size: 30px;\n                color: black;\n            }\n\n            .mobile-right-btn_18 {\n                background: white;\n                border: none;\n                border-radius: 50%;\n                width: 30px;\n                height: 30px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                font-size: 30px;\n                color: black;\n            }\n\n            .dialog_18 {\n                padding-top: 30px;\n                padding-bottom: 50px;\n            }\n\n            .additional-info_18 p {\n                text-align: start;\n                width: 100%;\n                margin: 0px;\n                margin-left: 5px;\n                margin-right: 5px;\n                word-spacing: 1px;\n                word-wrap: none;\n                word-break: none;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"profile-widget_18\" onclick=\"openDialog_18()\">\n        <div class=\"profile-image_18\"><\/div>\n        <div class=\"profile-text_18\">\n            <div class=\"lang-switch lang-en\">\n                <h3>Anson Li<\/h3>\n                <p>ESF South Island School<\/p>\n            <\/div>\n            <div class=\"lang-switch lang-zh\">\n                <h3>\u674e\u51cc\u5091<\/h3>\n                <p>\u82f1\u57fa\u5357\u5cf6\u4e2d\u5b78<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"dialog-overlay_18\" id=\"dialogOverlay_18\">\n        <div class=\"dialog_18\">\n            <div class=\"mobile-close-btn_18\" onclick=\"closeDialog_18()\">\u00d7<\/div>\n            <div class=\"close-btn_18\" onclick=\"closeDialog_18()\">\u00d7<\/div>\n            <div class=\"left-btn_18\" onclick=\"navigateProfile_18(-1)\">\u2190<\/div>\n            <div class=\"right-btn_18\" onclick=\"navigateProfile_18(1)\">\u2192<\/div>\n            <div class=\"dialog-content_18\">\n                <div class=\"mobile-banner_18\">\n                    <div class=\"mobile-left-btn_18\" onclick=\"navigateProfile_18(-1)\">\u2190<\/div>\n                    <div class=\"mobile-right-btn_18\" onclick=\"navigateProfile_18(1)\">\u2192<\/div>\n                <\/div>\n                <div class=\"images-container_18\">\n                    <div class=\"image-container_18\">\n                        <div class=\"image-section_18\">\n                            <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/SIS_Anson-Li_Before.jpg\" alt=\"Portrait\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"image-container_18\">\n                        <div class=\"image-section_18\">\n                            <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/SIS_Anson-Li_After-scaled.jpeg\" alt=\"Static Portrait\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"text-section_18\">\n                    <div class=\"lang-switch lang-en\">\n                        <h2>Anson Li<\/h2>\n                        <p class=\"subtext\">ESF South Island School<\/p>\n                        <p class=\"subtext\">Class of 2024<\/p>\n                        <div class=\"info-section_18\">\n                            <div>\n                                <h3>Choice of University<\/h3>\n                                <p>London School of Economics and Political Science<br>Bachelor of Laws<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"additional-info_18\">\n                            <h3>My Story<\/h3>\n                            <p>As the foundation that crafts civilisation into what we now know as society, the law as a mode of ensuring equality, justice, and opportunity inspires my dedication to this field. Amidst a world where legal issues are emerging in forms that transcend borders, communities, and nations, I strive to understand the evolving needs and struggles of people around the globe. Though a meagre individual force, I would be honoured to work alongside like-minded aspirants to strengthen international legal mechanisms that protect the diverse population we have today. Despite being bestowed with different opportunities in life, a pathway of justice offers everyone a chance to thrive.<\/p>\n                            <img decoding=\"async\" class=\"additional-info-img_18\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_8E_SIS_Hui-Annice_Slogan.png\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"lang-switch lang-zh\">\n                        <h2>\u674e\u51cc\u5091<\/h2>\n                        <p class=\"subtext\">\u82f1\u57fa\u5357\u5cf6\u4e2d\u5b78<\/p>\n                        <p class=\"subtext\">2024 \u5e74\u5ea6\u7562\u696d\u751f<\/p>\n                        <div class=\"info-section_18\">\n                            <div>\n                                <h3>\u5347\u5b78\u53bb\u5411<\/h3>\n                                <p>\u502b\u6566\u653f\u6cbb\u7d93\u6fdf\u5b78\u9662<br>\u6cd5\u5b78\u5b78\u58eb<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"additional-info_18\">\n                            <h3>\u6211\u7684\u6545\u4e8b<\/h3>\n                            <p>\u300c\u5b8f\u89c0\u4eba\u985e\u7684\u60a0\u9060\u6b77\u53f2\uff0c\u662f\u300e\u6cd5\u5f8b\u300f\u6253\u9020\u4e86\u6211\u5011\u6240\u719f\u77e5\u7684\u793e\u6703\u9ad4\u7cfb\uff0c\u4f5c\u70ba\u4fc3\u9032\u73fe\u4ee3\u6587\u660e\u7684\u57fa\u77f3\u3002\u6cd5\u5f8b\u4f5c\u70ba\u7dad\u8b77\u793e\u6703\u5e73\u7b49\u3001\u6b63\u7fa9\u548c\u634d\u885b\u6a5f\u6703\u7684\u65b9\u5f0f\uff0c\u6fc0\u767c\u4e86\u6211\u5c0d\u9019\u4e00\u9818\u57df\u7684\u5949\u737b\u7cbe\u795e\u3002\u73fe\u4eca\u4e16\u754c\u7684\u6cd5\u5f8b\u554f\u984c\u4e0d\u518d\u5c40\u9650\u65bc\u908a\u754c\u3001\u793e\u5340\u548c\u55ae\u4e00\u570b\u5bb6\u4e4b\u5167\uff0c\u800c\u662f\u6210\u70ba\u570b\u969b\u9593\u7684\u5171\u540c\u5354\u529b\u3002\u751f\u6d3b\u5176\u4e2d\uff0c\u6211\u52aa\u529b\u7406\u89e3\u5168\u7403\u4eba\u6c11\u4e0d\u65b7\u6f14\u8b8a\u7684\u9700\u6c42\u548c\u6311\u6230\u3002\u5118\u7ba1\u6211\u53ea\u662f\u5fae\u4e0d\u8db3\u9053\u7684\u4e00\u500b\u529b\u91cf\uff0c\u4f46\u6211\u6703\u5f88\u69ae\u5e78\u80fd\u8207\u5fd7\u540c\u9053\u5408\u7684\u4eba\u4e00\u8d77\u52aa\u529b\uff0c\u52a0\u5f37\u978f\u56fa\u570b\u969b\u6cd5\u6a5f\u5236\uff0c\u4fdd\u885b\u5730\u7403\u6751\u7684\u591a\u5143\u591a\u6a23\u3002\u5118\u7ba1\u751f\u6d3b\u7d66\u4e88\u6bcf\u500b\u4eba\u7684\u6a5f\u6703\u4e0d\u76e1\u76f8\u540c\uff0c\u6b63\u7fa9\u4e4b\u8def\u7e3d\u6703\u70ba\u6bcf\u500b\u4eba\u63d0\u4f9b\u8301\u58ef\u6210\u9577\u7684\u6a5f\u6703\u3002\u300d<\/p>\n                            <img decoding=\"async\" class=\"additional-info-img_18\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_8E_SIS_Hui-Annice_Slogan.png\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.documentElement.lang = 'en';\n        \n        function toggleLanguage() {\n            const html = document.documentElement;\n            html.lang = html.lang === 'en' ? 'zh' : 'en';\n        }\n\n        function openDialog_18() {\n            document.getElementById('dialogOverlay_18').style.display = 'flex';\n        }\n\n        function closeDialog_18() {\n            document.getElementById('dialogOverlay_18').style.display = 'none';\n        }\n\n        function navigateProfile_18(direction) {\n            const currentProfile = 18;\n            const nextProfile = currentProfile + direction;\n            \n            closeDialog_18();\n            \n            if (direction === -1) {\n                \/\/ Navigate to profile 17\n                const targetModal = document.querySelector('#dialogOverlay_17');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                    document.body.style.overflow = 'hidden';\n                }\n            } else if (direction === 1) {\n                \/\/ Navigate to profile 19\n                const targetModal = document.querySelector('#dialogOverlay19');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                    document.body.style.overflow = 'hidden';\n                }\n            }\n        }\n\n        \/\/ Close dialog when clicking outside\n        document.getElementById('dialogOverlay_18').addEventListener('click', function(e) {\n            if (e.target === this) {\n                closeDialog_18();\n            }\n        });\n\n        \/\/ Language switching - URL-based detection like profile_1.html\n        if (window.location.href.indexOf('zh') !== -1) {\n            \/\/ Update widget text\n            document.querySelector('.profile-text_18 h3').innerText = '\u674e\u51cc\u5091';\n            document.querySelector('.profile-text_18 p').innerText = '\u82f1\u57fa\u5357\u5cf6\u4e2d\u5b78';\n            \n            \/\/ Update dialog text\n            const textSection = document.querySelector('#dialogOverlay_18 .text-section_18');\n            textSection.querySelector('h2').innerText = '\u674e\u51cc\u5091';\n            textSection.querySelector('.subtext:first-of-type').innerText = '\u82f1\u57fa\u5357\u5cf6\u4e2d\u5b78';\n            textSection.querySelector('.subtext:last-of-type').innerText = '2024 \u5e74\u5ea6\u7562\u696d\u751f';\n            document.querySelector('#dialogOverlay_18 .info-section_18 h3').innerText = '\u5347\u5b78\u53bb\u5411';\n            document.querySelector('#dialogOverlay_18 .info-section_18 p').innerHTML = '\u502b\u6566\u653f\u6cbb\u7d93\u6fdf\u5b78\u9662<br>\u6cd5\u5b78\u5b78\u58eb';\n            document.querySelector('#dialogOverlay_18 .additional-info_18 h3').innerText = '\u6211\u7684\u6545\u4e8b';\n            document.querySelector('#dialogOverlay_18 .additional-info_18 p').innerHTML = '\u300c\u5b8f\u89c0\u4eba\u985e\u7684\u60a0\u9060\u6b77\u53f2\uff0c\u662f\u300e\u6cd5\u5f8b\u300f\u6253\u9020\u4e86\u6211\u5011\u6240\u719f\u77e5\u7684\u793e\u6703\u9ad4\u7cfb\uff0c\u4f5c\u70ba\u4fc3\u9032\u73fe\u4ee3\u6587\u660e\u7684\u57fa\u77f3\u3002\u6cd5\u5f8b\u4f5c\u70ba\u7dad\u8b77\u793e\u6703\u5e73\u7b49\u3001\u6b63\u7fa9\u548c\u634d\u885b\u6a5f\u6703\u7684\u65b9\u5f0f\uff0c\u6fc0\u767c\u4e86\u6211\u5c0d\u9019\u4e00\u9818\u57df\u7684\u5949\u737b\u7cbe\u795e\u3002\u73fe\u4eca\u4e16\u754c\u7684\u6cd5\u5f8b\u554f\u984c\u4e0d\u518d\u5c40\u9650\u65bc\u908a\u754c\u3001\u793e\u5340\u548c\u55ae\u4e00\u570b\u5bb6\u4e4b\u5167\uff0c\u800c\u662f\u6210\u70ba\u570b\u969b\u9593\u7684\u5171\u540c\u5354\u529b\u3002\u751f\u6d3b\u5176\u4e2d\uff0c\u6211\u52aa\u529b\u7406\u89e3\u5168\u7403\u4eba\u6c11\u4e0d\u65b7\u6f14\u8b8a\u7684\u9700\u6c42\u548c\u6311\u6230\u3002\u5118\u7ba1\u6211\u53ea\u662f\u5fae\u4e0d\u8db3\u9053\u7684\u4e00\u500b\u529b\u91cf\uff0c\u4f46\u6211\u6703\u5f88\u69ae\u5e78\u80fd\u8207\u5fd7\u540c\u9053\u5408\u7684\u4eba\u4e00\u8d77\u52aa\u529b\uff0c\u52a0\u5f37\u978f\u56fa\u570b\u969b\u6cd5\u6a5f\u5236\uff0c\u4fdd\u885b\u5730\u7403\u6751\u7684\u591a\u5143\u591a\u6a23\u3002\u5118\u7ba1\u751f\u6d3b\u7d66\u4e88\u6bcf\u500b\u4eba\u7684\u6a5f\u6703\u4e0d\u76e1\u76f8\u540c\uff0c\u6b63\u7fa9\u4e4b\u8def\u7e3d\u6703\u70ba\u6bcf\u500b\u4eba\u63d0\u4f9b\u8301\u58ef\u6210\u9577\u7684\u6a5f\u6703\u3002\u300d';\n        }\n    <\/script>\n<\/body>\n<\/html> \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5535515 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"5535515\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!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>Eunsu Stella Min - ESF Profile<\/title>\n    <style>\n        .profile-widget_19 {\n            width: 100%;\n            min-width: 15vw;\n            text-align: left;\n            cursor: pointer;\n        }\n\n        .profile-image_19 {\n            width: 100%;\n            aspect-ratio: 3 \/ 4;\n            background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/10_SIS_Min-Stella-scaled.jpeg');\n            background-size: cover;\n            background-position: center;\n            border-radius: 30px;\n            border: 1px solid black;\n            transition: background-image 0.3s ease;\n        }\n\n        .profile-image_19:hover {\n            background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-10_Stella-Min.gif');\n        }\n\n        .profile-text_19 {\n            width: 80%;\n            display: inline-block;\n            margin-top: 10px;\n            background: white;\n            border: 1px solid black;\n            border-radius: 30px;\n            padding: 8px 25px;\n            text-align: left;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n        }\n\n        .profile-text_19 h3 {\n            margin: 0;\n            font-size: 18px;\n            text-align: left;\n            color: black;\n        }\n\n        .profile-text_19 p {\n            margin: 0;\n            font-size: 14px;\n            text-align: left;\n            color: black;\n        }\n\n        @media (max-width: 720px) {\n            .profile-widget_19 {\n                text-align: center;\n            }\n            .profile-image_19 {\n                position: relative;\n            }\n            .profile-text_19 {\n                position: absolute;\n                bottom: 10px;\n                left: 50%;\n                transform: translateX(-50%);\n                background: rgba(255, 255, 255, 0.8);\n                border-radius: 15px;\n                padding: 5px 10px;\n                text-align: center;\n                width: calc(100% - 20px);\n                box-sizing: border-box;\n                margin-top: 0;\n            }\n            .profile-text_19 h3,\n            .profile-text_19 p {\n                text-align: center;\n                font-size: 12px;\n            }\n        }\n\n        .lang-switch {\n            display: none;\n        }\n\n        :lang(en) .lang-en {\n            display: block;\n        }\n\n        :lang(zh) .lang-zh {\n            display: block;\n        }\n\n        \/* Dialog Overlay Styles *\/\n        .dialog-overlay_19 {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.5);\n            display: none;\n            justify-content: center;\n            align-items: center;\n            z-index: 9999;\n        }\n\n        .dialog_19 {\n            position: relative;\n            background: rgba(255, 255, 255, 1);\n            border-radius: 15px;\n            padding: 20px;\n            max-width: 650px !important;\n            width: 90%;\n            max-height: 80%;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n            display: flex;\n            flex-direction: column;\n        }\n\n        .mobile-close-btn_19,\n        .close-btn_19,\n        .left-btn_19,\n        .right-btn_19,\n        .mobile-left-btn_19,\n        .mobile-right-btn_19 {\n            cursor: pointer;\n        }\n\n        .mobile-close-btn_19 {\n            position: absolute;\n            top: 10px;\n            right: 5px;\n            width: 30px;\n            height: 30px;\n            border-radius: 50%;\n            display: none;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 30px;\n            padding-top: 3px;\n            padding-bottom: 10px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .close-btn_19 {\n            position: absolute;\n            top: -30px;\n            right: -30px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 30px;\n            padding-top: 3px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .left-btn_19 {\n            position: absolute;\n            bottom: 10px;\n            left: -40px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 30px;\n            padding-top: 6px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .right-btn_19 {\n            position: absolute;\n            bottom: 10px;\n            right: -40px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 30px;\n            padding-top: 6px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .dialog-content_19 {\n            flex: 1;\n            overflow: hidden;\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            overflow-y: auto;\n            padding: 10px;\n        }\n\n        .mobile-banner_19 {\n            display: none;\n            justify-content: space-between;\n            align-items: center;\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            padding: 5px 20px;\n            background-color: white;\n            border-bottom-left-radius: 10px;\n            border-bottom-right-radius: 10px;\n            box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);\n        }\n\n        .mobile-left-btn_19,\n        .mobile-right-btn_19 {\n            background: white;\n            border: none;\n            border-radius: 50%;\n            width: 30px;\n            height: 30px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 30px;\n            color: black;\n        }\n\n        .images-container_19 {\n            display: flex;\n            gap: 20px;\n        }\n\n        .image-container_19 {\n            position: relative;\n        }\n\n        .image-section_19 {\n            display: flex;\n            justify-content: center;\n            margin-bottom: 20px;\n            position: relative;\n        }\n\n        .image-section_19 img {\n            border-radius: 10px;\n            width: 100%;\n            max-width: 300px;\n            aspect-ratio: 3 \/ 4;\n            object-fit: cover;\n        }\n\n        .text-section_19 {\n            flex: 1;\n            text-align: left;\n            max-height: 300px;\n        }\n\n        .text-section_19::-webkit-scrollbar {\n            width: 10px;\n        }\n\n        .text-section_19::-webkit-scrollbar-thumb {\n            background-color: darkgrey;\n            border-radius: 10px;\n        }\n\n        .text-section_19 h2 {\n            margin: 10px 0;\n            font-size: 24px;\n            font-weight: bold;\n        }\n\n        .text-section_19 .subtext {\n            margin: 5px 0;\n            font-size: 16px;\n            color: grey;\n        }\n\n        .info-section_19 {\n            display: flex;\n            justify-content: left;\n            text-align: left;\n            align-items: center;\n            margin: 20px 0;\n        }\n\n        .info-section_19 div {\n            width: 100%;\n        }\n\n        .info-section_19 h3 {\n            margin-bottom: 5px;\n            font-size: 18px;\n            font-weight: bold;\n            display: inline-block;\n        }\n\n        .additional-info_19 {\n            text-align: left;\n            margin-top: 20px;\n        }\n\n        .additional-info_19 h3 {\n            margin-bottom: 10px;\n            font-size: 18px;\n            font-weight: bold;\n        }\n\n        .additional-info_19 p {\n            text-align: justify;\n            margin: 20px;\n            margin-left: 20px;\n            margin-right: 35px;\n            word-wrap: none;\n        }\n\n        .additional-info-img_19 {\n            width: 33.33%;\n            border-radius: 10px;\n            margin-top: 10px;\n        }\n\n        @media (max-width: 768px) {\n            .close-btn_19,\n            .left-btn_19,\n            .right-btn_19 {\n                display: none;\n            }\n\n            .mobile-close-btn_19 {\n                display: flex;\n            }\n\n            .dialog-content_19 {\n                padding: 5px;\n                padding-left: 5px;\n                padding-right: 10px;\n                padding-top: 15px;\n            }\n\n            .mobile-banner_19 {\n                display: flex;\n            }\n\n            .dialog_19 {\n                padding-top: 30px;\n                padding-bottom: 50px;\n            }\n\n            .additional-info_19 p {\n                text-align: start;\n                width: 100%;\n                margin: 0px;\n                margin-left: 5px;\n                margin-right: 5px;\n                word-spacing: 1px;\n                word-wrap: none;\n                word-break: none;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"profile-widget_19\" onclick=\"openDialog19()\">\n        <div class=\"profile-image_19\"><\/div>\n        <div class=\"profile-text_19\">\n            <div class=\"lang-switch lang-en\">\n                <h3>Eunsu Stella Min<\/h3>\n                <p>ESF South Island School<\/p>\n            <\/div>\n            <div class=\"lang-switch lang-zh\">\n                <h3>Eunsu Stella Min<\/h3>\n                <p>\u82f1\u57fa\u5357\u5cf6\u4e2d\u5b78<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"dialog-overlay_19\" id=\"dialogOverlay19\">\n        <div class=\"dialog_19\">\n            <div class=\"mobile-close-btn_19\" onclick=\"closeDialog19()\">\u00d7<\/div>\n            <div class=\"close-btn_19\" onclick=\"closeDialog19()\">\u00d7<\/div>\n            <div class=\"left-btn_19\" onclick=\"navigateProfile(18)\">\u2190<\/div>\n            <div class=\"right-btn_19\" onclick=\"navigateProfile(20)\">\u2192<\/div>\n            <div class=\"dialog-content_19\">\n                <div class=\"mobile-banner_19\">\n                    <div class=\"mobile-left-btn_19\" onclick=\"navigateProfile(18)\">\u2190<\/div>\n                    <div class=\"mobile-right-btn_19\" onclick=\"navigateProfile(20)\">\u2192<\/div>\n                <\/div>\n                <div class=\"images-container_19\">\n                    <div class=\"image-container_19\">\n                        <div class=\"image-section_19\">\n                            <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-10_Stella-Min1-scaled.jpeg\" alt=\"Portrait\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"image-container_19\">\n                        <div class=\"image-section_19\">\n                            <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-10_Stella-Min-scaled.jpeg\" alt=\"Static Portrait\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"text-section_19\">\n                    <div class=\"lang-switch lang-en\">\n                        <h2>Eunsu Stella Min<\/h2>\n                        <p class=\"subtext\">ESF South Island School<\/p>\n                        <p class=\"subtext\">Class of 2024<\/p>\n                        <div class=\"info-section_19\">\n                            <div>\n                                <h3>Choice of University<\/h3>\n                                <p>Chinese University of Hong Kong<br>Bachelor of Medicine and Bachelor of Surgery<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"additional-info_19\">\n                            <h3>My Story<\/h3>\n                            <p>As a prospective medical student in The Chinese University of Hong Kong, I aspire to be apart of the future of medicine. Using my collaborative skills, empathetic nature and attention to detail, I aspire to lead a multidisciplinary team full of diverse and passionate individuals to tackle the complexities of human health.<br><br>I wish to use my artistic talents to seamlessly master the skills of surgery to treat patients. I wish to be at the forefront of research to improve patient centred care. I wish to confront and alleviate the healthcare issues in Hong Kong and around the world.<br><br>With passion, knowledge and support from the CUMed community, I'll be able to reach my fullest potential and live out my dreams.<\/p>\n                            <img decoding=\"async\" class=\"additional-info-img_19\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_10E_SIS_Min-Stella_Slogan.png\" alt=\"Slogan\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"lang-switch lang-zh\">\n                        <h2>Eunsu Stella Min<\/h2>\n                        <p class=\"subtext\">\u82f1\u57fa\u5357\u5cf6\u4e2d\u5b78<\/p>\n                        <p class=\"subtext\">2024\u5e74\u5ea6\u7562\u696d\u751f<\/p>\n                        <div class=\"info-section_19\">\n                            <div>\n                                <h3>\u5347\u5b78\u53bb\u5411<\/h3>\n                                <p>\u9999\u6e2f\u4e2d\u6587\u5927\u5b78<br>\u5167\u5916\u5168\u79d1\u91ab\u5b78\u58eb\u8ab2\u7a0b<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"additional-info_19\">\n                            <h3>\u6211\u7684\u6545\u4e8b<\/h3>\n                            <p>\u300c\u5373\u5c07\u4f5c\u70ba\u9999\u6e2f\u4e2d\u6587\u5927\u5b78\u7684\u91ab\u5b78\u751f\uff0c\u6211\u6e34\u671b\u6210\u70ba\u91ab\u7642\u4e8b\u696d\u7684\u672a\u4f86\u4e00\u54e1\u3002\u5229\u7528\u6211\u7684\u5354\u4f5c\u6280\u80fd\u3001\u8c50\u5bcc\u7684\u540c\u7406\u5fc3\u548c\u4e00\u7d72\u4e0d\u82df\u7684\u7279\u8cea\uff0c\u6211\u671f\u671b\u9818\u5c0e\u4e00\u652f\u7531\u4e0d\u540c\u80cc\u666f\u7684\u5c08\u696d\u4eba\u624d\u7d44\u6210\u3001\u5bcc\u6709\u71b1\u8aa0\u7684\u8de8\u5b78\u79d1\u5718\u968a\uff0c\u53bb\u61c9\u5c0d\u932f\u7d9c\u8907\u96dc\u7684\u4eba\u985e\u5065\u5eb7\u96e3\u984c\u3002<br><br>\u6211\u5e0c\u671b\u5229\u7528\u6211\u7684\u85dd\u8853\u5929\u8ce6\uff0c\u719f\u7df4\u638c\u63e1\u5916\u79d1\u624b\u8853\u7684\u6280\u80fd\u4ee5\u6cbb\u7642\u60a3\u8005\u3002\u6211\u6e34\u671b\u7ad9\u5728\u7814\u7a76\u7684\u524d\u7dab\uff0c\u6539\u5584\u4ee5\u60a3\u8005\u70ba\u4e2d\u5fc3\u7684\u91ab\u7642\u670d\u52d9\u3002\u6211\u4ea6\u5e0c\u671b\u76f4\u9762\u4e26\u7de9\u89e3\u9999\u6e2f\u53ca\u5168\u7403\u7684\u91ab\u7642\u554f\u984c\u3002<br><br>\u6191\u85c9\u71b1\u5ff1\u3001\u77e5\u8b58\u548c\u9999\u6e2f\u4e2d\u6587\u5927\u5b78\u91ab\u5b78\u9662\u7684\u683d\u57f9\uff0c\u6211\u4e00\u5b9a\u80fd\u5920\u767c\u63ee\u6700\u5927\u6f5b\u80fd\uff0c\u5be6\u73fe\u6211\u7684\u7406\u60f3\u3002\u300d<\/p>\n                            <img decoding=\"async\" class=\"additional-info-img_19\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_10E_SIS_Min-Stella_Slogan.png\" alt=\"Slogan\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.documentElement.lang = 'en';\n        \n        function toggleLanguage() {\n            const html = document.documentElement;\n            html.lang = html.lang === 'en' ? 'zh' : 'en';\n        }\n\n        function openDialog19() {\n            document.getElementById('dialogOverlay19').style.display = 'flex';\n        }\n\n        function closeDialog19() {\n            document.getElementById('dialogOverlay19').style.display = 'none';\n        }\n\n        function navigateProfile(profileNumber) {\n            closeDialog19();\n            \n            if (profileNumber === 18) {\n                \/\/ Navigate to profile 18\n                const targetModal = document.querySelector('#dialogOverlay_18');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                    document.body.style.overflow = 'hidden';\n                }\n            } else if (profileNumber === 20) {\n                \/\/ Navigate to profile 20\n                const targetModal = document.querySelector('#dialogOverlay20');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                    document.body.style.overflow = 'hidden';\n                }\n            }\n        }\n\n        \/\/ Close dialog when clicking outside\n        document.getElementById('dialogOverlay19').addEventListener('click', function(e) {\n            if (e.target === this) {\n                closeDialog19();\n            }\n        });\n\n        \/\/ Language switching - URL-based detection like profile_1.html\n        if (window.location.href.indexOf('zh') !== -1) {\n            \/\/ Update widget text\n            document.querySelector('.profile-text_19 h3').innerText = 'Eunsu Stella Min';\n            document.querySelector('.profile-text_19 p').innerText = '\u82f1\u57fa\u5357\u5cf6\u4e2d\u5b78';\n            \n            \/\/ Update dialog text\n            const textSection = document.querySelector('#dialogOverlay19 .text-section_19');\n            textSection.querySelector('h2').innerText = 'Eunsu Stella Min';\n            textSection.querySelector('.subtext:first-of-type').innerText = '\u82f1\u57fa\u5357\u5cf6\u4e2d\u5b78';\n            textSection.querySelector('.subtext:last-of-type').innerText = '2024 \u5e74\u5ea6\u7562\u696d\u751f';\n            document.querySelector('#dialogOverlay19 .info-section_19 h3').innerText = '\u5347\u5b78\u53bb\u5411';\n            document.querySelector('#dialogOverlay19 .info-section_19 p').innerHTML = '\u9999\u6e2f\u4e2d\u6587\u5927\u5b78<br>\u5167\u5916\u5168\u79d1\u91ab\u5b78\u58eb\u8ab2\u7a0b';\n            document.querySelector('#dialogOverlay19 .additional-info_19 h3').innerText = '\u6211\u7684\u6545\u4e8b';\n            document.querySelector('#dialogOverlay19 .additional-info_19 p').innerHTML = '\u300c\u5373\u5c07\u4f5c\u70ba\u9999\u6e2f\u4e2d\u6587\u5927\u5b78\u7684\u91ab\u5b78\u751f\uff0c\u6211\u6e34\u671b\u6210\u70ba\u91ab\u7642\u4e8b\u696d\u7684\u672a\u4f86\u4e00\u54e1\u3002\u5229\u7528\u6211\u7684\u5354\u4f5c\u6280\u80fd\u3001\u8c50\u5bcc\u7684\u540c\u7406\u5fc3\u548c\u4e00\u7d72\u4e0d\u82df\u7684\u7279\u8cea\uff0c\u6211\u671f\u671b\u9818\u5c0e\u4e00\u652f\u7531\u4e0d\u540c\u80cc\u666f\u7684\u5c08\u696d\u4eba\u624d\u7d44\u6210\u3001\u5bcc\u6709\u71b1\u8aa0\u7684\u8de8\u5b78\u79d1\u5718\u968a\uff0c\u53bb\u61c9\u5c0d\u932f\u7d9c\u8907\u96dc\u7684\u4eba\u985e\u5065\u5eb7\u96e3\u984c\u3002<br><br>\u6211\u5e0c\u671b\u5229\u7528\u6211\u7684\u85dd\u8853\u5929\u8ce6\uff0c\u719f\u7df4\u638c\u63e1\u5916\u79d1\u624b\u8853\u7684\u6280\u80fd\u4ee5\u6cbb\u7642\u60a3\u8005\u3002\u6211\u6e34\u671b\u7ad9\u5728\u7814\u7a76\u7684\u524d\u7dab\uff0c\u6539\u5584\u4ee5\u60a3\u8005\u70ba\u4e2d\u5fc3\u7684\u91ab\u7642\u670d\u52d9\u3002\u6211\u4ea6\u5e0c\u671b\u76f4\u9762\u4e26\u7de9\u89e3\u9999\u6e2f\u53ca\u5168\u7403\u7684\u91ab\u7642\u554f\u984c\u3002<br><br>\u6191\u85c9\u71b1\u5ff1\u3001\u77e5\u8b58\u548c\u9999\u6e2f\u4e2d\u6587\u5927\u5b78\u91ab\u5b78\u9662\u7684\u683d\u57f9\uff0c\u6211\u4e00\u5b9a\u80fd\u5920\u767c\u63ee\u6700\u5927\u6f5b\u80fd\uff0c\u5be6\u73fe\u6211\u7684\u7406\u60f3\u3002\u300d';\n        }\n    <\/script>\n<\/body>\n<\/html> \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56ccf94 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"56ccf94\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!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>Vincent Huang - ESF Profile<\/title>\n    <style>\n        .profile-widget_20 {\n            width: 100%;\n            min-width: 15vw;\n            text-align: left;\n            cursor: pointer;\n        }\n\n        .profile-image_20 {\n            width: 100%;\n            aspect-ratio: 3 \/ 4;\n            background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/WIS_Vincent-Huang_Portrait-scaled.jpeg');\n            background-size: cover;\n            background-position: center;\n            border-radius: 30px;\n            border: 1px solid black;\n            transition: background-image 0.3s ease;\n        }\n\n        .profile-image_20:hover {\n            background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/Vincent.gif');\n        }\n\n        .profile-text_20 {\n            width: 80%;\n            display: inline-block;\n            margin-top: 10px;\n            background: white;\n            border: 1px solid black;\n            border-radius: 30px;\n            padding: 8px 25px;\n            text-align: left;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n        }\n\n        .profile-text_20 h3 {\n            margin: 0;\n            font-size: 18px;\n            text-align: left;\n            color: black;\n        }\n\n        .profile-text_20 p {\n            margin: 0;\n            font-size: 14px;\n            text-align: left;\n            color: black;\n        }\n\n        @media (max-width: 720px) {\n            .profile-widget_20 {\n                text-align: center;\n            }\n            .profile-image_20 {\n                position: relative;\n            }\n            .profile-text_20 {\n                position: absolute;\n                bottom: 10px;\n                left: 50%;\n                transform: translateX(-50%);\n                background: rgba(255, 255, 255, 0.8);\n                border-radius: 15px;\n                padding: 5px 10px;\n                text-align: center;\n                width: calc(100% - 20px);\n                box-sizing: border-box;\n                margin-top: 0;\n            }\n            .profile-text_20 h3,\n            .profile-text_20 p {\n                text-align: center;\n                font-size: 12px;\n            }\n        }\n\n        .lang-switch {\n            display: none;\n        }\n\n        :lang(en) .lang-en {\n            display: block;\n        }\n\n        :lang(zh) .lang-zh {\n            display: block;\n        }\n\n        \/* Dialog Overlay Styles *\/\n        .dialog-overlay_20 {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.5);\n            display: none;\n            justify-content: center;\n            align-items: center;\n            z-index: 9999;\n        }\n\n        .dialog_20 {\n            position: relative;\n            background: rgba(255, 255, 255, 1);\n            border-radius: 15px;\n            padding: 20px;\n            max-width: 650px !important;\n            width: 90%;\n            max-height: 80%;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n            display: flex;\n            flex-direction: column;\n        }\n\n        .mobile-close-btn_20,\n        .close-btn_20,\n        .left-btn_20,\n        .right-btn_20,\n        .mobile-left-btn_20,\n        .mobile-right-btn_20 {\n            cursor: pointer;\n        }\n\n        .mobile-close-btn_20 {\n            position: absolute;\n            top: 10px;\n            right: 5px;\n            width: 30px;\n            height: 30px;\n            border-radius: 50%;\n            display: none;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 30px;\n            padding-top: 3px;\n            padding-bottom: 10px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .close-btn_20 {\n            position: absolute;\n            top: -30px;\n            right: -30px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 30px;\n            padding-top: 3px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .left-btn_20 {\n            position: absolute;\n            bottom: 10px;\n            left: -40px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 30px;\n            padding-top: 6px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .right-btn_20 {\n            position: absolute;\n            bottom: 10px;\n            right: -40px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 30px;\n            padding-top: 6px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .dialog-content_20 {\n            flex: 1;\n            overflow: hidden;\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            overflow-y: auto;\n            padding: 10px;\n        }\n\n        .mobile-banner_20 {\n            display: none;\n            justify-content: space-between;\n            align-items: center;\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            padding: 5px 20px;\n            background-color: white;\n            border-bottom-left-radius: 10px;\n            border-bottom-right-radius: 10px;\n            box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);\n        }\n\n        .mobile-left-btn_20,\n        .mobile-right-btn_20 {\n            background: white;\n            border: none;\n            border-radius: 50%;\n            width: 30px;\n            height: 30px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 30px;\n            color: black;\n        }\n\n        .images-container_20 {\n            display: flex;\n            gap: 20px;\n        }\n\n        .image-container_20 {\n            position: relative;\n        }\n\n        .image-section_20 {\n            display: flex;\n            justify-content: center;\n            margin-bottom: 20px;\n            position: relative;\n        }\n\n        .image-section_20 img {\n            border-radius: 10px;\n            width: 100%;\n            max-width: 300px;\n            aspect-ratio: 3 \/ 4;\n            object-fit: cover;\n        }\n\n        .text-section_20 {\n            flex: 1;\n            text-align: left;\n            max-height: 300px;\n        }\n\n        .text-section_20::-webkit-scrollbar {\n            width: 10px;\n        }\n\n        .text-section_20::-webkit-scrollbar-thumb {\n            background-color: darkgrey;\n            border-radius: 10px;\n        }\n\n        .text-section_20 h2 {\n            margin: 10px 0;\n            font-size: 24px;\n            font-weight: bold;\n        }\n\n        .text-section_20 .subtext {\n            margin: 5px 0;\n            font-size: 16px;\n            color: grey;\n        }\n\n        .info-section_20 {\n            display: flex;\n            justify-content: left;\n            text-align: left;\n            align-items: center;\n            margin: 20px 0;\n        }\n\n        .info-section_20 div {\n            width: 100%;\n        }\n\n        .info-section_20 h3 {\n            margin-bottom: 5px;\n            font-size: 18px;\n            font-weight: bold;\n            display: inline-block;\n        }\n\n        .additional-info_20 {\n            text-align: left;\n            margin-top: 20px;\n        }\n\n        .additional-info_20 h3 {\n            margin-bottom: 10px;\n            font-size: 18px;\n            font-weight: bold;\n        }\n\n        .additional-info_20 p {\n            text-align: justify;\n            margin: 20px;\n            margin-left: 20px;\n            margin-right: 35px;\n            word-wrap: none;\n        }\n\n        .additional-info-img_20 {\n            width: 33.33%;\n            border-radius: 10px;\n            margin-top: 10px;\n        }\n\n        @media (max-width: 768px) {\n            .close-btn_20,\n            .left-btn_20,\n            .right-btn_20 {\n                display: none;\n            }\n\n            .mobile-close-btn_20 {\n                display: flex;\n            }\n\n            .dialog-content_20 {\n                padding: 5px;\n                padding-left: 5px;\n                padding-right: 10px;\n                padding-top: 15px;\n            }\n\n            .mobile-banner_20 {\n                display: flex;\n            }\n\n            .dialog_20 {\n                padding-top: 30px;\n                padding-bottom: 50px;\n            }\n\n            .additional-info_20 p {\n                text-align: start;\n                width: 100%;\n                margin: 0px;\n                margin-left: 5px;\n                margin-right: 5px;\n                word-spacing: 1px;\n                word-wrap: none;\n                word-break: none;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"profile-widget_20\" onclick=\"openDialog20()\">\n        <div class=\"profile-image_20\"><\/div>\n        <div class=\"profile-text_20\">\n            <div class=\"lang-switch lang-en\">\n                <h3>Vincent Huang<\/h3>\n                <p>ESF West Island School<\/p>\n            <\/div>\n            <div class=\"lang-switch lang-zh\">\n                <h3>\u9ec4\u701a\u9315<\/h3>\n                <p>\u82f1\u57fa\u897f\u5cf6\u4e2d\u5b78<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"dialog-overlay_20\" id=\"dialogOverlay20\">\n        <div class=\"dialog_20\">\n            <div class=\"mobile-close-btn_20\" onclick=\"closeDialog20()\">\u00d7<\/div>\n            <div class=\"close-btn_20\" onclick=\"closeDialog20()\">\u00d7<\/div>\n            <div class=\"left-btn_20\" onclick=\"navigateProfile(19)\">\u2190<\/div>\n            <div class=\"right-btn_20\" onclick=\"navigateProfile(21)\">\u2192<\/div>\n            <div class=\"dialog-content_20\">\n                <div class=\"mobile-banner_20\">\n                    <div class=\"mobile-left-btn_20\" onclick=\"navigateProfile(19)\">\u2190<\/div>\n                    <div class=\"mobile-right-btn_20\" onclick=\"navigateProfile(21)\">\u2192<\/div>\n                <\/div>\n                <div class=\"images-container_20\">\n                    <div class=\"image-container_20\">\n                        <div class=\"image-section_20\">\n                            <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/WIS_Vincent-Huang_Before.jpeg\" alt=\"Portrait\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"image-container_20\">\n                        <div class=\"image-section_20\">\n                            <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/WIS_Vincent-Huang_After-scaled.jpeg\" alt=\"Static Portrait\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"text-section_20\">\n                    <div class=\"lang-switch lang-en\">\n                        <h2>Vincent Huang<\/h2>\n                        <p class=\"subtext\">ESF West Island School<\/p>\n                        <p class=\"subtext\">Class of 2024<\/p>\n                        <div class=\"info-section_20\">\n                            <div>\n                                <h3>Choice of University<\/h3>\n                                <p>University of Hong Kong<br>Bachelor of Medicine and Bachelor of Surgery (Distinguished MedScholar)<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"additional-info_20\">\n                            <h3>My Story<\/h3>\n                            <p>The way medicine is constantly evolving \u2014 pushing the boundaries of what's possible \u2014 completely captivates me.<br><br>And you know what? Harnessing empathy, dedication, and a collaborative mindset, I am determined to be a change maker in this field and conquer the challenges of tomorrow \u2014 from discovering innovative treatments and designing cutting-edge tech to advocating for policy reforms.<br><br>At the end of the day, medicine represents an opportunity to empathetically improve lives through both clinical work and academic research. And that's what motivates me to study medicine at HKU.<br><br>The opportunity to go above and beyond and tangibly improve the well-being of our community? You better believe I am going to make the most of it.<\/p>\n                            <img decoding=\"async\" class=\"additional-info-img_20\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/ib_45_student_1_main_slogan-20.png\" alt=\"Slogan\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"lang-switch lang-zh\">\n                        <h2>\u9ec4\u701a\u9315<\/h2>\n                        <p class=\"subtext\">\u82f1\u57fa\u897f\u5cf6\u4e2d\u5b78<\/p>\n                        <p class=\"subtext\">2024\u5e74\u5ea6\u7562\u696d\u751f<\/p>\n                        <div class=\"info-section_20\">\n                            <div>\n                                <h3>\u5347\u5b78\u53bb\u5411<\/h3>\n                                <p>\u9999\u6e2f\u5927\u5b78<br>\u5167\u5916\u5168\u79d1\u91ab\u5b78\u58eb\u8ab2\u7a0b\u300c\u5091\u51fa\u91ab\u79d1\u5b78\u4eba\u300d<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"additional-info_20\">\n                            <h3>\u6211\u7684\u6545\u4e8b<\/h3>\n                            <p>\u300c\u91ab\u5b78\u767c\u5c55\u4e00\u65e5\u5343\u91cc\uff0c\u6bcf\u6bcf\u7a81\u7834\u53ef\u80fd\u6027\u7684\u754c\u9650\uff0c\u9a5a\u52d5\u4e16\u4eba\u3002\u9019\u4e9b\u904e\u7a0b\u7e3d\u4f7f\u6211\u6026\u7136\u5fc3\u52d5\uff0c\u4e5f\u8a31\u5c31\u5728\u6b64\u523b\uff0c\u6211\u88ab\u9019\u9818\u57df\u6df1\u6df1\u5438\u5f15\u4e86\u3002<br><br>\u4f60\u77e5\u9053\u55ce\uff1f\u6211\u6b63\u8981\u6191\u85c9\u540c\u7406\u5fc3\u3001\u5949\u737b\u7684\u6c7a\u5fc3\u548c\u5408\u4f5c\u7cbe\u795e\uff0c\u6210\u70ba\u9019\u500b\u9818\u57df\u7684\u6539\u8b8a\u8005\uff0c\u514b\u670d\u660e\u5929\u7684\u6311\u6230\uff0c\u5f9e\u767c\u73fe\u5275\u65b0\u6cbb\u7642\u65b9\u6cd5\u548c\u8a2d\u8a08\u5c16\u7aef\u6280\u8853\u5230\u5021\u5c0e\u653f\u7b56\u6539\u9769\u4e00\u4e00\u6d89\u7375\u3002<br><br>\u6b78\u6839\u7d50\u5e95\uff0c\u91ab\u5b78\u4ee3\u8868\u8457\u4e00\u500b\u901a\u904e\u81e8\u5e8a\u5de5\u4f5c\u548c\u5b78\u8853\u7814\u7a76\uff0c\u8a2d\u8eab\u8655\u5730\u6539\u5584\u4eba\u5011\u751f\u6d3b\u7684\u6a5f\u6703\u3002\u9019\u5c31\u662f\u6fc0\u52f5\u6211\u5728\u9999\u6e2f\u5927\u5b78\u5b78\u7fd2\u91ab\u5b78\u7684\u52d5\u529b\u3002<br><br>\u4f60\u8aaa\u6211\u6703\u9047\u4e0a\u8d85\u8d8a\u9650\u5236\uff0c\u5207\u5be6\u6539\u5584\u793e\u5340\u798f\u7949\u7684\u7a2e\u7a2e\u6a5f\u9047\uff1f\u76f8\u4fe1\u6211\uff0c\u6211\u5b9a\u5fc5\u7269\u76e1\u5176\u7528\uff0c\u4e0d\u653e\u904e\u4efb\u4f55\u6a5f\u6703\u3002\u300d<\/p>\n                            <img decoding=\"async\" class=\"additional-info-img_20\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/ib_45_student_1_main_slogan-20.png\" alt=\"Slogan\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.documentElement.lang = 'en';\n        \n        function toggleLanguage() {\n            const html = document.documentElement;\n            html.lang = html.lang === 'en' ? 'zh' : 'en';\n        }\n\n        function openDialog20() {\n            document.getElementById('dialogOverlay20').style.display = 'flex';\n        }\n\n        function closeDialog20() {\n            document.getElementById('dialogOverlay20').style.display = 'none';\n        }\n\n        function navigateProfile(profileNumber) {\n            closeDialog20();\n            \n            if (profileNumber === 19) {\n                \/\/ Navigate to profile 19\n                const targetModal = document.querySelector('#dialogOverlay19');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                    document.body.style.overflow = 'hidden';\n                }\n            } else if (profileNumber === 21) {\n                \/\/ Navigate to profile 21\n                const targetModal = document.querySelector('#dialogOverlay21');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                    document.body.style.overflow = 'hidden';\n                }\n            }\n        }\n\n        \/\/ Close dialog when clicking outside\n        document.getElementById('dialogOverlay20').addEventListener('click', function(e) {\n            if (e.target === this) {\n                closeDialog20();\n            }\n        });\n\n        \/\/ Language switching - URL-based detection like profile_1.html\n        if (window.location.href.indexOf('zh') !== -1) {\n            \/\/ Update widget text\n            document.querySelector('.profile-text_20 h3').innerText = '\u9ec4\u701a\u9315';\n            document.querySelector('.profile-text_20 p').innerText = '\u82f1\u57fa\u897f\u5cf6\u4e2d\u5b78';\n            \n            \/\/ Update dialog text\n            const textSection = document.querySelector('#dialogOverlay20 .text-section_20');\n            textSection.querySelector('h2').innerText = '\u9ec4\u701a\u9315';\n            textSection.querySelector('.subtext:first-of-type').innerText = '\u82f1\u57fa\u897f\u5cf6\u4e2d\u5b78';\n            textSection.querySelector('.subtext:last-of-type').innerText = '2024 \u5e74\u5ea6\u7562\u696d\u751f';\n            document.querySelector('#dialogOverlay20 .info-section_20 h3').innerText = '\u5347\u5b78\u53bb\u5411';\n            document.querySelector('#dialogOverlay20 .info-section_20 p').innerHTML = '\u9999\u6e2f\u5927\u5b78<br>\u5167\u5916\u5168\u79d1\u91ab\u5b78\u58eb\u8ab2\u7a0b\u300c\u5091\u51fa\u91ab\u79d1\u5b78\u4eba\u300d';\n            document.querySelector('#dialogOverlay20 .additional-info_20 h3').innerText = '\u6211\u7684\u6545\u4e8b';\n            document.querySelector('#dialogOverlay20 .additional-info_20 p').innerHTML = '\u300c\u91ab\u5b78\u767c\u5c55\u4e00\u65e5\u5343\u91cc\uff0c\u6bcf\u6bcf\u7a81\u7834\u53ef\u80fd\u6027\u7684\u754c\u9650\uff0c\u9a5a\u52d5\u4e16\u4eba\u3002\u9019\u4e9b\u904e\u7a0b\u7e3d\u4f7f\u6211\u6026\u7136\u5fc3\u52d5\uff0c\u4e5f\u8a31\u5c31\u5728\u6b64\u523b\uff0c\u6211\u88ab\u9019\u9818\u57df\u6df1\u6df1\u5438\u5f15\u4e86\u3002<br><br>\u4f60\u77e5\u9053\u55ce\uff1f\u6211\u6b63\u8981\u6191\u85c9\u540c\u7406\u5fc3\u3001\u5949\u737b\u7684\u6c7a\u5fc3\u548c\u5408\u4f5c\u7cbe\u795e\uff0c\u6210\u70ba\u9019\u500b\u9818\u57df\u7684\u6539\u8b8a\u8005\uff0c\u514b\u670d\u660e\u5929\u7684\u6311\u6230\uff0c\u5f9e\u767c\u73fe\u5275\u65b0\u6cbb\u7642\u65b9\u6cd5\u548c\u8a2d\u8a08\u5c16\u7aef\u6280\u8853\u5230\u5021\u5c0e\u653f\u7b56\u6539\u9769\u4e00\u4e00\u6d89\u7375\u3002<br><br>\u6b78\u6839\u7d50\u5e95\uff0c\u91ab\u5b78\u4ee3\u8868\u8457\u4e00\u500b\u901a\u904e\u81e8\u5e8a\u5de5\u4f5c\u548c\u5b78\u8853\u7814\u7a76\uff0c\u8a2d\u8eab\u8655\u5730\u6539\u5584\u4eba\u5011\u751f\u6d3b\u7684\u6a5f\u6703\u3002\u9019\u5c31\u662f\u6fc0\u52f5\u6211\u5728\u9999\u6e2f\u5927\u5b78\u5b78\u7fd2\u91ab\u5b78\u7684\u52d5\u529b\u3002<br><br>\u4f60\u8aaa\u6211\u6703\u9047\u4e0a\u8d85\u8d8a\u9650\u5236\uff0c\u5207\u5be6\u6539\u5584\u793e\u5340\u798f\u7949\u7684\u7a2e\u7a2e\u6a5f\u9047\uff1f\u76f8\u4fe1\u6211\uff0c\u6211\u5b9a\u5fc5\u7269\u76e1\u5176\u7528\uff0c\u4e0d\u653e\u904e\u4efb\u4f55\u6a5f\u6703\u3002\u300d';\n        }\n    <\/script>\n<\/body>\n<\/html> \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6bc912d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6bc912d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!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>Annice Hui - ESF Profile<\/title>\n    <style>\n        .profile-widget_21 {\n            width: 100%;\n            min-width: 15vw;\n            text-align: left;\n            cursor: pointer;\n        }\n\n        .profile-image_21 {\n            width: 100%;\n            aspect-ratio: 3 \/ 4;\n            background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/8_SIS_Hui-Annice-scaled.jpeg');\n            background-size: cover;\n            background-position: center;\n            border-radius: 30px;\n            border: 1px solid black;\n            transition: background-image 0.3s ease;\n        }\n\n        .profile-image_21:hover {\n            background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-8_Annice-Hui.gif');\n        }\n\n        .profile-text_21 {\n            width: 80%;\n            display: inline-block;\n            margin-top: 10px;\n            background: white;\n            border: 1px solid black;\n            border-radius: 30px;\n            padding: 8px 25px;\n            text-align: left;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n        }\n\n        .profile-text_21 h3 {\n            margin: 0;\n            font-size: 18px;\n            text-align: left;\n            color: black;\n        }\n\n        .profile-text_21 p {\n            margin: 0;\n            font-size: 14px;\n            text-align: left;\n            color: black;\n        }\n\n        @media (max-width: 720px) {\n            .profile-widget_21 {\n                text-align: center;\n            }\n            .profile-image_21 {\n                position: relative;\n            }\n            .profile-text_21 {\n                position: absolute;\n                bottom: 10px;\n                left: 50%;\n                transform: translateX(-50%);\n                background: rgba(255, 255, 255, 0.8);\n                border-radius: 15px;\n                padding: 5px 10px;\n                text-align: center;\n                width: calc(100% - 20px);\n                box-sizing: border-box;\n                margin-top: 0;\n            }\n            .profile-text_21 h3,\n            .profile-text_21 p {\n                text-align: center;\n                font-size: 12px;\n            }\n        }\n\n        .lang-switch {\n            display: none;\n        }\n\n        :lang(en) .lang-en {\n            display: block;\n        }\n\n        :lang(zh) .lang-zh {\n            display: block;\n        }\n\n        \/* Dialog Overlay Styles *\/\n        .dialog-overlay_21 {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.5);\n            display: none;\n            justify-content: center;\n            align-items: center;\n            z-index: 9999;\n        }\n\n        .dialog_21 {\n            position: relative;\n            background: rgba(255, 255, 255, 1);\n            border-radius: 15px;\n            padding: 20px;\n            max-width: 650px !important;\n            width: 90%;\n            max-height: 80%;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n            display: flex;\n            flex-direction: column;\n        }\n\n        .mobile-close-btn_21,\n        .close-btn_21,\n        .left-btn_21,\n        .right-btn_21,\n        .mobile-left-btn_21,\n        .mobile-right-btn_21 {\n            cursor: pointer;\n        }\n\n        .mobile-close-btn_21 {\n            position: absolute;\n            top: 10px;\n            right: 5px;\n            width: 30px;\n            height: 30px;\n            border-radius: 50%;\n            display: none;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 30px;\n            padding-top: 3px;\n            padding-bottom: 10px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .close-btn_21 {\n            position: absolute;\n            top: -30px;\n            right: -30px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 30px;\n            padding-top: 3px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .left-btn_21 {\n            position: absolute;\n            bottom: 10px;\n            left: -40px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 30px;\n            padding-top: 6px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .right-btn_21 {\n            position: absolute;\n            bottom: 10px;\n            right: -40px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 30px;\n            padding-top: 6px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .dialog-content_21 {\n            flex: 1;\n            overflow: hidden;\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            overflow-y: auto;\n            padding: 10px;\n        }\n\n        .mobile-banner_21 {\n            display: none;\n            justify-content: space-between;\n            align-items: center;\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            padding: 5px 20px;\n            background-color: white;\n            border-bottom-left-radius: 10px;\n            border-bottom-right-radius: 10px;\n            box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);\n        }\n\n        .mobile-left-btn_21,\n        .mobile-right-btn_21 {\n            background: white;\n            border: none;\n            border-radius: 50%;\n            width: 30px;\n            height: 30px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 30px;\n            color: black;\n        }\n\n        .images-container_21 {\n            display: flex;\n            gap: 20px;\n        }\n\n        .image-container_21 {\n            position: relative;\n        }\n\n        .image-section_21 {\n            display: flex;\n            justify-content: center;\n            margin-bottom: 20px;\n            position: relative;\n        }\n\n        .image-section_21 img {\n            border-radius: 10px;\n            width: 100%;\n            max-width: 300px;\n            aspect-ratio: 3 \/ 4;\n            object-fit: cover;\n        }\n\n        .text-section_21 {\n            flex: 1;\n            text-align: left;\n            max-height: 300px;\n        }\n\n        .text-section_21::-webkit-scrollbar {\n            width: 10px;\n        }\n\n        .text-section_21::-webkit-scrollbar-thumb {\n            background-color: darkgrey;\n            border-radius: 10px;\n        }\n\n        .text-section_21 h2 {\n            margin: 10px 0;\n            font-size: 24px;\n            font-weight: bold;\n        }\n\n        .text-section_21 .subtext {\n            margin: 5px 0;\n            font-size: 16px;\n            color: grey;\n        }\n\n        .info-section_21 {\n            display: flex;\n            justify-content: left;\n            text-align: left;\n            align-items: center;\n            margin: 20px 0;\n        }\n\n        .info-section_21 div {\n            width: 100%;\n        }\n\n        .info-section_21 h3 {\n            margin-bottom: 5px;\n            font-size: 18px;\n            font-weight: bold;\n            display: inline-block;\n        }\n\n        .additional-info_21 {\n            text-align: left;\n            margin-top: 20px;\n        }\n\n        .additional-info_21 h3 {\n            margin-bottom: 10px;\n            font-size: 18px;\n            font-weight: bold;\n        }\n\n        .additional-info_21 p {\n            text-align: justify;\n            margin: 20px;\n            margin-left: 20px;\n            margin-right: 35px;\n            word-wrap: none;\n        }\n\n        .additional-info-img_21 {\n            width: 33.33%;\n            border-radius: 10px;\n            margin-top: 10px;\n        }\n\n        @media (max-width: 768px) {\n            .close-btn_21,\n            .left-btn_21,\n            .right-btn_21 {\n                display: none;\n            }\n\n            .mobile-close-btn_21 {\n                display: flex;\n            }\n\n            .dialog-content_21 {\n                padding: 5px;\n                padding-left: 5px;\n                padding-right: 10px;\n                padding-top: 15px;\n            }\n\n            .mobile-banner_21 {\n                display: flex;\n            }\n\n            .dialog_21 {\n                padding-top: 30px;\n                padding-bottom: 50px;\n            }\n\n            .additional-info_21 p {\n                text-align: start;\n                width: 100%;\n                margin: 0px;\n                margin-left: 5px;\n                margin-right: 5px;\n                word-spacing: 1px;\n                word-wrap: none;\n                word-break: none;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"profile-widget_21\" onclick=\"openDialog21()\">\n        <div class=\"profile-image_21\"><\/div>\n        <div class=\"profile-text_21\">\n            <div class=\"lang-switch lang-en\">\n                <h3>Annice Hui<\/h3>\n                <p>ESF South Island School<\/p>\n            <\/div>\n            <div class=\"lang-switch lang-zh\">\n                <h3>Annice Hui<\/h3>\n                <p>\u82f1\u57fa\u5357\u5cf6\u4e2d\u5b78<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"dialog-overlay_21\" id=\"dialogOverlay21\">\n        <div class=\"dialog_21\">\n            <div class=\"mobile-close-btn_21\" onclick=\"closeDialog21()\">\u00d7<\/div>\n            <div class=\"close-btn_21\" onclick=\"closeDialog21()\">\u00d7<\/div>\n            <div class=\"left-btn_21\" onclick=\"navigateProfile(20)\">\u2190<\/div>\n            <div class=\"right-btn_21\" onclick=\"navigateProfile(22)\">\u2192<\/div>\n            <div class=\"dialog-content_21\">\n                <div class=\"mobile-banner_21\">\n                    <div class=\"mobile-left-btn_21\" onclick=\"navigateProfile(20)\">\u2190<\/div>\n                    <div class=\"mobile-right-btn_21\" onclick=\"navigateProfile(22)\">\u2192<\/div>\n                <\/div>\n                <div class=\"images-container_21\">\n                    <div class=\"image-container_21\">\n                        <div class=\"image-section_21\">\n                            <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-8_Annice-Hui1.jpeg\" alt=\"Portrait\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"image-container_21\">\n                        <div class=\"image-section_21\">\n                            <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-8_Annice-Hui-scaled.jpeg\" alt=\"Static Portrait\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"text-section_21\">\n                    <div class=\"lang-switch lang-en\">\n                        <h2>Annice Hui<\/h2>\n                        <p class=\"subtext\">ESF South Island School<\/p>\n                        <p class=\"subtext\">Class of 2024<\/p>\n                        <div class=\"info-section_21\">\n                            <div>\n                                <h3>Choice of University<\/h3>\n                                <p>Imperial College London<br>Biological Sciences<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"additional-info_21\">\n                            <h3>My Story<\/h3>\n                            <p>As an empathetic and driven individual, my vision for the future is to dedicate myself towards improving health outcomes for underserved populations globally.<br><br>Witnessing firsthand the stark disparities in access to quality healthcare has instilled in me a profound sense of obligation to offer aid and support to those who are less fortunate. Through my academic pursuits, I aim to develop a nuanced understanding of the complex social, political, and economic factors that contribute to health disparities worldwide.<br><br>Ultimately, I aspire to leverage my abilities and knowledge to champion the needs of marginalized communities and work towards building a more equitable global health landscape.<\/p>\n                            <img decoding=\"async\" class=\"additional-info-img_21\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_8E_SIS_Hui-Annice_Slogan.png\" alt=\"Slogan\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"lang-switch lang-zh\">\n                        <h2>Annice Hui<\/h2>\n                        <p class=\"subtext\">\u82f1\u57fa\u5357\u5cf6\u4e2d\u5b78<\/p>\n                        <p class=\"subtext\">2024\u5e74\u5ea6\u7562\u696d\u751f<\/p>\n                        <div class=\"info-section_21\">\n                            <div>\n                                <h3>\u5347\u5b78\u53bb\u5411<\/h3>\n                                <p>\u502b\u6566\u5e1d\u570b\u5b78\u9662<br>\u751f\u7269\u79d1\u5b78\u5c08\u696d<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"additional-info_21\">\n                            <h3>\u6211\u7684\u6545\u4e8b<\/h3>\n                            <p>\u300c\u4f5c\u70ba\u4e00\u500b\u5bcc\u6709\u540c\u7406\u5fc3\u548c\u52d5\u529b\u7684\u4eba\uff0c\u6211\u5c0d\u672a\u4f86\u7684\u9858\u666f\u662f\u70ba\u5168\u7403\u5f31\u52e2\u7fa4\u9ad4\u7684\u5065\u5eb7\u76e1\u4e00\u5206\u529b\u3002<br><br>\u89aa\u773c\u76ee\u7779\u7372\u5f97\u512a\u8cea\u91ab\u7642\u670d\u52d9\u7684\u6a5f\u6703\u5b58\u5728\u6975\u5927\u5dee\u8ddd\uff0c\u6211\u5fc3\u4e2d\u6df1\u6df1\u57cb\u4e0b\u4e00\u4efd\u8cac\u4efb\u611f\uff1a\u8981\u70ba\u90a3\u4e9b\u4e0d\u5e78\u7684\u4eba\u5011\u65bd\u4e88\u63f4\u624b\u3002\u901a\u904e\u5728\u5b78\u8853\u4e0a\u7684\u8ffd\u6c42\uff0c\u6211\u7684\u76ee\u6a19\u662f\u6df1\u5165\u7406\u89e3\u9020\u6210\u5168\u7403\u5065\u5eb7\u4e0d\u5e73\u7b49\u800c\u932f\u7d9c\u8907\u96dc\u7684\u793e\u6703\u3001\u653f\u6cbb\u548c\u7d93\u6fdf\u56e0\u7d20\u3002<br><br>\u6700\u5f8c\uff0c\u6211\u5e0c\u671b\u7aed\u76e1\u6240\u80fd\uff0c\u70ba\u5f31\u52e2\u793e\u7fa4\u7684\u9700\u6c42\u767c\u8072\uff0c\u70ba\u5efa\u7acb\u66f4\u52a0\u516c\u5e73\u7684\u5168\u7403\u5065\u5eb7\u683c\u5c40\u800c\u5168\u529b\u4ee5\u8d74\u3002\u300d<\/p>\n                            <img decoding=\"async\" class=\"additional-info-img_21\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_8E_SIS_Hui-Annice_Slogan.png\" alt=\"Slogan\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.documentElement.lang = 'en';\n        \n        function toggleLanguage() {\n            const html = document.documentElement;\n            html.lang = html.lang === 'en' ? 'zh' : 'en';\n        }\n\n        function openDialog21() {\n            document.getElementById('dialogOverlay21').style.display = 'flex';\n        }\n\n        function closeDialog21() {\n            document.getElementById('dialogOverlay21').style.display = 'none';\n        }\n\n        function navigateProfile(profileNumber) {\n            closeDialog21();\n            \n            if (profileNumber === 20) {\n                \/\/ Navigate to profile 20\n                const targetModal = document.querySelector('#dialogOverlay20');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                    document.body.style.overflow = 'hidden';\n                }\n            } else if (profileNumber === 22) {\n                \/\/ Navigate to profile 22\n                const targetModal = document.querySelector('#dialogOverlay22');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                    document.body.style.overflow = 'hidden';\n                }\n            }\n        }\n\n        \/\/ Close dialog when clicking outside\n        document.getElementById('dialogOverlay21').addEventListener('click', function(e) {\n            if (e.target === this) {\n                closeDialog21();\n            }\n        });\n\n        \/\/ Language switching - URL-based detection like profile_1.html\n        if (window.location.href.indexOf('zh') !== -1) {\n            \/\/ Update widget text\n            document.querySelector('.profile-text_21 h3').innerText = 'Annice Hui';\n            document.querySelector('.profile-text_21 p').innerText = '\u82f1\u57fa\u5357\u5cf6\u4e2d\u5b78';\n            \n            \/\/ Update dialog text\n            const textSection = document.querySelector('#dialogOverlay21 .text-section_21');\n            textSection.querySelector('h2').innerText = 'Annice Hui';\n            textSection.querySelector('.subtext:first-of-type').innerText = '\u82f1\u57fa\u5357\u5cf6\u4e2d\u5b78';\n            textSection.querySelector('.subtext:last-of-type').innerText = '2024 \u5e74\u5ea6\u7562\u696d\u751f';\n            document.querySelector('#dialogOverlay21 .info-section_21 h3').innerText = '\u5347\u5b78\u53bb\u5411';\n            document.querySelector('#dialogOverlay21 .info-section_21 p').innerHTML = '\u502b\u6566\u5e1d\u570b\u5b78\u9662<br>\u751f\u7269\u79d1\u5b78\u5c08\u696d';\n            document.querySelector('#dialogOverlay21 .additional-info_21 h3').innerText = '\u6211\u7684\u6545\u4e8b';\n            document.querySelector('#dialogOverlay21 .additional-info_21 p').innerHTML = '\u300c\u4f5c\u70ba\u4e00\u500b\u5bcc\u6709\u540c\u7406\u5fc3\u548c\u52d5\u529b\u7684\u4eba\uff0c\u6211\u5c0d\u672a\u4f86\u7684\u9858\u666f\u662f\u70ba\u5168\u7403\u5f31\u52e2\u7fa4\u9ad4\u7684\u5065\u5eb7\u76e1\u4e00\u5206\u529b\u3002<br><br>\u89aa\u773c\u76ee\u7779\u7372\u5f97\u512a\u8cea\u91ab\u7642\u670d\u52d9\u7684\u6a5f\u6703\u5b58\u5728\u6975\u5927\u5dee\u8ddd\uff0c\u6211\u5fc3\u4e2d\u6df1\u6df1\u57cb\u4e0b\u4e00\u4efd\u8cac\u4efb\u611f\uff1a\u8981\u70ba\u90a3\u4e9b\u4e0d\u5e78\u7684\u4eba\u5011\u65bd\u4e88\u63f4\u624b\u3002\u901a\u904e\u5728\u5b78\u8853\u4e0a\u7684\u8ffd\u6c42\uff0c\u6211\u7684\u76ee\u6a19\u662f\u6df1\u5165\u7406\u89e3\u9020\u6210\u5168\u7403\u5065\u5eb7\u4e0d\u5e73\u7b49\u800c\u932f\u7d9c\u8907\u96dc\u7684\u793e\u6703\u3001\u653f\u6cbb\u548c\u7d93\u6fdf\u56e0\u7d20\u3002<br><br>\u6700\u5f8c\uff0c\u6211\u5e0c\u671b\u7aed\u76e1\u6240\u80fd\uff0c\u70ba\u5f31\u52e2\u793e\u7fa4\u7684\u9700\u6c42\u767c\u8072\uff0c\u70ba\u5efa\u7acb\u66f4\u52a0\u516c\u5e73\u7684\u5168\u7403\u5065\u5eb7\u683c\u5c40\u800c\u5168\u529b\u4ee5\u8d74\u3002\u300d';\n        }\n    <\/script>\n<\/body>\n<\/html> \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9dd8e74 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"9dd8e74\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!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>Jiya Joji - ESF Profile<\/title>\n    <style>\n        .profile-widget_22 {\n            width: 100%;\n            min-width: 15vw;\n            text-align: left;\n            cursor: pointer;\n        }\n\n        .profile-image_22 {\n            width: 100%;\n            aspect-ratio: 3 \/ 4;\n            background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/11_WIS_Jiya-Joji-scaled.jpeg');\n            background-size: cover;\n            background-position: center;\n            border-radius: 30px;\n            border: 1px solid black;\n            transition: background-image 0.3s ease;\n        }\n\n        .profile-image_22:hover {\n            background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-11_Jiya-Joji.gif');\n        }\n\n        .profile-text_22 {\n            width: 80%;\n            display: inline-block;\n            margin-top: 10px;\n            background: white;\n            border: 1px solid black;\n            border-radius: 30px;\n            padding: 8px 25px;\n            text-align: left;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n        }\n\n        .profile-text_22 h3 {\n            margin: 0;\n            font-size: 18px;\n            text-align: left;\n            color: black;\n        }\n\n        .profile-text_22 p {\n            margin: 0;\n            font-size: 14px;\n            text-align: left;\n            color: black;\n        }\n\n        @media (max-width: 720px) {\n            .profile-widget_22 {\n                text-align: center;\n            }\n            .profile-image_22 {\n                position: relative;\n            }\n            .profile-text_22 {\n                position: absolute;\n                bottom: 10px;\n                left: 50%;\n                transform: translateX(-50%);\n                background: rgba(255, 255, 255, 0.8);\n                border-radius: 15px;\n                padding: 5px 10px;\n                text-align: center;\n                width: calc(100% - 20px);\n                box-sizing: border-box;\n                margin-top: 0;\n            }\n            .profile-text_22 h3,\n            .profile-text_22 p {\n                text-align: center;\n                font-size: 12px;\n            }\n        }\n\n        .lang-switch {\n            display: none;\n        }\n\n        :lang(en) .lang-en {\n            display: block;\n        }\n\n        :lang(zh) .lang-zh {\n            display: block;\n        }\n\n        \/* Dialog Overlay Styles *\/\n        .dialog-overlay_22 {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.5);\n            display: none;\n            justify-content: center;\n            align-items: center;\n            z-index: 9999;\n        }\n\n        .dialog_22 {\n            position: relative;\n            background: rgba(255, 255, 255, 1);\n            border-radius: 15px;\n            padding: 20px;\n            max-width: 650px !important;\n            width: 90%;\n            max-height: 80%;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n            display: flex;\n            flex-direction: column;\n        }\n\n        .mobile-close-btn_22,\n        .close-btn_22,\n        .left-btn_22,\n        .right-btn_22,\n        .mobile-left-btn_22,\n        .mobile-right-btn_22 {\n            cursor: pointer;\n        }\n\n        .mobile-close-btn_22 {\n            position: absolute;\n            top: 10px;\n            right: 5px;\n            width: 30px;\n            height: 30px;\n            border-radius: 50%;\n            display: none;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 30px;\n            padding-top: 3px;\n            padding-bottom: 10px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .close-btn_22 {\n            position: absolute;\n            top: -30px;\n            right: -30px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 30px;\n            padding-top: 3px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .left-btn_22 {\n            position: absolute;\n            bottom: 10px;\n            left: -40px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 30px;\n            padding-top: 6px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .right-btn_22 {\n            position: absolute;\n            bottom: 10px;\n            right: -40px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 30px;\n            padding-top: 6px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .dialog-content_22 {\n            flex: 1;\n            overflow: hidden;\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            overflow-y: auto;\n            padding: 10px;\n        }\n\n        .mobile-banner_22 {\n            display: none;\n            justify-content: space-between;\n            align-items: center;\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            padding: 5px 20px;\n            background-color: white;\n            border-bottom-left-radius: 10px;\n            border-bottom-right-radius: 10px;\n            box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);\n        }\n\n        .mobile-left-btn_22,\n        .mobile-right-btn_22 {\n            background: white;\n            border: none;\n            border-radius: 50%;\n            width: 30px;\n            height: 30px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 30px;\n            color: black;\n        }\n\n        .images-container_22 {\n            display: flex;\n            gap: 20px;\n        }\n\n        .image-container_22 {\n            position: relative;\n        }\n\n        .image-section_22 {\n            display: flex;\n            justify-content: center;\n            margin-bottom: 20px;\n            position: relative;\n        }\n\n        .image-section_22 img {\n            border-radius: 10px;\n            width: 100%;\n            max-width: 300px;\n            aspect-ratio: 3 \/ 4;\n            object-fit: cover;\n        }\n\n        .text-section_22 {\n            flex: 1;\n            text-align: left;\n            max-height: 300px;\n        }\n\n        .text-section_22::-webkit-scrollbar {\n            width: 10px;\n        }\n\n        .text-section_22::-webkit-scrollbar-thumb {\n            background-color: darkgrey;\n            border-radius: 10px;\n        }\n\n        .text-section_22 h2 {\n            margin: 10px 0;\n            font-size: 24px;\n            font-weight: bold;\n        }\n\n        .text-section_22 .subtext {\n            margin: 5px 0;\n            font-size: 16px;\n            color: grey;\n        }\n\n        .info-section_22 {\n            display: flex;\n            justify-content: left;\n            text-align: left;\n            align-items: center;\n            margin: 20px 0;\n        }\n\n        .info-section_22 div {\n            width: 100%;\n        }\n\n        .info-section_22 h3 {\n            margin-bottom: 5px;\n            font-size: 18px;\n            font-weight: bold;\n            display: inline-block;\n        }\n\n        .additional-info_22 {\n            text-align: left;\n            margin-top: 20px;\n        }\n\n        .additional-info_22 h3 {\n            margin-bottom: 10px;\n            font-size: 18px;\n            font-weight: bold;\n        }\n\n        .additional-info_22 p {\n            text-align: justify;\n            margin: 20px;\n            margin-left: 20px;\n            margin-right: 35px;\n            word-wrap: none;\n        }\n\n        .additional-info-img_22 {\n            width: 33.33%;\n            border-radius: 10px;\n            margin-top: 10px;\n        }\n\n        @media (max-width: 768px) {\n            .close-btn_22,\n            .left-btn_22,\n            .right-btn_22 {\n                display: none;\n            }\n\n            .mobile-close-btn_22 {\n                display: flex;\n            }\n\n            .dialog-content_22 {\n                padding: 5px;\n                padding-left: 5px;\n                padding-right: 10px;\n                padding-top: 15px;\n            }\n\n            .mobile-banner_22 {\n                display: flex;\n            }\n\n            .dialog_22 {\n                padding-top: 30px;\n                padding-bottom: 50px;\n            }\n\n            .additional-info_22 p {\n                text-align: start;\n                width: 100%;\n                margin: 0px;\n                margin-left: 5px;\n                margin-right: 5px;\n                word-spacing: 1px;\n                word-wrap: none;\n                word-break: none;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"profile-widget_22\" onclick=\"openDialog22()\">\n        <div class=\"profile-image_22\"><\/div>\n        <div class=\"profile-text_22\">\n            <div class=\"lang-switch lang-en\">\n                <h3>Jiya Joji<\/h3>\n                <p>ESF West Island School<\/p>\n            <\/div>\n            <div class=\"lang-switch lang-zh\">\n                <h3>Jiya Joji<\/h3>\n                <p>\u82f1\u57fa\u897f\u5cf6\u4e2d\u5b78<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"dialog-overlay_22\" id=\"dialogOverlay22\">\n        <div class=\"dialog_22\">\n            <div class=\"mobile-close-btn_22\" onclick=\"closeDialog22()\">\u00d7<\/div>\n            <div class=\"close-btn_22\" onclick=\"closeDialog22()\">\u00d7<\/div>\n            <div class=\"left-btn_22\" onclick=\"navigateProfile(21)\">\u2190<\/div>\n            <div class=\"right-btn_22\" onclick=\"navigateProfile(23)\">\u2192<\/div>\n            <div class=\"dialog-content_22\">\n                <div class=\"mobile-banner_22\">\n                    <div class=\"mobile-left-btn_22\" onclick=\"navigateProfile(21)\">\u2190<\/div>\n                    <div class=\"mobile-right-btn_22\" onclick=\"navigateProfile(23)\">\u2192<\/div>\n                <\/div>\n                <div class=\"images-container_22\">\n                    <div class=\"image-container_22\">\n                        <div class=\"image-section_22\">\n                            <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-11_Jiya-Joji1.jpeg\" alt=\"Portrait\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"image-container_22\">\n                        <div class=\"image-section_22\">\n                            <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-11_Jiya-Joji-scaled.jpeg\" alt=\"Static Portrait\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"text-section_22\">\n                    <div class=\"lang-switch lang-en\">\n                        <h2>Jiya Joji<\/h2>\n                        <p class=\"subtext\">ESF West Island School<\/p>\n                        <p class=\"subtext\">Class of 2024<\/p>\n                        <div class=\"info-section_22\">\n                            <div>\n                                <h3>Choice of University<\/h3>\n                                <p>Chinese University of Hong Kong<br>Bachelor of Medicine and Bachelor of Surgery<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"additional-info_22\">\n                            <h3>My Story<\/h3>\n                            <p>\"To cure sometimes, to relieve often, to comfort always\" - this timeless sentiment shared with me by a doctor I once shadowed has become a guiding light for my aspirations as a medic.<br><br>I envision myself as a beacon of hope for my patients, transcending the purely clinical role by offering patients a companion and listening ear in challenging times. Beyond the clinical setting, I also dream of being a catalyst for progress, leveraging my knowledge to contribute to research that could potentially drive significant improvements in patient care.<br><br>Finally, in the future, I would like to confront healthcare disparities in underserved regions and contribute to a more equitable tomorrow. With these dreams, I approach the incredible opportunity to join the esteemed medical programme at CUHK.<\/p>\n                            <img decoding=\"async\" class=\"additional-info-img_22\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_11E_WIS_Jiya-Joji_Slogan.png\" alt=\"Slogan\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"lang-switch lang-zh\">\n                        <h2>Jiya Joji<\/h2>\n                        <p class=\"subtext\">\u82f1\u57fa\u897f\u5cf6\u4e2d\u5b78<\/p>\n                        <p class=\"subtext\">2024\u5e74\u5ea6\u7562\u696d\u751f<\/p>\n                        <div class=\"info-section_22\">\n                            <div>\n                                <h3>\u5347\u5b78\u53bb\u5411<\/h3>\n                                <p>\u9999\u6e2f\u4e2d\u6587\u5927\u5b78<br>\u5167\u5916\u5168\u79d1\u91ab\u5b78\u58eb\u8ab2\u7a0b<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"additional-info_22\">\n                            <h3>\u6211\u7684\u6545\u4e8b<\/h3>\n                            <p>\u300c\u300e\u6642\u800c\u6cbb\u7652\uff0c\u6642\u5e38\u91ab\u6cbb\uff0c\u6642\u523b\u5b89\u6170\u3002\u300f\u2014\u2014\u9019\u53e5\u6c38\u4e0d\u904e\u6642\u7684\u8a71\u8a9e\u662f\u6211\u66fe\u8ddf\u96a8\u7684\u4e00\u4f4d\u91ab\u751f\u544a\u8a34\u6211\u7684\u3002\u5b83\u6210\u70ba\u4e86\u6211\u4f5c\u70ba\u91ab\u8b77\u4eba\u54e1\u6240\u8ffd\u6c42\u7684\u4fe1\u689d\u3002<br><br>\u6211\u61a7\u61ac\u81ea\u5df1\u4e0d\u55ae\u55ae\u8eab\u70ba\u4e00\u540d\u91ab\u8b77\u4eba\u54e1\uff0c\u66f4\u6210\u7232\u60a3\u8005\u7684\u4e00\u7e37\u66d9\u5149\uff0c\u5728\u8271\u96e3\u6642\u523b\u6210\u70ba\u4ed6\u5011\u7684\u540c\u4f34\u548c\u50be\u807d\u8005\u3002\u9664\u4e86\u81e8\u5e8a\u5de5\u4f5c\uff0c\u6211\u4e5f\u5922\u60f3\u6210\u70ba\u9032\u6b65\u7684\u5f15\u9818\u8005\uff0c\u904b\u7528\u81ea\u5df1\u7684\u77e5\u8b58\u70ba\u6539\u5584\u60a3\u8005\u8b77\u7406\u4f5c\u51fa\u8ca2\u737b\u3002<br><br>\u6700\u5f8c\uff0c\u6211\u5e0c\u671b\u5c07\u4f86\u80fd\u5920\u89e3\u6c7a\u843d\u5f8c\u5730\u5340\u91ab\u7642\u7684\u4e0d\u5e73\u7b49\u554f\u984c\uff0c\u70ba\u66f4\u52a0\u516c\u5e73\u7684\u660e\u5929\u514b\u76e1\u5df1\u4efb\u3002\u61f7\u8457\u9019\u4e9b\u7f8e\u597d\u9858\u666f\uff0c\u6211\u63a8\u958b\u9999\u6e2f\u4e2d\u6587\u5927\u5b78\u5167\u5916\u5168\u79d1\u91ab\u5b78\u58eb\u8ab2\u7a0b\u9019\u9053\u4efb\u91cd\u800c\u9053\u9060\u7684\u5927\u9580\u3002\u300d<\/p>\n                            <img decoding=\"async\" class=\"additional-info-img_22\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_11E_WIS_Jiya-Joji_Slogan.png\" alt=\"Slogan\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.documentElement.lang = 'en';\n        \n        function toggleLanguage() {\n            const html = document.documentElement;\n            html.lang = html.lang === 'en' ? 'zh' : 'en';\n        }\n\n        function openDialog22() {\n            document.getElementById('dialogOverlay22').style.display = 'flex';\n        }\n\n        function closeDialog22() {\n            document.getElementById('dialogOverlay22').style.display = 'none';\n        }\n\n        function navigateProfile(profileNumber) {\n            closeDialog22();\n            \n            if (profileNumber === 21) {\n                \/\/ Navigate to profile 21\n                const targetModal = document.querySelector('#dialogOverlay21');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                    document.body.style.overflow = 'hidden';\n                }\n            } else if (profileNumber === 23) {\n                \/\/ Navigate to profile 23\n                const targetModal = document.querySelector('#dialogOverlay23');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                    document.body.style.overflow = 'hidden';\n                }\n            }\n        }\n\n        \/\/ Close dialog when clicking outside\n        document.getElementById('dialogOverlay22').addEventListener('click', function(e) {\n            if (e.target === this) {\n                closeDialog22();\n            }\n        });\n\n        \/\/ Language switching - URL-based detection like profile_1.html\n        if (window.location.href.indexOf('zh') !== -1) {\n            \/\/ Update widget text\n            document.querySelector('.profile-text_22 h3').innerText = 'Jiya Joji';\n            document.querySelector('.profile-text_22 p').innerText = '\u82f1\u57fa\u897f\u5cf6\u4e2d\u5b78';\n            \n            \/\/ Update dialog text\n            const textSection = document.querySelector('#dialogOverlay22 .text-section_22');\n            textSection.querySelector('h2').innerText = 'Jiya Joji';\n            textSection.querySelector('.subtext:first-of-type').innerText = '\u82f1\u57fa\u897f\u5cf6\u4e2d\u5b78';\n            textSection.querySelector('.subtext:last-of-type').innerText = '2024 \u5e74\u5ea6\u7562\u696d\u751f';\n            document.querySelector('#dialogOverlay22 .info-section_22 h3').innerText = '\u5347\u5b78\u53bb\u5411';\n            document.querySelector('#dialogOverlay22 .info-section_22 p').innerHTML = '\u9999\u6e2f\u4e2d\u6587\u5927\u5b78<br>\u5167\u5916\u5168\u79d1\u91ab\u5b78\u58eb\u8ab2\u7a0b';\n            document.querySelector('#dialogOverlay22 .additional-info_22 h3').innerText = '\u6211\u7684\u6545\u4e8b';\n            document.querySelector('#dialogOverlay22 .additional-info_22 p').innerHTML = '\u300c\u300e\u6709\u6642\u6cbb\u7652\uff0c\u7d93\u5e38\u7de9\u89e3\uff0c\u7e3d\u662f\u5b89\u6170\u300f\u2014\u2014\u9019\u4e00\u91ab\u5b78\u539f\u5247\u6307\u5c0e\u8457\u6211\u7684\u62b1\u8ca0\u3002\u6211\u5e0c\u671b\u6210\u70ba\u60a3\u8005\u7684\u5e0c\u671b\u71c8\u5854\uff0c\u6210\u70ba\u4ed6\u5011\u7684\u4f34\u4fb6\u548c\u50be\u807d\u8005\uff0c\u6210\u70ba\u9032\u6b65\u7684\u50ac\u5316\u5291\uff0c\u9762\u5c0d\u670d\u52d9\u4e0d\u8db3\u5730\u5340\u7684\u91ab\u7642\u4fdd\u5065\u5dee\u8ddd\u3002<br><br>\u9019\u7a2e\u6c38\u6046\u7684\u91ab\u5b78\u60c5\u611f\u6307\u5c0e\u8457\u6211\u7684\u62b1\u8ca0\uff0c\u6211\u671f\u5f85\u52a0\u5165\u4e2d\u5927\u9019\u500b\u53d7\u4eba\u5c0a\u656c\u7684\u91ab\u5b78\u8ab2\u7a0b\u3002\u6211\u76f8\u4fe1\u5728\u9019\u88e1\u6211\u5c07\u80fd\u5920\u767c\u5c55\u6210\u70ba\u4e00\u540d\u65e2\u6709\u79d1\u5b78\u77e5\u8b58\u53c8\u6709\u4eba\u6587\u95dc\u61f7\u7684\u91ab\u751f\u3002<br><br>\u6211\u7684\u76ee\u6a19\u662f\u901a\u904e\u81e8\u5e8a\u5be6\u8e10\u548c\u7814\u7a76\uff0c\u70ba\u6539\u5584\u4eba\u985e\u5065\u5eb7\u505a\u51fa\u8ca2\u737b\uff0c\u7279\u5225\u662f\u70ba\u90a3\u4e9b\u6700\u9700\u8981\u5e6b\u52a9\u7684\u4eba\u7fa4\u670d\u52d9\u3002\u300d';\n        }\n    <\/script>\n<\/body>\n<\/html> \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4a254a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a4a254a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!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>Heewoong Kim - ESF Profile<\/title>\n    <style>\n        .profile-widget_23 {\n            width: 100%;\n            min-width: 15vw;\n            text-align: left;\n            cursor: pointer;\n        }\n\n        .profile-image_23 {\n            width: 100%;\n            aspect-ratio: 3 \/ 4;\n            background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/12_WIS_Kim-Heewoong-scaled.jpeg');\n            background-size: cover;\n            background-position: center;\n            border-radius: 30px;\n            border: 1px solid black;\n            transition: background-image 0.3s ease;\n        }\n\n        .profile-image_23:hover {\n            background-image: url('https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-12_Heewoong-Kim.gif');\n        }\n\n        .profile-text_23 {\n            width: 80%;\n            display: inline-block;\n            margin-top: 10px;\n            background: white;\n            border: 1px solid black;\n            border-radius: 30px;\n            padding: 8px 25px;\n            text-align: left;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n        }\n\n        .profile-text_23 h3 {\n            margin: 0;\n            font-size: 18px;\n            text-align: left;\n            color: black;\n        }\n\n        .profile-text_23 p {\n            margin: 0;\n            font-size: 14px;\n            text-align: left;\n            color: black;\n        }\n\n        @media (max-width: 720px) {\n            .profile-widget_23 {\n                text-align: center;\n            }\n            .profile-image_23 {\n                position: relative;\n            }\n            .profile-text_23 {\n                position: absolute;\n                bottom: 10px;\n                left: 50%;\n                transform: translateX(-50%);\n                background: rgba(255, 255, 255, 0.8);\n                border-radius: 15px;\n                padding: 5px 10px;\n                text-align: center;\n                width: calc(100% - 20px);\n                box-sizing: border-box;\n                margin-top: 0;\n            }\n            .profile-text_23 h3,\n            .profile-text_23 p {\n                text-align: center;\n                font-size: 12px;\n            }\n        }\n\n        .lang-switch {\n            display: none;\n        }\n\n        :lang(en) .lang-en {\n            display: block;\n        }\n\n        :lang(zh) .lang-zh {\n            display: block;\n        }\n\n        \/* Dialog Overlay Styles *\/\n        .dialog-overlay_23 {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.5);\n            display: none;\n            justify-content: center;\n            align-items: center;\n            z-index: 9999;\n        }\n\n        .dialog_23 {\n            position: relative;\n            background: rgba(255, 255, 255, 1);\n            border-radius: 15px;\n            padding: 20px;\n            max-width: 650px !important;\n            width: 90%;\n            max-height: 80%;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n            display: flex;\n            flex-direction: column;\n        }\n\n        .mobile-close-btn_23,\n        .close-btn_23,\n        .left-btn_23,\n        .right-btn_23,\n        .mobile-left-btn_23,\n        .mobile-right-btn_23 {\n            cursor: pointer;\n        }\n\n        .mobile-close-btn_23 {\n            position: absolute;\n            top: 10px;\n            right: 5px;\n            width: 30px;\n            height: 30px;\n            border-radius: 50%;\n            display: none;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 30px;\n            padding-top: 3px;\n            padding-bottom: 10px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .close-btn_23 {\n            position: absolute;\n            top: -30px;\n            right: -30px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 30px;\n            padding-top: 3px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .left-btn_23 {\n            position: absolute;\n            bottom: 10px;\n            left: -40px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 30px;\n            padding-top: 6px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .right-btn_23 {\n            position: absolute;\n            bottom: 10px;\n            right: -40px;\n            width: 30px;\n            height: 30px;\n            background: white;\n            border-radius: 50%;\n            display: none;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 30px;\n            padding-top: 6px;\n            color: black;\n            z-index: 10000;\n        }\n\n        .dialog-content_23 {\n            flex: 1;\n            overflow: hidden;\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            overflow-y: auto;\n            padding: 10px;\n        }\n\n        .mobile-banner_23 {\n            display: none;\n            justify-content: space-between;\n            align-items: center;\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            padding: 5px 20px;\n            background-color: white;\n            border-bottom-left-radius: 10px;\n            border-bottom-right-radius: 10px;\n            box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);\n        }\n\n        .mobile-left-btn_23 {\n            background: white;\n            border: none;\n            border-radius: 50%;\n            width: 30px;\n            height: 30px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 30px;\n            color: black;\n        }\n\n        .mobile-right-btn_23 {\n            background: white;\n            border: none;\n            border-radius: 50%;\n            width: 30px;\n            height: 30px;\n            display: none;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 30px;\n            color: black;\n        }\n\n        .images-container_23 {\n            display: flex;\n            gap: 20px;\n        }\n\n        .image-container_23 {\n            position: relative;\n        }\n\n        .image-section_23 {\n            display: flex;\n            justify-content: center;\n            margin-bottom: 20px;\n            position: relative;\n        }\n\n        .image-section_23 img {\n            border-radius: 10px;\n            width: 100%;\n            max-width: 300px;\n            aspect-ratio: 3 \/ 4;\n            object-fit: cover;\n        }\n\n        .text-section_23 {\n            flex: 1;\n            text-align: left;\n            max-height: 300px;\n        }\n\n        .text-section_23::-webkit-scrollbar {\n            width: 10px;\n        }\n\n        .text-section_23::-webkit-scrollbar-thumb {\n            background-color: darkgrey;\n            border-radius: 10px;\n        }\n\n        .text-section_23 h2 {\n            margin: 10px 0;\n            font-size: 24px;\n            font-weight: bold;\n        }\n\n        .text-section_23 .subtext {\n            margin: 5px 0;\n            font-size: 16px;\n            color: grey;\n        }\n\n        .info-section_23 {\n            display: flex;\n            justify-content: left;\n            text-align: left;\n            align-items: center;\n            margin: 20px 0;\n        }\n\n        .info-section_23 div {\n            width: 100%;\n        }\n\n        .info-section_23 h3 {\n            margin-bottom: 5px;\n            font-size: 18px;\n            font-weight: bold;\n            display: inline-block;\n        }\n\n        .additional-info_23 {\n            text-align: left;\n            margin-top: 20px;\n        }\n\n        .additional-info_23 h3 {\n            margin-bottom: 10px;\n            font-size: 18px;\n            font-weight: bold;\n        }\n\n        .additional-info_23 p {\n            text-align: justify;\n            margin: 20px;\n            margin-left: 20px;\n            margin-right: 35px;\n            word-wrap: none;\n        }\n\n        .additional-info-img_23 {\n            width: 33.33%;\n            border-radius: 10px;\n            margin-top: 10px;\n        }\n\n        @media (max-width: 768px) {\n            .close-btn_23,\n            .left-btn_23,\n            .right-btn_23 {\n                display: none;\n            }\n\n            .mobile-close-btn_23 {\n                display: flex;\n            }\n\n            .dialog-content_23 {\n                padding: 5px;\n                padding-left: 5px;\n                padding-right: 10px;\n                padding-top: 15px;\n            }\n\n            .mobile-banner_23 {\n                display: flex;\n            }\n\n            .dialog_23 {\n                padding-top: 30px;\n                padding-bottom: 50px;\n            }\n\n            .additional-info_23 p {\n                text-align: start;\n                width: 100%;\n                margin: 0px;\n                margin-left: 5px;\n                margin-right: 5px;\n                word-spacing: 1px;\n                word-wrap: none;\n                word-break: none;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"profile-widget_23\" onclick=\"openDialog23()\">\n        <div class=\"profile-image_23\"><\/div>\n        <div class=\"profile-text_23\">\n            <div class=\"lang-switch lang-en\">\n                <h3>Heewoong Kim<\/h3>\n                <p>ESF West Island School<\/p>\n            <\/div>\n            <div class=\"lang-switch lang-zh\">\n                <h3>Heewoong Kim<\/h3>\n                <p>\u82f1\u57fa\u897f\u5cf6\u4e2d\u5b78<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"dialog-overlay_23\" id=\"dialogOverlay23\">\n        <div class=\"dialog_23\">\n            <div class=\"mobile-close-btn_23\" onclick=\"closeDialog23()\">\u00d7<\/div>\n            <div class=\"close-btn_23\" onclick=\"closeDialog23()\">\u00d7<\/div>\n            <div class=\"left-btn_23\" onclick=\"navigateProfile(22)\">\u2190<\/div>\n            <div class=\"right-btn_23\" onclick=\"navigateProfile(1)\">\u2192<\/div>\n            <div class=\"dialog-content_23\">\n                <div class=\"mobile-banner_23\">\n                    <div class=\"mobile-left-btn_23\" onclick=\"navigateProfile(22)\">\u2190<\/div>\n                    <div class=\"mobile-right-btn_23\" onclick=\"navigateProfile(1)\">\u2192<\/div>\n                <\/div>\n                <div class=\"images-container_23\">\n                    <div class=\"image-container_23\">\n                        <div class=\"image-section_23\">\n                            <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-12_Heewoong-Kim1-scaled.jpeg\" alt=\"Portrait\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"image-container_23\">\n                        <div class=\"image-section_23\">\n                            <img decoding=\"async\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/IEB45_lead-12_Heewoong-Kim-scaled.jpeg\" alt=\"Static Portrait\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"text-section_23\">\n                    <div class=\"lang-switch lang-en\">\n                        <h2>Heewoong Kim<\/h2>\n                        <p class=\"subtext\">ESF West Island School<\/p>\n                        <p class=\"subtext\">Class of 2024<\/p>\n                        <div class=\"info-section_23\">\n                            <div>\n                                <h3>Choice of University<\/h3>\n                                <p>University of Oxford<br>Medicine<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"additional-info_23\">\n                            <h3>My Story<\/h3>\n                            <p>Picture a future where medicine transcends its current boundaries, where cutting-edge treatments meet holistic patient care, and where technology amplifies the human touch in healing. That's the vision I'm passionate about bringing to life through my medical journey at Oxford University.<br><br>My mind is a fusion of scientific curiosity and empathetic problem-solving, viewing each medical challenge as an opportunity for groundbreaking solutions.<br><br>My mission? To turn the medical world on its head, sprinkle it with innovation, and serve it up with a side of compassion.<br><br>I'm not just pursuing a medical degree; I'm preparing to become a leader equipped with a brain that never stops buzzing and an unshakeable belief that medicine can be both brilliant and fun.<\/p>\n                            <img decoding=\"async\" class=\"additional-info-img_23\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/12E_WIS_Kim-Heewoong_Slogan.png\" alt=\"Slogan\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"lang-switch lang-zh\">\n                        <h2>Heewoong Kim<\/h2>\n                        <p class=\"subtext\">\u82f1\u57fa\u897f\u5cf6\u4e2d\u5b78<\/p>\n                        <p class=\"subtext\">2024\u5e74\u5ea6\u7562\u696d\u751f<\/p>\n                        <div class=\"info-section_23\">\n                            <div>\n                                <h3>\u5347\u5b78\u53bb\u5411<\/h3>\n                                <p>\u725b\u6d25\u5927\u5b78<br>\u91ab\u5b78\u8ab2\u7a0b<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"additional-info_23\">\n                            <h3>\u6211\u7684\u6545\u4e8b<\/h3>\n                            <p>\u300c\u8a66\u60f3\u50cf\u4e00\u500b\u91ab\u5b78\u8d85\u8d8a\u73fe\u6709\u754c\u9650\u7684\u672a\u4f86\uff1a\u7576\u5d84\u65b0\u7642\u6cd5\u878d\u5165\u5168\u65b9\u4f4d\u7684\u75c5\u60a3\u7167\u8b77\uff0c\u7576\u79d1\u6280\u653e\u5927\u4e86\u6cbb\u7652\u904e\u7a0b\u4e2d\u7684\u4eba\u6027\u95dc\u61f7\u3002\u9019\u5c31\u662f\u6211\u5728\u725b\u6d25\u5927\u5b78\u91ab\u5b78\u4e4b\u8def\u4e0a\u71b1\u5207\u60f3\u8981\u5be6\u73fe\u7684\u9858\u666f\u3002<br><br>\u6211\u7684\u601d\u7dad\u7d50\u5408\u4e86\u5c0d\u79d1\u5b78\u7684\u597d\u5947\u5fc3\u8207\u5bcc\u6709\u540c\u7406\u5fc3\u7684\u89e3\u96e3\u80fd\u529b\uff0c\u5c07\u6bcf\u500b\u91ab\u7642\u6311\u6230\u8996\u70ba\u7a81\u7834\u6027\u89e3\u6c7a\u65b9\u6848\u7684\u6a5f\u6703\u3002<br><br>\u6211\u7684\u4f7f\u547d\uff1f\u52a0\u5165\u5275\u65b0\u3001\u878d\u5165\u540c\u7406\u5fc3\uff0c\u4ee5\u985b\u8986\u91ab\u7642\u754c\u3002<br><br>\u6211\u4e0d\u50c5\u50c5\u5728\u8ffd\u6c42\u4e00\u500b\u91ab\u5b78\u5b78\u4f4d\uff0c\u66f4\u6e96\u5099\u6210\u70ba\u4e00\u540d\u9818\u5c0e\u8005\u2014\u2014\u64c1\u6709\u6c38\u4e0d\u6b62\u606f\u7684\u601d\u60f3\uff0c\u4ee5\u53ca\u4e00\u500b\u5805\u5b9a\u4e0d\u79fb\u7684\u4fe1\u5ff5\uff1a\u91ab\u7642\u53ef\u4ee5\u65e2\u5049\u5927\u53c8\u6709\u8da3\u3002\u300d<\/p>\n                            <img decoding=\"async\" class=\"additional-info-img_23\" src=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/12E_WIS_Kim-Heewoong_Slogan.png\" alt=\"Slogan\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.documentElement.lang = 'en';\n        \n        function toggleLanguage() {\n            const html = document.documentElement;\n            html.lang = html.lang === 'en' ? 'zh' : 'en';\n        }\n\n        function openDialog23() {\n            document.getElementById('dialogOverlay23').style.display = 'flex';\n        }\n\n        function closeDialog23() {\n            document.getElementById('dialogOverlay23').style.display = 'none';\n        }\n\n        function navigateProfile(profileNumber) {\n            closeDialog23();\n            \n            if (profileNumber === 22) {\n                \/\/ Navigate to profile 22\n                const targetModal = document.querySelector('#dialogOverlay22');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                    document.body.style.overflow = 'hidden';\n                }\n            } else if (profileNumber === 1) {\n                \/\/ Navigate to profile 1 (circular navigation)\n                const targetModal = document.querySelector('#dialog-overlay-1');\n                if (targetModal) {\n                    targetModal.style.display = 'flex';\n                    document.body.style.overflow = 'hidden';\n                }\n            }\n        }\n\n        \/\/ Close dialog when clicking outside\n        document.getElementById('dialogOverlay23').addEventListener('click', function(e) {\n            if (e.target === this) {\n                closeDialog23();\n            }\n        });\n\n        \/\/ Language switching - URL-based detection like profile_1.html\n        if (window.location.href.indexOf('zh') !== -1) {\n            \/\/ Update widget text\n            document.querySelector('.profile-text_23 h3').innerText = 'Heewoong Kim';\n            document.querySelector('.profile-text_23 p').innerText = '\u82f1\u57fa\u897f\u5cf6\u4e2d\u5b78';\n            \n            \/\/ Update dialog text\n            const textSection = document.querySelector('#dialogOverlay23 .text-section_23');\n            textSection.querySelector('h2').innerText = 'Heewoong Kim';\n            textSection.querySelector('.subtext:first-of-type').innerText = '\u82f1\u57fa\u897f\u5cf6\u4e2d\u5b78';\n            textSection.querySelector('.subtext:last-of-type').innerText = '2024 \u5e74\u5ea6\u7562\u696d\u751f';\n            document.querySelector('#dialogOverlay23 .info-section_23 h3').innerText = '\u5347\u5b78\u53bb\u5411';\n            document.querySelector('#dialogOverlay23 .info-section_23 p').innerHTML = '\u725b\u6d25\u5927\u5b78<br>\u91ab\u5b78\u8ab2\u7a0b';\n            document.querySelector('#dialogOverlay23 .additional-info_23 h3').innerText = '\u6211\u7684\u6545\u4e8b';\n            document.querySelector('#dialogOverlay23 .additional-info_23 p').innerHTML = '\u300c\u91ab\u5b78\u8d85\u8d8a\u754c\u9650\uff0c\u5c16\u7aef\u6cbb\u7642\u8207\u5168\u4eba\u75c5\u4eba\u8b77\u7406\u76f8\u9047\uff0c\u6280\u8853\u653e\u5927\u4eba\u6027\u95dc\u61f7\uff0c\u79d1\u5b78\u597d\u5947\u5fc3\u8207\u540c\u7406\u5fc3\u89e3\u6c7a\u554f\u984c\u7684\u878d\u5408\uff0c\u7528\u5275\u65b0\u548c\u540c\u60c5\u5fc3\u985b\u8986\u91ab\u5b78\u4e16\u754c\uff0c\u91ab\u5b78\u65e2\u8f1d\u714c\u53c8\u6709\u8da3\u3002<br><br>\u5728\u725b\u6d25\uff0c\u6211\u5c07\u80fd\u5920\u63a2\u7d22\u91ab\u5b78\u7684\u5404\u500b\u65b9\u9762\uff0c\u5f9e\u57fa\u790e\u79d1\u5b78\u5230\u81e8\u5e8a\u5be6\u8e10\uff0c\u5f9e\u7814\u7a76\u5230\u75c5\u4eba\u8b77\u7406\u3002\u6211\u671f\u5f85\u5728\u9019\u500b\u4e16\u754c\u7d1a\u7684\u6a5f\u69cb\u4e2d\u5b78\u7fd2\u548c\u6210\u9577\uff0c\u70ba\u672a\u4f86\u7684\u91ab\u5b78\u4e8b\u696d\u505a\u597d\u6e96\u5099\u3002<br><br>\u6211\u7684\u76ee\u6a19\u662f\u6210\u70ba\u4e00\u540d\u65e2\u6709\u79d1\u5b78\u77e5\u8b58\u53c8\u6709\u4eba\u6587\u95dc\u61f7\u7684\u91ab\u751f\uff0c\u80fd\u5920\u5728\u4e0d\u65b7\u8b8a\u5316\u7684\u91ab\u5b78\u9818\u57df\u4e2d\u505a\u51fa\u6709\u610f\u7fa9\u7684\u8ca2\u737b\u3002\u300d';\n        }\n    <\/script>\n<\/body>\n<\/html> \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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-38b161e e-flex e-con-boxed e-con e-parent\" data-id=\"38b161e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16d8b7a ib45summary elementor-widget elementor-widget-text-editor\" data-id=\"16d8b7a\" data-element_type=\"widget\" id=\"ib45summary\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h3>\u6211\u5011\u5091\u51fa\u7684Year 13\u7562\u696d\u751f\u5df2\u6e96\u5099\u597d\u5168\u8eab\u5fc3\u6295\u5165\u4e0b\u4e00\u500b\u4eba\u751f\u968e\u6bb5\u7684\u65c5\u7a0b! \u4ed6\u5011\u5f88\u9ad8\u8208\u8207\u5927\u5bb6\u5206\u4eab\u4ed6\u5011\u672a\u4f86\u7684\u8a08\u5283:<\/h3><p>\u00b7 \u738b\u73c0\u745c <em>\u82f1\u57fa\u667a\u65b0\u66f8\u9662<\/em><br \/>\u502b\u6566\u5e1d\u570b\u5b78\u9662 \u5316\u5b78\u5c08\u696d<\/p><p>\u00b7 \u7b26\u5eb7\u797a <em>\u82f1\u57fa\u6e2f\u5cf6\u4e2d\u5b78<\/em><br \/>\u9999\u6e2f\u5927\u5b78 &#8211; \u502b\u6566\u5927\u5b78\u5b78\u9662 \u6cd5\u5b78\u58eb\u96d9\u5b78\u4f4d\u8ab2\u7a0b<\/p><p>\u00b7 Hannah Wu <em>\u82f1\u57fa\u6e2f\u5cf6\u4e2d\u5b78<\/em><br \/>\u591a\u502b\u591a\u5927\u5b78 \u751f\u547d\u79d1\u5b78\u8ab2\u7a0b<\/p><p>\u00b7 \u5468\u7a4e\u5f64 <em>\u82f1\u57fa\u82f1\u7687\u4f50\u6cbb\u4e94\u4e16\u5b78\u6821<\/em><br \/>\u9999\u6e2f\u5927\u5b78 \u5167\u5916\u5168\u79d1\u91ab\u5b78\u58eb\u8ab2\u7a0b\u300c\u5091\u51fa\u91ab\u79d1\u5b78\u4eba\u300d<\/p><p>\u00b7 \u72c4\u7f8e\u5a1c <em>\u82f1\u57fa\u82f1\u7687\u4f50\u6cbb\u4e94\u4e16\u5b78\u6821<\/em><br \/>\u9999\u6e2f\u4e2d\u6587\u5927\u5b78 \u5167\u5916\u5168\u79d1\u91ab\u5b78\u58eb\u8ab2\u7a0b\u300c\u74b0\u7403\u91ab\u5b78\u9818\u8896\u57f9\u8a13\u5c08\u4fee\u7d44\u300d<\/p><p>\u00b7 \u5289\u5029\u5f64 <em>\u82f1\u57fa\u82f1\u7687\u4f50\u6cbb\u4e94\u4e16\u5b78\u6821<\/em><br \/>\u52a0\u5dde\u5927\u5b78\u6d1b\u6749\u78ef\u5206\u6821 \u751f\u7269\u5de5\u7a0b\u5b78\u58eb\u8ab2\u7a0b<\/p><p>\u00b7 \u674e\u82af\u5f26 <em>\u82f1\u57fa\u82f1\u7687\u4f50\u6cbb\u4e94\u4e16\u5b78\u6821<\/em><br \/>\u9999\u6e2f\u5927\u5b78 \u5167\u5916\u5168\u79d1\u91ab\u5b78\u58eb\u8ab2\u7a0b\u300c\u5091\u51fa\u91ab\u79d1\u5b78\u4eba\u300d<\/p><p>\u00b7 \u66fe\u667a\u8b19 <em>\u82f1\u57fa\u82f1\u7687\u4f50\u6cbb\u4e94\u4e16\u5b78\u6821<\/em><br \/>\u9999\u6e2f\u5927\u5b78 \u5167\u5916\u5168\u79d1\u91ab\u5b78\u58eb\u8ab2\u7a0b\u300c\u5091\u51fa\u91ab\u79d1\u5b78\u4eba\u300d<\/p><p>\u00b7 Darkan Budhrani <em>\u82f1\u57fa\u5553\u65b0\u66f8\u9662<\/em><br \/>\u9999\u6e2f\u5927\u5b78 \u5de5\u5546\u7ba1\u7406\u5b78\u58eb(\u570b\u969b\u5546\u696d\u53ca\u74b0\u7403\u7ba1\u7406)\u8ab2\u7a0b<\/p><p>\u00b7 \u738b\u5929\u8cdc <em>\u82f1\u57fa\u5553\u65b0\u66f8\u9662<\/em><br \/>\u502b\u6566\u5e1d\u570b\u5b78\u9662 \u6a5f\u68b0\u5de5\u7a0b\u5c08\u696d<\/p><p>\u00b7 Shriya Srinivasan <em>\u82f1\u57fa\u5553\u65b0\u66f8\u9662<\/em><br \/>\u502b\u6566\u5927\u5b78\u5b78\u9662 \u4eba\u985e\u5b78<\/p><p>\u00b7 \u4e01\u980c\u71b9 <em>\u82f1\u57fa\u6c99\u7530\u5b78\u9662<\/em><br \/>\u4ee3\u723e\u592b\u7279\u7406\u5de5\u5927\u5b78 \u822a\u7a7a\u592a\u7a7a\u5de5\u7a0b\u5b78\u58eb\u8ab2\u7a0b<\/p><p>\u00b7 \u5289\u5de7\u7433 <em>\u82f1\u57fa\u6c99\u7530\u5b78\u9662<\/em><br \/>\u502b\u6566\u570b\u738b\u5b78\u9662 \u6cd5\u5b78\u5b78\u58eb<\/p><p>\u00b7 \u5f6d\u6a02\u5e0c <em>\u82f1\u57fa\u6c99\u7530\u5b78\u9662<\/em><br \/>\u9999\u6e2f\u4e2d\u6587\u5927\u5b78 \u5167\u5916\u5168\u79d1\u91ab\u5b78\u58eb\u8ab2\u7a0b\u300c\u74b0\u7403\u91ab\u5b78\u9818\u8896\u57f9\u8a13\u5c08\u4fee\u7d44\u300d<\/p><p>\u00b7 \u90b1\u5065\u5fd7 <em>\u82f1\u57fa\u6c99\u7530\u5b78\u9662<\/em><br \/>\u9999\u6e2f\u5927\u5b78 &#8211; \u528d\u6a4b\u5927\u5b78 \u7269\u7406\u96d9\u5b78\u4f4d\u8ab2\u7a0b<\/p><p>\u00b7 \u6731\u5929\u6717 <em>\u82f1\u57fa\u5357\u5cf6\u4e2d\u5b78<\/em><br \/>\u9999\u6e2f\u4e2d\u6587\u5927\u5b78 \u5167\u5916\u5168\u79d1\u91ab\u5b78\u58eb\u8ab2\u7a0b\u300c\u74b0\u7403\u91ab\u5b78\u9818\u8896\u57f9\u8a13\u5c08\u4fee\u7d44\u300d<\/p><p>\u00b7 Annice Hui <em>\u82f1\u57fa\u5357\u5cf6\u4e2d\u5b78<\/em><br \/>\u502b\u6566\u5e1d\u570b\u5b78\u9662 \u751f\u7269\u79d1\u5b78\u5c08\u696d<\/p><p>\u00b7 \u5289\u884d\u6771 <em>\u82f1\u57fa\u5357\u5cf6\u4e2d\u5b78<\/em><br \/>\u725b\u6d25\u5927\u5b78 \u5316\u5b78\u5de5\u7a0b\u5c08\u696d<\/p><p>\u00b7 \u674e\u51cc\u5091 <em>\u82f1\u57fa\u5357\u5cf6\u4e2d\u5b78<\/em><br \/>\u502b\u6566\u653f\u6cbb\u7d93\u6fdf\u5b78\u9662 \u6cd5\u5b78\u5b78\u58eb<\/p><p>\u00b7 Eunsu Stella Min <em>\u82f1\u57fa\u5357\u5cf6\u4e2d\u5b78<\/em><br \/>\u9999\u6e2f\u4e2d\u6587\u5927\u5b78 \u5167\u5916\u5168\u79d1\u91ab\u5b78\u58eb\u8ab2\u7a0b<\/p><p>\u00b7 Lauren Darley <em>\u82f1\u57fa\u897f\u5cf6\u4e2d\u5b78<\/em><br \/>\u8c9d\u723e\u6cd5\u65af\u7279\u5973\u738b\u5927\u5b78 \u91ab\u5b78\u8ab2\u7a0b<\/p><p>\u00b7 \u9ec4\u701a\u9315 <em>\u82f1\u57fa\u897f\u5cf6\u4e2d\u5b78<\/em><br \/>\u9999\u6e2f\u5927\u5b78 \u5167\u5916\u5168\u79d1\u91ab\u5b78\u58eb\u8ab2\u7a0b\u300c\u5091\u51fa\u91ab\u79d1\u5b78\u4eba\u300d<\/p><p>\u00b7 Jiya Joji <em>\u82f1\u57fa\u897f\u5cf6\u4e2d\u5b78<\/em><br \/>\u9999\u6e2f\u4e2d\u6587\u5927\u5b78 \u5167\u5916\u5168\u79d1\u91ab\u5b78\u58eb\u8ab2\u7a0b<\/p><p>\u00b7 Heewoong Kim <em>\u82f1\u57fa\u897f\u5cf6\u4e2d\u5b78<\/em><br \/>\u725b\u6d25\u5927\u5b78 \u91ab\u5b78\u8ab2\u7a0b<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-06d60c3 e-con-full e-flex e-con e-parent\" data-id=\"06d60c3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81f7f65 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"81f7f65\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t  <style>\n        .carousel-container {\n            overflow: hidden;\n            width: 100%;\n        }\n\n        .carousel {\n            display: flex;\n            animation: scroll 6000s linear infinite;\n        }\n\n        .carousel img {\n            width: 25vw;\n            height: auto;\n            flex-shrink: 0;\n            object-fit: contain;\n            padding-right: 0;\n        }\n\n        @keyframes scroll {\n            0% {\n                transform: translateX(0);\n            }\n            100% {\n                transform: translateX(-100000%);\n            }\n        }\n\n        @media (max-width: 720px) {\n            .carousel img {\n                width: 45vw;\n            }\n        }\n    <\/style>\n    \n    <div class=\"carousel-container\">\n        <div class=\"carousel\" id=\"carousel\">\n            <!-- Images will be dynamically inserted here -->\n        <\/div>\n    <\/div>\n    <script>\n        const images = [\n            \"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_1E_DC_Caitlin-Wong_Slogan.png\",\n            \"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_2E_IS_Fu-Tracy_Slogan.png\",\n            \"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_3E_IS_WU-Hannah_Slogan.png\",\n            \"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_4E_KGV_Tsang-Chi-Him_Slogan.png\",\n            \"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_5E_RC_Darkan-Budhrani_Slogan.png\",\n            \"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_6E_RC_Wong-Joseph_Slogan.png\",\n            \"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_7E_STC_Dingcong-Marc-Christopher_Slogan.png\",\n            \"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_8E_SIS_Hui-Annice_Slogan.png\",\n            \"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_9E_SIS_Lau-Marcus_Slogan.png\",\n            \"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_10E_SIS_Min-Stella_Slogan.png\",\n            \"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/0712_11E_WIS_Jiya-Joji_Slogan.png\",\n            \"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/07\/12E_WIS_Kim-Heewoong_Slogan_v3.png\",\n              \"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/09\/03-RC_Shriya-Srinivasan_slogan.png\"\n        ];\n\n        const carousel = document.getElementById('carousel');\n\n        for (let i = 0; i < 1000; i++) {\n            images.forEach(src => {\n                const img = document.createElement('img');\n                img.src = src;\n                img.alt = \"Image\";\n                carousel.appendChild(img);\n            });\n        }\n    <\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-16f8627 e-con-full e-flex e-con e-parent\" data-id=\"16f8627\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2ff7564 e-con-full e-flex e-con e-child\" data-id=\"2ff7564\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-bd01632 e-flex e-con-boxed e-con e-child\" data-id=\"bd01632\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c80fa6b elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"c80fa6b\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u4f60\u7684\u4e00\u500b\u6c7a\u5b9a\uff0c\u66ff\u5b69\u5b50\u958b\u901a\u7121\u9650\u524d\u8def!<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3af7d29 elementor-align-center elementor-mobile-align-center elementor-invisible elementor-widget elementor-widget-button\" data-id=\"3af7d29\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/join-us.esf.edu.hk\/zh-hant\/admissions\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-arrow-circle-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u73fe\u5728\u7533\u8acb<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u9996\u9801 \u95dc\u65bc\u82f1\u57fa \u70ba\u4f55\u82f1\u57fa\u8207\u5225\u4e0d\u540c\uff1f Future Ready #IB45 FUTURE READY #IB45 [&hellip;]<\/p>\n","protected":false},"author":15,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-30598","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Future Ready #IB45 2024\uff5c\u9999\u6e2fIB\u8ab2\u7a0b\u4e2d\u5b78 IB\u72c0\u5143\uff5c\u9999\u6e2f\u6700\u5927\u578b\u7684\u570b\u969b\u5b78\u6821\u7d44\u7e54\uff5c\u82f1\u57fa\u5b78\u6821\u5354\u6703<\/title>\n<meta name=\"description\" content=\"FUTURE READY\u4f01\u5283\u65e8\u5728\u8868\u63da\u6211\u5011\u8868\u73fe\u5091\u51fa\u7684\u5b78\u751f\u3002\u5728\u82f1\u57fa\u5b78\u6821\u5c31\u8b80\u671f\u9593\uff0c\u4ed6\u5011\u52aa\u529b\u7a81\u7834\u81ea\u6211\uff0c\u6210\u9577\u70ba\u66f4\u597d\u7684\u81ea\u5df1\u3002\u9019\u9805\u8a08\u4f01\u5283\u8b93\u82f1\u57fa\u898b\u8b49\u4e86IB\u8ab2\u7a0b\u5982\u4f55\u57f9\u990a\u5b78\u751f\u5168\u9762\u767c\u5c55\uff0c\u6211\u5011\u4e0d\u53ea\u95dc\u6ce8\u8003\u8a66\u6210\u7e3e\uff0c\u66f4\u5e0c\u671b\u70ba\u9019\u4e9b\u5b78\u751f\u63d0\u4f9b\u5c55\u73fe\u81ea\u6211\u7684\u821e\u53f0\uff0c\u8b93\u4ed6\u5011\u5728\u6240\u9078\u64c7\u7684\u9818\u57df\u4e2d\u8301\u58ef\u6210\u9577\uff0c\u4e26\u70ba\u4e16\u754c\u5e36\u4f86\u8ca2\u737b\u3002\uff5c\u9999\u6e2fIB\u8ab2\u7a0b\u4e2d\u5b78 IB\u72c0\u5143\uff5c\u82f1\u57fa\u5b78\u6821\u5354\u6703\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/join-us.esf.edu.hk\/zh-hant\/ib45-2024\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Future Ready #IB45 2024\uff5c\u9999\u6e2fIB\u8ab2\u7a0b\u4e2d\u5b78 IB\u72c0\u5143\uff5c\u9999\u6e2f\u6700\u5927\u578b\u7684\u570b\u969b\u5b78\u6821\u7d44\u7e54\uff5c\u82f1\u57fa\u5b78\u6821\u5354\u6703\" \/>\n<meta property=\"og:description\" content=\"FUTURE READY\u4f01\u5283\u65e8\u5728\u8868\u63da\u6211\u5011\u8868\u73fe\u5091\u51fa\u7684\u5b78\u751f\u3002\u5728\u82f1\u57fa\u5b78\u6821\u5c31\u8b80\u671f\u9593\uff0c\u4ed6\u5011\u52aa\u529b\u7a81\u7834\u81ea\u6211\uff0c\u6210\u9577\u70ba\u66f4\u597d\u7684\u81ea\u5df1\u3002\u9019\u9805\u8a08\u4f01\u5283\u8b93\u82f1\u57fa\u898b\u8b49\u4e86IB\u8ab2\u7a0b\u5982\u4f55\u57f9\u990a\u5b78\u751f\u5168\u9762\u767c\u5c55\uff0c\u6211\u5011\u4e0d\u53ea\u95dc\u6ce8\u8003\u8a66\u6210\u7e3e\uff0c\u66f4\u5e0c\u671b\u70ba\u9019\u4e9b\u5b78\u751f\u63d0\u4f9b\u5c55\u73fe\u81ea\u6211\u7684\u821e\u53f0\uff0c\u8b93\u4ed6\u5011\u5728\u6240\u9078\u64c7\u7684\u9818\u57df\u4e2d\u8301\u58ef\u6210\u9577\uff0c\u4e26\u70ba\u4e16\u754c\u5e36\u4f86\u8ca2\u737b\u3002\uff5c\u9999\u6e2fIB\u8ab2\u7a0b\u4e2d\u5b78 IB\u72c0\u5143\uff5c\u82f1\u57fa\u5b78\u6821\u5354\u6703\" \/>\n<meta property=\"og:url\" content=\"https:\/\/join-us.esf.edu.hk\/zh-hant\/ib45-2024\/\" \/>\n<meta property=\"og:site_name\" content=\"English Schools Foundation | 22 International Schools in HK\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/English.Schools.Foundation\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-16T03:27:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/240813-IB45_web-banner-v2-1.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9810\u4f30\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"34 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/ib45-2024\/\",\"url\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/ib45-2024\/\",\"name\":\"Future Ready #IB45 2024\uff5c\u9999\u6e2fIB\u8ab2\u7a0b\u4e2d\u5b78 IB\u72c0\u5143\uff5c\u9999\u6e2f\u6700\u5927\u578b\u7684\u570b\u969b\u5b78\u6821\u7d44\u7e54\uff5c\u82f1\u57fa\u5b78\u6821\u5354\u6703\",\"isPartOf\":{\"@id\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/ib45-2024\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/ib45-2024\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/240813-IB45_web-banner-v2-1.jpg\",\"datePublished\":\"2025-07-13T06:21:10+00:00\",\"dateModified\":\"2025-07-16T03:27:43+00:00\",\"description\":\"FUTURE READY\u4f01\u5283\u65e8\u5728\u8868\u63da\u6211\u5011\u8868\u73fe\u5091\u51fa\u7684\u5b78\u751f\u3002\u5728\u82f1\u57fa\u5b78\u6821\u5c31\u8b80\u671f\u9593\uff0c\u4ed6\u5011\u52aa\u529b\u7a81\u7834\u81ea\u6211\uff0c\u6210\u9577\u70ba\u66f4\u597d\u7684\u81ea\u5df1\u3002\u9019\u9805\u8a08\u4f01\u5283\u8b93\u82f1\u57fa\u898b\u8b49\u4e86IB\u8ab2\u7a0b\u5982\u4f55\u57f9\u990a\u5b78\u751f\u5168\u9762\u767c\u5c55\uff0c\u6211\u5011\u4e0d\u53ea\u95dc\u6ce8\u8003\u8a66\u6210\u7e3e\uff0c\u66f4\u5e0c\u671b\u70ba\u9019\u4e9b\u5b78\u751f\u63d0\u4f9b\u5c55\u73fe\u81ea\u6211\u7684\u821e\u53f0\uff0c\u8b93\u4ed6\u5011\u5728\u6240\u9078\u64c7\u7684\u9818\u57df\u4e2d\u8301\u58ef\u6210\u9577\uff0c\u4e26\u70ba\u4e16\u754c\u5e36\u4f86\u8ca2\u737b\u3002\uff5c\u9999\u6e2fIB\u8ab2\u7a0b\u4e2d\u5b78 IB\u72c0\u5143\uff5c\u82f1\u57fa\u5b78\u6821\u5354\u6703\",\"breadcrumb\":{\"@id\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/ib45-2024\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/join-us.esf.edu.hk\/zh-hant\/ib45-2024\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/ib45-2024\/#primaryimage\",\"url\":\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/240813-IB45_web-banner-v2-1.jpg\",\"contentUrl\":\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/240813-IB45_web-banner-v2-1.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/ib45-2024\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Future Ready #IB45 &#8211; 2024 &#8211; \u82f1\u57fa\u5b78\u6821\u5354\u6703\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/#website\",\"url\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/\",\"name\":\"English Schools Foundation | 22 International Schools in HK\",\"description\":\"Offering a world class education from K1 to Year 13\",\"publisher\":{\"@id\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-TW\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/#organization\",\"name\":\"English Schools Foundation\",\"alternateName\":\"ESF\",\"url\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2023\/07\/esf-logo-wt.svg\",\"contentUrl\":\"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2023\/07\/esf-logo-wt.svg\",\"width\":616.09,\"height\":158.48,\"caption\":\"English Schools Foundation\"},\"image\":{\"@id\":\"https:\/\/join-us.esf.edu.hk\/zh-hant\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/English.Schools.Foundation\",\"https:\/\/www.instagram.com\/esf_englishschoolsfoundation\/\",\"https:\/\/www.youtube.com\/@esfcommunications\",\"https:\/\/hk.linkedin.com\/company\/esf-education\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Future Ready #IB45 2024\uff5c\u9999\u6e2fIB\u8ab2\u7a0b\u4e2d\u5b78 IB\u72c0\u5143\uff5c\u9999\u6e2f\u6700\u5927\u578b\u7684\u570b\u969b\u5b78\u6821\u7d44\u7e54\uff5c\u82f1\u57fa\u5b78\u6821\u5354\u6703","description":"FUTURE READY\u4f01\u5283\u65e8\u5728\u8868\u63da\u6211\u5011\u8868\u73fe\u5091\u51fa\u7684\u5b78\u751f\u3002\u5728\u82f1\u57fa\u5b78\u6821\u5c31\u8b80\u671f\u9593\uff0c\u4ed6\u5011\u52aa\u529b\u7a81\u7834\u81ea\u6211\uff0c\u6210\u9577\u70ba\u66f4\u597d\u7684\u81ea\u5df1\u3002\u9019\u9805\u8a08\u4f01\u5283\u8b93\u82f1\u57fa\u898b\u8b49\u4e86IB\u8ab2\u7a0b\u5982\u4f55\u57f9\u990a\u5b78\u751f\u5168\u9762\u767c\u5c55\uff0c\u6211\u5011\u4e0d\u53ea\u95dc\u6ce8\u8003\u8a66\u6210\u7e3e\uff0c\u66f4\u5e0c\u671b\u70ba\u9019\u4e9b\u5b78\u751f\u63d0\u4f9b\u5c55\u73fe\u81ea\u6211\u7684\u821e\u53f0\uff0c\u8b93\u4ed6\u5011\u5728\u6240\u9078\u64c7\u7684\u9818\u57df\u4e2d\u8301\u58ef\u6210\u9577\uff0c\u4e26\u70ba\u4e16\u754c\u5e36\u4f86\u8ca2\u737b\u3002\uff5c\u9999\u6e2fIB\u8ab2\u7a0b\u4e2d\u5b78 IB\u72c0\u5143\uff5c\u82f1\u57fa\u5b78\u6821\u5354\u6703","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/join-us.esf.edu.hk\/zh-hant\/ib45-2024\/","og_locale":"zh_TW","og_type":"article","og_title":"Future Ready #IB45 2024\uff5c\u9999\u6e2fIB\u8ab2\u7a0b\u4e2d\u5b78 IB\u72c0\u5143\uff5c\u9999\u6e2f\u6700\u5927\u578b\u7684\u570b\u969b\u5b78\u6821\u7d44\u7e54\uff5c\u82f1\u57fa\u5b78\u6821\u5354\u6703","og_description":"FUTURE READY\u4f01\u5283\u65e8\u5728\u8868\u63da\u6211\u5011\u8868\u73fe\u5091\u51fa\u7684\u5b78\u751f\u3002\u5728\u82f1\u57fa\u5b78\u6821\u5c31\u8b80\u671f\u9593\uff0c\u4ed6\u5011\u52aa\u529b\u7a81\u7834\u81ea\u6211\uff0c\u6210\u9577\u70ba\u66f4\u597d\u7684\u81ea\u5df1\u3002\u9019\u9805\u8a08\u4f01\u5283\u8b93\u82f1\u57fa\u898b\u8b49\u4e86IB\u8ab2\u7a0b\u5982\u4f55\u57f9\u990a\u5b78\u751f\u5168\u9762\u767c\u5c55\uff0c\u6211\u5011\u4e0d\u53ea\u95dc\u6ce8\u8003\u8a66\u6210\u7e3e\uff0c\u66f4\u5e0c\u671b\u70ba\u9019\u4e9b\u5b78\u751f\u63d0\u4f9b\u5c55\u73fe\u81ea\u6211\u7684\u821e\u53f0\uff0c\u8b93\u4ed6\u5011\u5728\u6240\u9078\u64c7\u7684\u9818\u57df\u4e2d\u8301\u58ef\u6210\u9577\uff0c\u4e26\u70ba\u4e16\u754c\u5e36\u4f86\u8ca2\u737b\u3002\uff5c\u9999\u6e2fIB\u8ab2\u7a0b\u4e2d\u5b78 IB\u72c0\u5143\uff5c\u82f1\u57fa\u5b78\u6821\u5354\u6703","og_url":"https:\/\/join-us.esf.edu.hk\/zh-hant\/ib45-2024\/","og_site_name":"English Schools Foundation | 22 International Schools in HK","article_publisher":"https:\/\/www.facebook.com\/English.Schools.Foundation","article_modified_time":"2025-07-16T03:27:43+00:00","og_image":[{"url":"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/240813-IB45_web-banner-v2-1.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"\u9810\u4f30\u95b1\u8b80\u6642\u9593":"34 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/join-us.esf.edu.hk\/zh-hant\/ib45-2024\/","url":"https:\/\/join-us.esf.edu.hk\/zh-hant\/ib45-2024\/","name":"Future Ready #IB45 2024\uff5c\u9999\u6e2fIB\u8ab2\u7a0b\u4e2d\u5b78 IB\u72c0\u5143\uff5c\u9999\u6e2f\u6700\u5927\u578b\u7684\u570b\u969b\u5b78\u6821\u7d44\u7e54\uff5c\u82f1\u57fa\u5b78\u6821\u5354\u6703","isPartOf":{"@id":"https:\/\/join-us.esf.edu.hk\/zh-hant\/#website"},"primaryImageOfPage":{"@id":"https:\/\/join-us.esf.edu.hk\/zh-hant\/ib45-2024\/#primaryimage"},"image":{"@id":"https:\/\/join-us.esf.edu.hk\/zh-hant\/ib45-2024\/#primaryimage"},"thumbnailUrl":"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/240813-IB45_web-banner-v2-1.jpg","datePublished":"2025-07-13T06:21:10+00:00","dateModified":"2025-07-16T03:27:43+00:00","description":"FUTURE READY\u4f01\u5283\u65e8\u5728\u8868\u63da\u6211\u5011\u8868\u73fe\u5091\u51fa\u7684\u5b78\u751f\u3002\u5728\u82f1\u57fa\u5b78\u6821\u5c31\u8b80\u671f\u9593\uff0c\u4ed6\u5011\u52aa\u529b\u7a81\u7834\u81ea\u6211\uff0c\u6210\u9577\u70ba\u66f4\u597d\u7684\u81ea\u5df1\u3002\u9019\u9805\u8a08\u4f01\u5283\u8b93\u82f1\u57fa\u898b\u8b49\u4e86IB\u8ab2\u7a0b\u5982\u4f55\u57f9\u990a\u5b78\u751f\u5168\u9762\u767c\u5c55\uff0c\u6211\u5011\u4e0d\u53ea\u95dc\u6ce8\u8003\u8a66\u6210\u7e3e\uff0c\u66f4\u5e0c\u671b\u70ba\u9019\u4e9b\u5b78\u751f\u63d0\u4f9b\u5c55\u73fe\u81ea\u6211\u7684\u821e\u53f0\uff0c\u8b93\u4ed6\u5011\u5728\u6240\u9078\u64c7\u7684\u9818\u57df\u4e2d\u8301\u58ef\u6210\u9577\uff0c\u4e26\u70ba\u4e16\u754c\u5e36\u4f86\u8ca2\u737b\u3002\uff5c\u9999\u6e2fIB\u8ab2\u7a0b\u4e2d\u5b78 IB\u72c0\u5143\uff5c\u82f1\u57fa\u5b78\u6821\u5354\u6703","breadcrumb":{"@id":"https:\/\/join-us.esf.edu.hk\/zh-hant\/ib45-2024\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/join-us.esf.edu.hk\/zh-hant\/ib45-2024\/"]}]},{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/join-us.esf.edu.hk\/zh-hant\/ib45-2024\/#primaryimage","url":"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/240813-IB45_web-banner-v2-1.jpg","contentUrl":"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2024\/08\/240813-IB45_web-banner-v2-1.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/join-us.esf.edu.hk\/zh-hant\/ib45-2024\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/join-us.esf.edu.hk\/zh-hant\/"},{"@type":"ListItem","position":2,"name":"Future Ready #IB45 &#8211; 2024 &#8211; \u82f1\u57fa\u5b78\u6821\u5354\u6703"}]},{"@type":"WebSite","@id":"https:\/\/join-us.esf.edu.hk\/zh-hant\/#website","url":"https:\/\/join-us.esf.edu.hk\/zh-hant\/","name":"English Schools Foundation | 22 International Schools in HK","description":"Offering a world class education from K1 to Year 13","publisher":{"@id":"https:\/\/join-us.esf.edu.hk\/zh-hant\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/join-us.esf.edu.hk\/zh-hant\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-TW"},{"@type":"Organization","@id":"https:\/\/join-us.esf.edu.hk\/zh-hant\/#organization","name":"English Schools Foundation","alternateName":"ESF","url":"https:\/\/join-us.esf.edu.hk\/zh-hant\/","logo":{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/join-us.esf.edu.hk\/zh-hant\/#\/schema\/logo\/image\/","url":"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2023\/07\/esf-logo-wt.svg","contentUrl":"https:\/\/join-us.esf.edu.hk\/wp-content\/uploads\/2023\/07\/esf-logo-wt.svg","width":616.09,"height":158.48,"caption":"English Schools Foundation"},"image":{"@id":"https:\/\/join-us.esf.edu.hk\/zh-hant\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/English.Schools.Foundation","https:\/\/www.instagram.com\/esf_englishschoolsfoundation\/","https:\/\/www.youtube.com\/@esfcommunications","https:\/\/hk.linkedin.com\/company\/esf-education"]}]}},"_links":{"self":[{"href":"https:\/\/join-us.esf.edu.hk\/zh-hant\/wp-json\/wp\/v2\/pages\/30598"}],"collection":[{"href":"https:\/\/join-us.esf.edu.hk\/zh-hant\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/join-us.esf.edu.hk\/zh-hant\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/join-us.esf.edu.hk\/zh-hant\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/join-us.esf.edu.hk\/zh-hant\/wp-json\/wp\/v2\/comments?post=30598"}],"version-history":[{"count":52,"href":"https:\/\/join-us.esf.edu.hk\/zh-hant\/wp-json\/wp\/v2\/pages\/30598\/revisions"}],"predecessor-version":[{"id":31133,"href":"https:\/\/join-us.esf.edu.hk\/zh-hant\/wp-json\/wp\/v2\/pages\/30598\/revisions\/31133"}],"wp:attachment":[{"href":"https:\/\/join-us.esf.edu.hk\/zh-hant\/wp-json\/wp\/v2\/media?parent=30598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}