{"id":32565,"date":"2024-06-04T10:57:34","date_gmt":"2024-06-04T02:57:34","guid":{"rendered":"https:\/\/academy.isf.edu.hk\/?page_id=32565"},"modified":"2024-08-07T08:37:04","modified_gmt":"2024-08-07T00:37:04","slug":"class-of-2024","status":"publish","type":"page","link":"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024\/","title":{"rendered":"Class of 2024"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_section][vc_row disable_element=&#8221;yes&#8221; el_class=&#8221;container&#8221;][vc_column][vc_empty_space height=&#8221;50px&#8221;][vc_column_text]<\/p>\n<div class=\"ewa-rteLine\" style=\"text-align: center;\">In this place, where we can learn and play,<br \/>\nIn our school, it\u2019s never dull or grey,<br \/>\nHand in hand, together and united as we stand,<br \/>\nEveryone, we welcome a great new day.<\/div>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<div class=\"ewa-rteLine\" style=\"text-align: center;\">Giving love, is a way we learn to gain,<br \/>\nSharing pain, is a sign of being brave,<br \/>\nIn this school, we walk together sunshine after rain,<br \/>\nCome what may, we welcome every day.<\/div>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row vidbg_vc_type=&#8221;youtube&#8221; el_class=&#8221;container&#8221; el_id=&#8221;achievement_video1&#8243;][vc_column el_class=&#8221;container&#8221;][vc_custom_heading text=&#8221;&#8221; font_container=&#8221;tag:h2|font_size:28px|text_align:center|color:%23ffffff&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;fadeIn&#8221;][vc_row_inner][vc_column_inner width=&#8221;1\/6&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;2\/3&#8243;]<style type=\"text\/css\">\r\n                .image-container{\r\n                    width:100%;\r\n                    overflow:hidden;\r\n                    position:relative;\r\n                }\r\n                .image-container img{\r\n                    width:100%;\r\n                    border-radius:0px 72px 0px 72px;\r\n                }\r\n                .image-container.Bottom2Col img{\r\n                    border-radius:72px 0px 72px 0px;\r\n                }\r\n                .image-container .caption-container{\r\n                    position:absolute;\r\n                    right:0;\r\n                    left:0;\r\n                    bottom:0;\r\n                    max-height:50%;\r\n                    z-index:2;\r\n                    background:rgba(0,24,132, 0.8);\r\n                    border-radius:0px 72px 0px 72px;\r\n                    padding:10px 30px 30px 30px;\r\n                    overflow:hidden;\r\n                }\r\n                .image-container.Bottom2Col .caption-container{\r\n                    padding:4% 50px;\r\n                    max-height:33%;\r\n                    border-radius:72px 0px 72px 0px;\r\n                }\r\n                .image-container.Mouseover .caption-container{\r\n                    display:none;\r\n                }\r\n                .image-container.Mouseover:hover .caption-container{                    \r\n                    display:block;\r\n                }\r\n                .image-container.Mouseover:hover::after {position:absolute;\r\n                    right:0;\r\n                    left:0;\r\n                    bottom:0;\r\n                    top:0;\r\n                    content:\"\";\r\n                    z-index:1;\r\n                    background:rgba(0,0,0,0.3);\r\n                    border-radius:0px 72px 0px 72px;\r\n                }\r\n                .image-container .caption-inner-container{\r\n                    height:100%;\r\n                    overflow:hidden;\r\n                }\r\n                .image-container .caption-title{\r\n                    width:100%;\r\n                    display:block;\r\n                    float:left;\r\n                    color:#FFF;\r\n                    font-size:28px;\r\n                    font-weight:600;\r\n                    margin-right:-5px;\r\n                    padding:10px 0px;\r\n                    line-height:1.2;\r\n                }\r\n                .image-container.Bottom2Col .caption-title{\r\n                    width:30%;\r\n                    font-size:32px;\r\n                    padding:0px 10px;\r\n                }\r\n                .image-container .caption::before{\r\n                    content:\" \";\r\n                    background:#FFF;\r\n                    position:absolute;\r\n                    display:block;\r\n                    float:left;\r\n                    width:40px;\r\n                    height:3px;\r\n                    margin-top:-20px;\r\n                }\r\n                .image-container.Bottom2Col .caption::before{\r\n                    top:50%;\r\n                    width:3px;\r\n                    height:40px;\r\n                    margin-top:-20px;\r\n                    margin-left:-55px;\r\n                }\r\n                .image-container .caption{\r\n                    color:#FFF;\r\n                    display:block;\r\n                    float:left;\r\n                    font-size:18px;\r\n                    overflow:hidden;\r\n                    line-height:1.4;\r\n                    width:100%;\r\n                    padding:10px 0px;\r\n                    padding-top:20px;\r\n                }\r\n                .image-container.Bottom2Col .caption{\r\n                    width:60%;\r\n                    margin-left:10%;\r\n                    padding:0px 10px;\r\n                    padding-left:50px;\r\n\r\n                }\r\n\r\n\r\n\r\n                <\/style><div class=\" image-container  wpb_content_element wpb_animate_when_almost_visible wpb_ \">\r\n                    <img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/Class-of-2024-Graduation-Banner7.png\" \/><\/div>[vc_empty_space height=&#8221;50px&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/6&#8243;][\/vc_column_inner][\/vc_row_inner][vc_empty_space][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text]<\/p>\n<div class=\"nv-iframe-embed\"><iframe loading=\"lazy\" title=\"ISF Class of 2024\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/vrnI_T6f6Pk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_empty_space height=&#8221;15px&#8221;][vc_column_text]<\/p>\n<p style=\"text-align: center;\">Class of 2024, we are inordinately proud to acknowledge you once again!<\/p>\n<p style=\"text-align: center;\">We dedicate this celebration page and extend our most profound congratulations on your triumphant journey through what is undoubtedly one of the world&#8217;s most rigorous and intellectually demanding curriculum. You have illuminated the milestone year of ISF with flying colors and the promise of a bright future.<\/p>\n<p style=\"text-align: center;\">As we culminate the 20th anniversary of our institution, it is particularly poignant and heartening to pay tribute to your cohort. Sending you off in this commemorative year carries special significance, as both our graduates and institution are closing one remarkable chapter to embark on the next.<\/p>\n<p style=\"text-align: center;\">We wish only the best for our wonderful graduates, as you step into a world brimming with possibilities, as well as uncertainties. You are well equipped to embrace either.<\/p>\n<p style=\"text-align: center;\">As both our graduates and school continue to make strides and exert influence beyond our walls, we are confident that you will be guided by the moral compass of The <em>Eight Virtues<\/em> + <em>One<\/em>, staying true to the vision and mission of ISF.<\/p>\n<p style=\"text-align: center;\">Thank you for sharing your thoughts and reflections here with us. Congratulations and see you again, ISF alumni!<\/p>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner][vc_empty_space][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#8221;theme-news&#8221;][vc_row el_class=&#8221;container&#8221;][vc_column][vc_tta_tabs style=&#8221;flat&#8221; shape=&#8221;square&#8221; spacing=&#8221;20&#8243; gap=&#8221;20&#8243; active_section=&#8221;1&#8243; el_class=&#8221;isf-tab&#8221;][vc_tta_section title=&#8221;Metal House&#8221; tab_id=&#8221;1619505812343-de3c30bf-3113&#8243;]<style type=\"text\/css\">\r\n        .masonry {\r\n            display: grid;\r\n            grid-gap: 1em;grid-template-columns: repeat(auto-fill, minmax(23%,1fr));grid-auto-rows: 0;\r\n          }\r\n\r\n                  .masonry-content {\r\n                    overflow: hidden; \r\n                    -webkit-box-shadow: 2px 5px 10px 0px rgba(219,219,219,1);\r\n                    -moz-box-shadow: 2px 5px 10px 0px rgba(219,219,219,1);\r\n                    box-shadow: 2px 5px 10px 0px rgba(219,219,219,1);\r\n                    border-radius:0px 50px 0px 50px;\r\n                  }\r\n                \r\n                  .masonry-brick {\r\n                    color: #2f3640;\r\n                    transition: opacity .25s ease-in-out;\r\n                   \r\n                  }\r\n                \r\n                  .masonry-brick:hover {\r\n                     opacity: .75;\r\n                  }\r\n                  .masonry-content>img{ width:100%;}\r\n                  .masonry-title,\r\n                  .masonry-description {\r\n                      margin: 0;\r\n                  }\r\n                \r\n                  .masonry-title  {\r\n                    line-height: 0.8;\r\n                  }\r\n                  .masonry-title a{\r\n                    font-size: 21px;\r\n                    color: #00145a;\r\n                    text-align: left;\r\n                    font-family: Noto Sans;\r\n                    font-weight: 700;\r\n                    font-style: normal;\r\n                    text-decoration:none !important;\r\n                  }\r\n                \r\n                  .masonry-description {\r\n                    font-size: .75rem;\r\n                    color: #666;\r\n                    padding-top:10px;\r\n                    display:none;\r\n                  }\r\n                  \r\n                  .masonry-content{ position:relative;background:#EBEBEB;  height:350px; text-align:center;}\r\n                  .pnl-masonry-content{\r\n                    position:relative;\r\n                    height:70px;\r\n                    z-index:2;\r\n                    background: rgba(255, 103, 32, 0.8);\r\n\r\n                    border-radius:0px 0px 0px 50px;\r\n                    padding:10px 50px 10px 50px;\r\n                    overflow:hidden;\r\n                  }\r\n                  .achievement_type_t{background:#ff6720 url(https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/img\/news\/icon-t.png) no-repeat 30px top;background-size:9%;padding-left:80px;}\r\n                  .achievement_type_tni{background:#ff6720 url(https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/img\/news\/icon-tni.png) no-repeat 30px top;background-size:9%;padding-left:80px;}\r\n                  .achievement_type_v{background:#ff6720 url(https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/img\/news\/icon-v.png) no-repeat 30px top;background-size:9%;padding-left:80px;}\r\n                  .masonry-content .achievement-thumbnail {background:#EBEBEB;height:280px;width:100%;overflow:hidden;}\r\n                  .masonry-content img{width:100%; margin:0 auto;}\r\n                  .masonry-content p{text-align:left;}                   \r\n                  .masonry-content h3{text-align:left;}      \r\n                  .masonry-content h3 a{ color:#FFF;}\r\n\r\n                  .filter-nav{ width:100%; clear:both; display:flex; margin:20px 0px;padding:0px 5px}\r\n                  .filter-nav li{\r\n                    background:#FFF;\r\n                    border:#ff6720 solid 1px; \r\n                    border-radius:0px 10px 0px 10px; \r\n                    width:auto;\r\n                    padding:5px 15px 5px 40px;\r\n                    color:#ff6720;\r\n                    margin:5px;\r\n                    cursor:pointer;\r\n                    position:relative;\r\n                  }\r\n                  .filter-nav li:hover, .filter-nav li.active{\r\n                    background:#ff6720;\r\n                    color:#FFF;\r\n                  }\r\n                  .filter-nav li.active:after{\r\n                    content:\"x\";                    \r\n                    font-family: DINPro, sans-serif;\r\n                    width:20px;\r\n                    height:20px;\r\n                    margin-left:10px;\r\n                    opacity:0.5;\r\n                  }\r\n                  \r\n                  .achievement-item{display:none;}\r\n                  .achievement-item.active{display:block;}\r\n\r\n                  .filter-icon{\r\n                    position:absolute;\r\n                    left:15px;\r\n                    top:10px;\r\n                    width:20px;\r\n                    height:20px;\r\n                    background-color:#FFF !important;\r\n                    background-repeat:no-repeat;\r\n                    background-position:left top;\r\n\r\n                  }\r\n                  .filter-nav li:hover .filter-icon,.filter-nav li.active .filter-icon{\r\n                    background-color:#ff6720 !important;                    \r\n                    background-position:left bottom;\r\n\r\n                  }\r\n                    <\/style><div id=\"Metal\"><div class=\"masonry\"><div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-metal \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-katrina-chan\/\" class=\"vc_gitem-link\" title=\"Katrina Chan\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHAN_Wing-Hei-Katrina_12-Metal-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHAN_Wing-Hei-Katrina_12-Metal-2.jpg\" alt=\"Katrina Chan\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Metal<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-katrina-chan\/\" class=\"vc_gitem-link\" title=\"Katrina Chan\">Katrina Chan<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-metal \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Davina Chan\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHAN_Yuen-Yau-Davina_12-Metal-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHAN_Yuen-Yau-Davina_12-Metal-2.jpg\" alt=\"Davina Chan\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Metal<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Davina Chan\">Davina Chan<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-metal \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-donna-cheung\/\" class=\"vc_gitem-link\" title=\"Donna Cheung\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHEUNG_Donna-Kuen-Tone_12-Metal-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHEUNG_Donna-Kuen-Tone_12-Metal-2.jpg\" alt=\"Donna Cheung\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Metal<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-donna-cheung\/\" class=\"vc_gitem-link\" title=\"Donna Cheung\">Donna Cheung<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-metal \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-ka-hei-chu\/\" class=\"vc_gitem-link\" title=\"Ka Hei Chu\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHU_Ka-Hei_12-Metal-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHU_Ka-Hei_12-Metal-2.jpg\" alt=\"Ka Hei Chu\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Metal<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-ka-hei-chu\/\" class=\"vc_gitem-link\" title=\"Ka Hei Chu\">Ka Hei Chu<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-metal \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Cecilia Gong\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/GONG_Ruoxi_12-Metal-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/GONG_Ruoxi_12-Metal-1.jpg\" alt=\"Cecilia Gong\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Metal<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Cecilia Gong\">Cecilia Gong<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-metal \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Danny Huang\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/HUANG_Yiming_12-Metal-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/HUANG_Yiming_12-Metal-2.jpg\" alt=\"Danny Huang\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Metal<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Danny Huang\">Danny Huang<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-metal \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-julie-huang\/\" class=\"vc_gitem-link\" title=\"Julie Huang\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/HUANG_Yiqing_12-Metal-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/HUANG_Yiqing_12-Metal-1.jpg\" alt=\"Julie Huang\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Metal<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-julie-huang\/\" class=\"vc_gitem-link\" title=\"Julie Huang\">Julie Huang<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-metal \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-emma-kast\/\" class=\"vc_gitem-link\" title=\"Emma Kast\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/KAST_Emma-Sophia-Chan_12-Metal-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/KAST_Emma-Sophia-Chan_12-Metal-2.jpg\" alt=\"Emma Kast\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Metal<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-emma-kast\/\" class=\"vc_gitem-link\" title=\"Emma Kast\">Emma Kast<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-metal \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-austin-lee\/\" class=\"vc_gitem-link\" title=\"Austin Lee\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LEE_Austin_12-Metal-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LEE_Austin_12-Metal-2.jpg\" alt=\"Austin Lee\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Metal<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-austin-lee\/\" class=\"vc_gitem-link\" title=\"Austin Lee\">Austin Lee<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-metal \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Thomas Leung\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LEUNG_Ping-Thomas_12-Metal-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LEUNG_Ping-Thomas_12-Metal-2.jpg\" alt=\"Thomas Leung\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Metal<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Thomas Leung\">Thomas Leung<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-metal \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-anderson-liew\/\" class=\"vc_gitem-link\" title=\"Anderson Liew\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LIEW_Anderson-Jixi_12-Metal-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LIEW_Anderson-Jixi_12-Metal-1.jpg\" alt=\"Anderson Liew\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Metal<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-anderson-liew\/\" class=\"vc_gitem-link\" title=\"Anderson Liew\">Anderson Liew<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-metal \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Sophia Lin\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LIN_Jiaheng-Sophia-Maria_12-Metal-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LIN_Jiaheng-Sophia-Maria_12-Metal-1.jpg\" alt=\"Sophia Lin\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Metal<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Sophia Lin\">Sophia Lin<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-metal \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-jingting-qiu\/\" class=\"vc_gitem-link\" title=\"Clara Qiu\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/QIU_Jingting_12-Metal-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/QIU_Jingting_12-Metal-2.jpg\" alt=\"Clara Qiu\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Metal<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-jingting-qiu\/\" class=\"vc_gitem-link\" title=\"Clara Qiu\">Clara Qiu<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-metal \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Zachary Tang\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/TANG_Zachary-Tianyi_12-Metal-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/TANG_Zachary-Tianyi_12-Metal-1.jpg\" alt=\"Zachary Tang\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Metal<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Zachary Tang\">Zachary Tang<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-metal \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-angela-wang\/\" class=\"vc_gitem-link\" title=\"Angela Wang\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WANG_Yiyang_12-Metal-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WANG_Yiyang_12-Metal-1.jpg\" alt=\"Angela Wang\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Metal<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-angela-wang\/\" class=\"vc_gitem-link\" title=\"Angela Wang\">Angela Wang<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-metal \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-oscar-wang\/\" class=\"vc_gitem-link\" title=\"Oscar Wang\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WANG_Yixuan_12-Metal-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WANG_Yixuan_12-Metal-1.jpg\" alt=\"Oscar Wang\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Metal<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-oscar-wang\/\" class=\"vc_gitem-link\" title=\"Oscar Wang\">Oscar Wang<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <\/div><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery.imagesloaded\/4.1.1\/imagesloaded.pkgd.min.js\"><\/script>\r\n         <script>\r\n   \/**\r\n    * Set appropriate spanning to any masonry item\r\n    *\r\n    * Get different properties we already set for the masonry, calculate \r\n    * height or spanning for any cell of the masonry grid based on its \r\n    * content-wrapper's height, the (row) gap of the grid, and the size \r\n    * of the implicit row tracks.\r\n    *\r\n    * @param item Object A brick\/tile\/cell inside the masonry\r\n    *\/\r\n   function resizeMasonryItem(item){\r\n     \/* Get the grid object, its row-gap, and the size of its implicit rows *\/\r\n     var grid = document.getElementsByClassName(\"masonry\")[0],\r\n         rowGap = parseInt(window.getComputedStyle(grid).getPropertyValue(\"grid-row-gap\")),\r\n         rowHeight = parseInt(window.getComputedStyle(grid).getPropertyValue(\"grid-auto-rows\"));\r\n   \r\n     \/*\r\n      * Spanning for any brick = S\r\n      * Grid's row-gap = G\r\n      * Size of grid's implicitly create row-track = R\r\n      * Height of item content = H\r\n      * Net height of the item = H1 = H + G\r\n      * Net height of the implicit row-track = T = G + R\r\n      * S = H1 \/ T\r\n      *\/\r\n     \/\/var rowSpan = Math.ceil((item.querySelector(\".masonry-content\").getBoundingClientRect().height+rowGap)\/(rowHeight+rowGap));\r\n     var rowSpan = Math.ceil((item.querySelector(\".masonry-content\").offsetHeight+rowGap)\/(rowHeight+rowGap));\r\n   \r\n     \/* Set the spanning as calculated above (S) *\/\r\n     item.style.gridRowEnd = \"span \"+rowSpan;\r\n   }\r\n   \r\n   \/**\r\n    * Apply spanning to all the masonry items\r\n    *\r\n    * Loop through all the items and apply the spanning to them using \r\n    * `resizeMasonryItem()` function.\r\n    *\r\n    * @uses resizeMasonryItem\r\n    *\/\r\n   function resizeAllMasonryItems(){\r\n     \/\/ Get all item class objects in one list\r\n     var allItems = document.getElementsByClassName(\"masonry-brick\");\r\n   \r\n     \/*\r\n      * Loop through the above list and execute the spanning function to\r\n      * each list-item (i.e. each masonry item)\r\n      *\/\r\n     for(var i=0;i>allItems.length;i++){\r\n       resizeMasonryItem(allItems[i]);\r\n     }\r\n   }\r\n   \r\n   \/**\r\n    * Resize the items when all the images inside the masonry grid \r\n    * finish loading. This will ensure that all the content inside our\r\n    * masonry items is visible.\r\n    *\r\n    * @uses ImagesLoaded\r\n    * @uses resizeMasonryItem\r\n    *\/\r\n   function waitForImages() {\r\n     var allItems = document.getElementsByClassName(\"masonry-brick\");\r\n     for(var i=0;i<allItems.length;i++){\r\n       imagesLoaded( allItems[i], function(instance) {\r\n         var item = instance.elements[0];\r\n         resizeMasonryItem(item);\r\n       } );\r\n     }\r\n   }\r\n   \r\n   \/* Resize all the grid items on the load and resize events *\/\r\n   var masonryEvents = [\"load\", \"resize\"];\r\n   masonryEvents.forEach( function(event) {\r\n     window.addEventListener(event, resizeAllMasonryItems);\r\n   } );\r\n   \r\n   \/* Do a resize once more when all the images finish loading *\/\r\n   waitForImages();\r\n   \r\n   \r\n   $(window).resize(function(){waitForImages();});\r\n   $(document).ready(function(){\r\n    $(\".vc_tta-tab a\").click(waitForImages);\r\n    $(\".vc_tta-panel-title a\").click(waitForImages);\r\n   });\r\n   \r\n     function checkFilterMetal(){\r\n       $(\"#Metal #cat-all\").removeClass(\"active\");\r\n         $(\"#Metal .achievement-item\").removeClass(\"active\");\r\n         $(\"#Metal .cat-filter\").each(function(index, element) {\r\n             \/\/alert(\"ID:\"+$(this).attr(\"id\"));\r\n             if($(this).hasClass(\"active\")){\r\n               $(\"#Metal .\"+$(this).attr(\"id\")).addClass(\"active\");\r\n             }\r\n         });\r\n       \r\n\r\n     }\r\n     \r\n     $(document).ready(function(){\r\n       $(\"#Metal #cat-all\").click(function(){\r\n         $(\"#Metal #cat-all\").toggleClass(\"active\");\r\n         if($(\"#Metal #cat-all\").hasClass(\"active\")){\r\n           $(\"#Metal .achievement-item\").addClass(\"active\");\r\n           $(\"#Metal .cat-filter\").removeClass(\"active\");\r\n         }else{\r\n           $(\"#Metal .achievement-item\").removeClass(\"active\");\r\n         }\r\n     });\r\n     $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               $(\"#Metal #cat-\").click(function(){\r\n                   $(\"#Metal #cat-\").toggleClass(\"active\");\r\n                   checkFilterMetal();\r\n                 });\r\n               });\r\n   <\/script><\/div>[vc_empty_space height=&#8221;100px&#8221;][\/vc_tta_section][vc_tta_section title=&#8221;Wood House&#8221; tab_id=&#8221;1620629137363-b186fb08-fd8a&#8221;]<style type=\"text\/css\">\r\n        .masonry {\r\n            display: grid;\r\n            grid-gap: 1em;grid-template-columns: repeat(auto-fill, minmax(23%,1fr));grid-auto-rows: 0;\r\n          }\r\n\r\n                  .masonry-content {\r\n                    overflow: hidden; \r\n                    -webkit-box-shadow: 2px 5px 10px 0px rgba(219,219,219,1);\r\n                    -moz-box-shadow: 2px 5px 10px 0px rgba(219,219,219,1);\r\n                    box-shadow: 2px 5px 10px 0px rgba(219,219,219,1);\r\n                    border-radius:0px 50px 0px 50px;\r\n                  }\r\n                \r\n                  .masonry-brick {\r\n                    color: #2f3640;\r\n                    transition: opacity .25s ease-in-out;\r\n                   \r\n                  }\r\n                \r\n                  .masonry-brick:hover {\r\n                     opacity: .75;\r\n                  }\r\n                  .masonry-content>img{ width:100%;}\r\n                  .masonry-title,\r\n                  .masonry-description {\r\n                      margin: 0;\r\n                  }\r\n                \r\n                  .masonry-title  {\r\n                    line-height: 0.8;\r\n                  }\r\n                  .masonry-title a{\r\n                    font-size: 21px;\r\n                    color: #00145a;\r\n                    text-align: left;\r\n                    font-family: Noto Sans;\r\n                    font-weight: 700;\r\n                    font-style: normal;\r\n                    text-decoration:none !important;\r\n                  }\r\n                \r\n                  .masonry-description {\r\n                    font-size: .75rem;\r\n                    color: #666;\r\n                    padding-top:10px;\r\n                    display:none;\r\n                  }\r\n                  \r\n                  .masonry-content{ position:relative;background:#EBEBEB;  height:350px; text-align:center;}\r\n                  .pnl-masonry-content{\r\n                    position:relative;\r\n                    height:70px;\r\n                    z-index:2;\r\n                    background: rgba(255, 103, 32, 0.8);\r\n\r\n                    border-radius:0px 0px 0px 50px;\r\n                    padding:10px 50px 10px 50px;\r\n                    overflow:hidden;\r\n                  }\r\n                  .achievement_type_t{background:#ff6720 url(https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/img\/news\/icon-t.png) no-repeat 30px top;background-size:9%;padding-left:80px;}\r\n                  .achievement_type_tni{background:#ff6720 url(https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/img\/news\/icon-tni.png) no-repeat 30px top;background-size:9%;padding-left:80px;}\r\n                  .achievement_type_v{background:#ff6720 url(https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/img\/news\/icon-v.png) no-repeat 30px top;background-size:9%;padding-left:80px;}\r\n                  .masonry-content .achievement-thumbnail {background:#EBEBEB;height:280px;width:100%;overflow:hidden;}\r\n                  .masonry-content img{width:100%; margin:0 auto;}\r\n                  .masonry-content p{text-align:left;}                   \r\n                  .masonry-content h3{text-align:left;}      \r\n                  .masonry-content h3 a{ color:#FFF;}\r\n\r\n                  .filter-nav{ width:100%; clear:both; display:flex; margin:20px 0px;padding:0px 5px}\r\n                  .filter-nav li{\r\n                    background:#FFF;\r\n                    border:#ff6720 solid 1px; \r\n                    border-radius:0px 10px 0px 10px; \r\n                    width:auto;\r\n                    padding:5px 15px 5px 40px;\r\n                    color:#ff6720;\r\n                    margin:5px;\r\n                    cursor:pointer;\r\n                    position:relative;\r\n                  }\r\n                  .filter-nav li:hover, .filter-nav li.active{\r\n                    background:#ff6720;\r\n                    color:#FFF;\r\n                  }\r\n                  .filter-nav li.active:after{\r\n                    content:\"x\";                    \r\n                    font-family: DINPro, sans-serif;\r\n                    width:20px;\r\n                    height:20px;\r\n                    margin-left:10px;\r\n                    opacity:0.5;\r\n                  }\r\n                  \r\n                  .achievement-item{display:none;}\r\n                  .achievement-item.active{display:block;}\r\n\r\n                  .filter-icon{\r\n                    position:absolute;\r\n                    left:15px;\r\n                    top:10px;\r\n                    width:20px;\r\n                    height:20px;\r\n                    background-color:#FFF !important;\r\n                    background-repeat:no-repeat;\r\n                    background-position:left top;\r\n\r\n                  }\r\n                  .filter-nav li:hover .filter-icon,.filter-nav li.active .filter-icon{\r\n                    background-color:#ff6720 !important;                    \r\n                    background-position:left bottom;\r\n\r\n                  }\r\n                    <\/style><div id=\"Wood\"><div class=\"masonry\"><div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-wood \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Timothy Chan\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHAN_Timothy-Pak-Yu_12-Wood-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHAN_Timothy-Pak-Yu_12-Wood-1.jpg\" alt=\"Timothy Chan\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Wood<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Timothy Chan\">Timothy Chan<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-wood \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-valerie-huang\/\" class=\"vc_gitem-link\" title=\"Valerie Huang\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/HUANG_Valerie-Kaitlyn_12-Wood-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/HUANG_Valerie-Kaitlyn_12-Wood-2.jpg\" alt=\"Valerie Huang\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Wood<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-valerie-huang\/\" class=\"vc_gitem-link\" title=\"Valerie Huang\">Valerie Huang<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-wood \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-stacy-lu\/\" class=\"vc_gitem-link\" title=\"Stacy Lu\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LU_Stacy-Zongyu_12-Wood-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LU_Stacy-Zongyu_12-Wood-1.jpg\" alt=\"Stacy Lu\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Wood<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-stacy-lu\/\" class=\"vc_gitem-link\" title=\"Stacy Lu\">Stacy Lu<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-wood \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Karissa Mirza\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/MIRZA_Karissa-Zahra_12-Wood-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/MIRZA_Karissa-Zahra_12-Wood-1.jpg\" alt=\"Karissa Mirza\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Wood<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Karissa Mirza\">Karissa Mirza<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-wood \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-anthony-ng\/\" class=\"vc_gitem-link\" title=\"Anthony Ng\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/NG_Tin-Yau-Anthony_12-Wood-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/NG_Tin-Yau-Anthony_12-Wood-1.jpg\" alt=\"Anthony Ng\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Wood<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-anthony-ng\/\" class=\"vc_gitem-link\" title=\"Anthony Ng\">Anthony Ng<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-wood \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-nicholas-ng\/\" class=\"vc_gitem-link\" title=\"Nicholas Ng\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/NG_Tin-Cho-Nicholas_12-Wood-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/NG_Tin-Cho-Nicholas_12-Wood-2.jpg\" alt=\"Nicholas Ng\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Wood<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-nicholas-ng\/\" class=\"vc_gitem-link\" title=\"Nicholas Ng\">Nicholas Ng<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-wood \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Athena Shang\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/SHANG_Athena-Zi-Han_12-Wood-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/SHANG_Athena-Zi-Han_12-Wood-1.jpg\" alt=\"Athena Shang\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Wood<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Athena Shang\">Athena Shang<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-wood \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Echo Sheng\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/SHENG_Rui-Yi_12-Wood-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/SHENG_Rui-Yi_12-Wood-1.jpg\" alt=\"Echo Sheng\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Wood<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Echo Sheng\">Echo Sheng<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-wood \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-jamee-tsai\/\" class=\"vc_gitem-link\" title=\"Jamee Tsai\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/TSAI_Bo-Yiu-Jamee_12-Wood-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/TSAI_Bo-Yiu-Jamee_12-Wood-1.jpg\" alt=\"Jamee Tsai\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Wood<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-jamee-tsai\/\" class=\"vc_gitem-link\" title=\"Jamee Tsai\">Jamee Tsai<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-wood \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Michelle Wang\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WANG_Michelle-Qiu_12-Wood-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WANG_Michelle-Qiu_12-Wood-2.jpg\" alt=\"Michelle Wang\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Wood<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Michelle Wang\">Michelle Wang<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-wood \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Tienna Wang\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WANG_Tienna_12-Wood-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WANG_Tienna_12-Wood-1.jpg\" alt=\"Tienna Wang\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Wood<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Tienna Wang\">Tienna Wang<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-wood \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Zhiyu Zhang\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/ZHANG_Zhiyu_12-Wood-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/ZHANG_Zhiyu_12-Wood-2.jpg\" alt=\"Zhiyu Zhang\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Wood<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Zhiyu Zhang\">Zhiyu Zhang<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <\/div><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery.imagesloaded\/4.1.1\/imagesloaded.pkgd.min.js\"><\/script>\r\n         <script>\r\n   \/**\r\n    * Set appropriate spanning to any masonry item\r\n    *\r\n    * Get different properties we already set for the masonry, calculate \r\n    * height or spanning for any cell of the masonry grid based on its \r\n    * content-wrapper's height, the (row) gap of the grid, and the size \r\n    * of the implicit row tracks.\r\n    *\r\n    * @param item Object A brick\/tile\/cell inside the masonry\r\n    *\/\r\n   function resizeMasonryItem(item){\r\n     \/* Get the grid object, its row-gap, and the size of its implicit rows *\/\r\n     var grid = document.getElementsByClassName(\"masonry\")[0],\r\n         rowGap = parseInt(window.getComputedStyle(grid).getPropertyValue(\"grid-row-gap\")),\r\n         rowHeight = parseInt(window.getComputedStyle(grid).getPropertyValue(\"grid-auto-rows\"));\r\n   \r\n     \/*\r\n      * Spanning for any brick = S\r\n      * Grid's row-gap = G\r\n      * Size of grid's implicitly create row-track = R\r\n      * Height of item content = H\r\n      * Net height of the item = H1 = H + G\r\n      * Net height of the implicit row-track = T = G + R\r\n      * S = H1 \/ T\r\n      *\/\r\n     \/\/var rowSpan = Math.ceil((item.querySelector(\".masonry-content\").getBoundingClientRect().height+rowGap)\/(rowHeight+rowGap));\r\n     var rowSpan = Math.ceil((item.querySelector(\".masonry-content\").offsetHeight+rowGap)\/(rowHeight+rowGap));\r\n   \r\n     \/* Set the spanning as calculated above (S) *\/\r\n     item.style.gridRowEnd = \"span \"+rowSpan;\r\n   }\r\n   \r\n   \/**\r\n    * Apply spanning to all the masonry items\r\n    *\r\n    * Loop through all the items and apply the spanning to them using \r\n    * `resizeMasonryItem()` function.\r\n    *\r\n    * @uses resizeMasonryItem\r\n    *\/\r\n   function resizeAllMasonryItems(){\r\n     \/\/ Get all item class objects in one list\r\n     var allItems = document.getElementsByClassName(\"masonry-brick\");\r\n   \r\n     \/*\r\n      * Loop through the above list and execute the spanning function to\r\n      * each list-item (i.e. each masonry item)\r\n      *\/\r\n     for(var i=0;i>allItems.length;i++){\r\n       resizeMasonryItem(allItems[i]);\r\n     }\r\n   }\r\n   \r\n   \/**\r\n    * Resize the items when all the images inside the masonry grid \r\n    * finish loading. This will ensure that all the content inside our\r\n    * masonry items is visible.\r\n    *\r\n    * @uses ImagesLoaded\r\n    * @uses resizeMasonryItem\r\n    *\/\r\n   function waitForImages() {\r\n     var allItems = document.getElementsByClassName(\"masonry-brick\");\r\n     for(var i=0;i<allItems.length;i++){\r\n       imagesLoaded( allItems[i], function(instance) {\r\n         var item = instance.elements[0];\r\n         resizeMasonryItem(item);\r\n       } );\r\n     }\r\n   }\r\n   \r\n   \/* Resize all the grid items on the load and resize events *\/\r\n   var masonryEvents = [\"load\", \"resize\"];\r\n   masonryEvents.forEach( function(event) {\r\n     window.addEventListener(event, resizeAllMasonryItems);\r\n   } );\r\n   \r\n   \/* Do a resize once more when all the images finish loading *\/\r\n   waitForImages();\r\n   \r\n   \r\n   $(window).resize(function(){waitForImages();});\r\n   $(document).ready(function(){\r\n    $(\".vc_tta-tab a\").click(waitForImages);\r\n    $(\".vc_tta-panel-title a\").click(waitForImages);\r\n   });\r\n   \r\n     function checkFilterWood(){\r\n       $(\"#Wood #cat-all\").removeClass(\"active\");\r\n         $(\"#Wood .achievement-item\").removeClass(\"active\");\r\n         $(\"#Wood .cat-filter\").each(function(index, element) {\r\n             \/\/alert(\"ID:\"+$(this).attr(\"id\"));\r\n             if($(this).hasClass(\"active\")){\r\n               $(\"#Wood .\"+$(this).attr(\"id\")).addClass(\"active\");\r\n             }\r\n         });\r\n       \r\n\r\n     }\r\n     \r\n     $(document).ready(function(){\r\n       $(\"#Wood #cat-all\").click(function(){\r\n         $(\"#Wood #cat-all\").toggleClass(\"active\");\r\n         if($(\"#Wood #cat-all\").hasClass(\"active\")){\r\n           $(\"#Wood .achievement-item\").addClass(\"active\");\r\n           $(\"#Wood .cat-filter\").removeClass(\"active\");\r\n         }else{\r\n           $(\"#Wood .achievement-item\").removeClass(\"active\");\r\n         }\r\n     });\r\n     $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               $(\"#Wood #cat-\").click(function(){\r\n                   $(\"#Wood #cat-\").toggleClass(\"active\");\r\n                   checkFilterWood();\r\n                 });\r\n               });\r\n   <\/script><\/div>[\/vc_tta_section][vc_tta_section title=&#8221;Water House&#8221; tab_id=&#8221;1610707582159-dfb199d7-750f&#8221;]<style type=\"text\/css\">\r\n        .masonry {\r\n            display: grid;\r\n            grid-gap: 1em;grid-template-columns: repeat(auto-fill, minmax(23%,1fr));grid-auto-rows: 0;\r\n          }\r\n\r\n                  .masonry-content {\r\n                    overflow: hidden; \r\n                    -webkit-box-shadow: 2px 5px 10px 0px rgba(219,219,219,1);\r\n                    -moz-box-shadow: 2px 5px 10px 0px rgba(219,219,219,1);\r\n                    box-shadow: 2px 5px 10px 0px rgba(219,219,219,1);\r\n                    border-radius:0px 50px 0px 50px;\r\n                  }\r\n                \r\n                  .masonry-brick {\r\n                    color: #2f3640;\r\n                    transition: opacity .25s ease-in-out;\r\n                   \r\n                  }\r\n                \r\n                  .masonry-brick:hover {\r\n                     opacity: .75;\r\n                  }\r\n                  .masonry-content>img{ width:100%;}\r\n                  .masonry-title,\r\n                  .masonry-description {\r\n                      margin: 0;\r\n                  }\r\n                \r\n                  .masonry-title  {\r\n                    line-height: 0.8;\r\n                  }\r\n                  .masonry-title a{\r\n                    font-size: 21px;\r\n                    color: #00145a;\r\n                    text-align: left;\r\n                    font-family: Noto Sans;\r\n                    font-weight: 700;\r\n                    font-style: normal;\r\n                    text-decoration:none !important;\r\n                  }\r\n                \r\n                  .masonry-description {\r\n                    font-size: .75rem;\r\n                    color: #666;\r\n                    padding-top:10px;\r\n                    display:none;\r\n                  }\r\n                  \r\n                  .masonry-content{ position:relative;background:#EBEBEB;  height:350px; text-align:center;}\r\n                  .pnl-masonry-content{\r\n                    position:relative;\r\n                    height:70px;\r\n                    z-index:2;\r\n                    background: rgba(255, 103, 32, 0.8);\r\n\r\n                    border-radius:0px 0px 0px 50px;\r\n                    padding:10px 50px 10px 50px;\r\n                    overflow:hidden;\r\n                  }\r\n                  .achievement_type_t{background:#ff6720 url(https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/img\/news\/icon-t.png) no-repeat 30px top;background-size:9%;padding-left:80px;}\r\n                  .achievement_type_tni{background:#ff6720 url(https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/img\/news\/icon-tni.png) no-repeat 30px top;background-size:9%;padding-left:80px;}\r\n                  .achievement_type_v{background:#ff6720 url(https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/img\/news\/icon-v.png) no-repeat 30px top;background-size:9%;padding-left:80px;}\r\n                  .masonry-content .achievement-thumbnail {background:#EBEBEB;height:280px;width:100%;overflow:hidden;}\r\n                  .masonry-content img{width:100%; margin:0 auto;}\r\n                  .masonry-content p{text-align:left;}                   \r\n                  .masonry-content h3{text-align:left;}      \r\n                  .masonry-content h3 a{ color:#FFF;}\r\n\r\n                  .filter-nav{ width:100%; clear:both; display:flex; margin:20px 0px;padding:0px 5px}\r\n                  .filter-nav li{\r\n                    background:#FFF;\r\n                    border:#ff6720 solid 1px; \r\n                    border-radius:0px 10px 0px 10px; \r\n                    width:auto;\r\n                    padding:5px 15px 5px 40px;\r\n                    color:#ff6720;\r\n                    margin:5px;\r\n                    cursor:pointer;\r\n                    position:relative;\r\n                  }\r\n                  .filter-nav li:hover, .filter-nav li.active{\r\n                    background:#ff6720;\r\n                    color:#FFF;\r\n                  }\r\n                  .filter-nav li.active:after{\r\n                    content:\"x\";                    \r\n                    font-family: DINPro, sans-serif;\r\n                    width:20px;\r\n                    height:20px;\r\n                    margin-left:10px;\r\n                    opacity:0.5;\r\n                  }\r\n                  \r\n                  .achievement-item{display:none;}\r\n                  .achievement-item.active{display:block;}\r\n\r\n                  .filter-icon{\r\n                    position:absolute;\r\n                    left:15px;\r\n                    top:10px;\r\n                    width:20px;\r\n                    height:20px;\r\n                    background-color:#FFF !important;\r\n                    background-repeat:no-repeat;\r\n                    background-position:left top;\r\n\r\n                  }\r\n                  .filter-nav li:hover .filter-icon,.filter-nav li.active .filter-icon{\r\n                    background-color:#ff6720 !important;                    \r\n                    background-position:left bottom;\r\n\r\n                  }\r\n                    <\/style><div id=\"Water\"><div class=\"masonry\"><div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-water \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-kiara-ba\/\" class=\"vc_gitem-link\" title=\"Kiara Ba\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/BA_Qizhen_12-Water-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/BA_Qizhen_12-Water-2.jpg\" alt=\"Kiara Ba\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-kiara-ba\/\" class=\"vc_gitem-link\" title=\"Kiara Ba\">Kiara Ba<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-water \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"John Chan\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHAN_Ting-Wai-John_12-Water-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHAN_Ting-Wai-John_12-Water-2.jpg\" alt=\"John Chan\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"John Chan\">John Chan<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-water \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-ronnie-cheung\/\" class=\"vc_gitem-link\" title=\"Ronnie Cheung\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHEUNG_Long-Ching_12-Water-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHEUNG_Long-Ching_12-Water-1.jpg\" alt=\"Ronnie Cheung\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-ronnie-cheung\/\" class=\"vc_gitem-link\" title=\"Ronnie Cheung\">Ronnie Cheung<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-water \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-megan-ching\/\" class=\"vc_gitem-link\" title=\"Megan Ching\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHING_Siu-Yu-Megan_12-Water-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHING_Siu-Yu-Megan_12-Water-2.jpg\" alt=\"Megan Ching\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-megan-ching\/\" class=\"vc_gitem-link\" title=\"Megan Ching\">Megan Ching<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-water \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-cameron-chow\/\" class=\"vc_gitem-link\" title=\"Cameron Chow\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHOW_Cameron_12-Water-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHOW_Cameron_12-Water-1.jpg\" alt=\"Cameron Chow\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-cameron-chow\/\" class=\"vc_gitem-link\" title=\"Cameron Chow\">Cameron Chow<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-water \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-bethany-chu\/\" class=\"vc_gitem-link\" title=\"Bethany Chu\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHU_Man-Huen-Bethany_12-Water-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHU_Man-Huen-Bethany_12-Water-2.jpg\" alt=\"Bethany Chu\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-bethany-chu\/\" class=\"vc_gitem-link\" title=\"Bethany Chu\">Bethany Chu<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-water \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-dabria-chu\/\" class=\"vc_gitem-link\" title=\"Dabria Chu\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHU_Kai-Hui-Dabria_12-Water-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHU_Kai-Hui-Dabria_12-Water-1.jpg\" alt=\"Dabria Chu\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-dabria-chu\/\" class=\"vc_gitem-link\" title=\"Dabria Chu\">Dabria Chu<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-water \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Nigel Ho\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/HO_Ho-Chung-Nigel_12-Water-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/HO_Ho-Chung-Nigel_12-Water-2.jpg\" alt=\"Nigel Ho\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Nigel Ho\">Nigel Ho<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-water \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-sophie-le-couedic\/\" class=\"vc_gitem-link\" title=\"Sophie Le Couedic\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LE-COUEDIC_Sophie-Hui-Xian_12-Water-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LE-COUEDIC_Sophie-Hui-Xian_12-Water-1.jpg\" alt=\"Sophie Le Couedic\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-sophie-le-couedic\/\" class=\"vc_gitem-link\" title=\"Sophie Le Couedic\">Sophie Le Couedic<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-water \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-jamie-lee\/\" class=\"vc_gitem-link\" title=\"Jamie Lee\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LEE_Cheuk-Kiu-Jamie_12-Water-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LEE_Cheuk-Kiu-Jamie_12-Water-1.jpg\" alt=\"Jamie Lee\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-jamie-lee\/\" class=\"vc_gitem-link\" title=\"Jamie Lee\">Jamie Lee<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-water \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-danielle-lin\/\" class=\"vc_gitem-link\" title=\"Danielle Lin\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LIN_Danielle-Chi-Ying_12-Water-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LIN_Danielle-Chi-Ying_12-Water-1.jpg\" alt=\"Danielle Lin\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-danielle-lin\/\" class=\"vc_gitem-link\" title=\"Danielle Lin\">Danielle Lin<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-water \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Hong Kiu Lui\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LUI_Hong-Kiu_12-Water-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LUI_Hong-Kiu_12-Water-2.jpg\" alt=\"Hong Kiu Lui\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Hong Kiu Lui\">Hong Kiu Lui<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-water \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-sharon-tang\/\" class=\"vc_gitem-link\" title=\"Sharon Tang\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/TANG_Hok-Lam-Sharon_12-Water-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/TANG_Hok-Lam-Sharon_12-Water-1.jpg\" alt=\"Sharon Tang\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-sharon-tang\/\" class=\"vc_gitem-link\" title=\"Sharon Tang\">Sharon Tang<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-water \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"George Wyatt\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WYATT_George-Robert_12-Water-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WYATT_George-Robert_12-Water-2.jpg\" alt=\"George Wyatt\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"George Wyatt\">George Wyatt<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-water \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Titus Yau\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/YAU_Titus-Chun_12-Water-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/YAU_Titus-Chun_12-Water-1.jpg\" alt=\"Titus Yau\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Titus Yau\">Titus Yau<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <\/div><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery.imagesloaded\/4.1.1\/imagesloaded.pkgd.min.js\"><\/script>\r\n         <script>\r\n   \/**\r\n    * Set appropriate spanning to any masonry item\r\n    *\r\n    * Get different properties we already set for the masonry, calculate \r\n    * height or spanning for any cell of the masonry grid based on its \r\n    * content-wrapper's height, the (row) gap of the grid, and the size \r\n    * of the implicit row tracks.\r\n    *\r\n    * @param item Object A brick\/tile\/cell inside the masonry\r\n    *\/\r\n   function resizeMasonryItem(item){\r\n     \/* Get the grid object, its row-gap, and the size of its implicit rows *\/\r\n     var grid = document.getElementsByClassName(\"masonry\")[0],\r\n         rowGap = parseInt(window.getComputedStyle(grid).getPropertyValue(\"grid-row-gap\")),\r\n         rowHeight = parseInt(window.getComputedStyle(grid).getPropertyValue(\"grid-auto-rows\"));\r\n   \r\n     \/*\r\n      * Spanning for any brick = S\r\n      * Grid's row-gap = G\r\n      * Size of grid's implicitly create row-track = R\r\n      * Height of item content = H\r\n      * Net height of the item = H1 = H + G\r\n      * Net height of the implicit row-track = T = G + R\r\n      * S = H1 \/ T\r\n      *\/\r\n     \/\/var rowSpan = Math.ceil((item.querySelector(\".masonry-content\").getBoundingClientRect().height+rowGap)\/(rowHeight+rowGap));\r\n     var rowSpan = Math.ceil((item.querySelector(\".masonry-content\").offsetHeight+rowGap)\/(rowHeight+rowGap));\r\n   \r\n     \/* Set the spanning as calculated above (S) *\/\r\n     item.style.gridRowEnd = \"span \"+rowSpan;\r\n   }\r\n   \r\n   \/**\r\n    * Apply spanning to all the masonry items\r\n    *\r\n    * Loop through all the items and apply the spanning to them using \r\n    * `resizeMasonryItem()` function.\r\n    *\r\n    * @uses resizeMasonryItem\r\n    *\/\r\n   function resizeAllMasonryItems(){\r\n     \/\/ Get all item class objects in one list\r\n     var allItems = document.getElementsByClassName(\"masonry-brick\");\r\n   \r\n     \/*\r\n      * Loop through the above list and execute the spanning function to\r\n      * each list-item (i.e. each masonry item)\r\n      *\/\r\n     for(var i=0;i>allItems.length;i++){\r\n       resizeMasonryItem(allItems[i]);\r\n     }\r\n   }\r\n   \r\n   \/**\r\n    * Resize the items when all the images inside the masonry grid \r\n    * finish loading. This will ensure that all the content inside our\r\n    * masonry items is visible.\r\n    *\r\n    * @uses ImagesLoaded\r\n    * @uses resizeMasonryItem\r\n    *\/\r\n   function waitForImages() {\r\n     var allItems = document.getElementsByClassName(\"masonry-brick\");\r\n     for(var i=0;i<allItems.length;i++){\r\n       imagesLoaded( allItems[i], function(instance) {\r\n         var item = instance.elements[0];\r\n         resizeMasonryItem(item);\r\n       } );\r\n     }\r\n   }\r\n   \r\n   \/* Resize all the grid items on the load and resize events *\/\r\n   var masonryEvents = [\"load\", \"resize\"];\r\n   masonryEvents.forEach( function(event) {\r\n     window.addEventListener(event, resizeAllMasonryItems);\r\n   } );\r\n   \r\n   \/* Do a resize once more when all the images finish loading *\/\r\n   waitForImages();\r\n   \r\n   \r\n   $(window).resize(function(){waitForImages();});\r\n   $(document).ready(function(){\r\n    $(\".vc_tta-tab a\").click(waitForImages);\r\n    $(\".vc_tta-panel-title a\").click(waitForImages);\r\n   });\r\n   \r\n   <\/script><\/div>[\/vc_tta_section][vc_tta_section title=&#8221;Fire House&#8221; tab_id=&#8221;1653469094657-8afa83d1-6f18&#8243;]<style type=\"text\/css\">\r\n        .masonry {\r\n            display: grid;\r\n            grid-gap: 1em;grid-template-columns: repeat(auto-fill, minmax(23%,1fr));grid-auto-rows: 0;\r\n          }\r\n\r\n                  .masonry-content {\r\n                    overflow: hidden; \r\n                    -webkit-box-shadow: 2px 5px 10px 0px rgba(219,219,219,1);\r\n                    -moz-box-shadow: 2px 5px 10px 0px rgba(219,219,219,1);\r\n                    box-shadow: 2px 5px 10px 0px rgba(219,219,219,1);\r\n                    border-radius:0px 50px 0px 50px;\r\n                  }\r\n                \r\n                  .masonry-brick {\r\n                    color: #2f3640;\r\n                    transition: opacity .25s ease-in-out;\r\n                   \r\n                  }\r\n                \r\n                  .masonry-brick:hover {\r\n                     opacity: .75;\r\n                  }\r\n                  .masonry-content>img{ width:100%;}\r\n                  .masonry-title,\r\n                  .masonry-description {\r\n                      margin: 0;\r\n                  }\r\n                \r\n                  .masonry-title  {\r\n                    line-height: 0.8;\r\n                  }\r\n                  .masonry-title a{\r\n                    font-size: 21px;\r\n                    color: #00145a;\r\n                    text-align: left;\r\n                    font-family: Noto Sans;\r\n                    font-weight: 700;\r\n                    font-style: normal;\r\n                    text-decoration:none !important;\r\n                  }\r\n                \r\n                  .masonry-description {\r\n                    font-size: .75rem;\r\n                    color: #666;\r\n                    padding-top:10px;\r\n                    display:none;\r\n                  }\r\n                  \r\n                  .masonry-content{ position:relative;background:#EBEBEB;  height:350px; text-align:center;}\r\n                  .pnl-masonry-content{\r\n                    position:relative;\r\n                    height:70px;\r\n                    z-index:2;\r\n                    background: rgba(255, 103, 32, 0.8);\r\n\r\n                    border-radius:0px 0px 0px 50px;\r\n                    padding:10px 50px 10px 50px;\r\n                    overflow:hidden;\r\n                  }\r\n                  .achievement_type_t{background:#ff6720 url(https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/img\/news\/icon-t.png) no-repeat 30px top;background-size:9%;padding-left:80px;}\r\n                  .achievement_type_tni{background:#ff6720 url(https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/img\/news\/icon-tni.png) no-repeat 30px top;background-size:9%;padding-left:80px;}\r\n                  .achievement_type_v{background:#ff6720 url(https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/img\/news\/icon-v.png) no-repeat 30px top;background-size:9%;padding-left:80px;}\r\n                  .masonry-content .achievement-thumbnail {background:#EBEBEB;height:280px;width:100%;overflow:hidden;}\r\n                  .masonry-content img{width:100%; margin:0 auto;}\r\n                  .masonry-content p{text-align:left;}                   \r\n                  .masonry-content h3{text-align:left;}      \r\n                  .masonry-content h3 a{ color:#FFF;}\r\n\r\n                  .filter-nav{ width:100%; clear:both; display:flex; margin:20px 0px;padding:0px 5px}\r\n                  .filter-nav li{\r\n                    background:#FFF;\r\n                    border:#ff6720 solid 1px; \r\n                    border-radius:0px 10px 0px 10px; \r\n                    width:auto;\r\n                    padding:5px 15px 5px 40px;\r\n                    color:#ff6720;\r\n                    margin:5px;\r\n                    cursor:pointer;\r\n                    position:relative;\r\n                  }\r\n                  .filter-nav li:hover, .filter-nav li.active{\r\n                    background:#ff6720;\r\n                    color:#FFF;\r\n                  }\r\n                  .filter-nav li.active:after{\r\n                    content:\"x\";                    \r\n                    font-family: DINPro, sans-serif;\r\n                    width:20px;\r\n                    height:20px;\r\n                    margin-left:10px;\r\n                    opacity:0.5;\r\n                  }\r\n                  \r\n                  .achievement-item{display:none;}\r\n                  .achievement-item.active{display:block;}\r\n\r\n                  .filter-icon{\r\n                    position:absolute;\r\n                    left:15px;\r\n                    top:10px;\r\n                    width:20px;\r\n                    height:20px;\r\n                    background-color:#FFF !important;\r\n                    background-repeat:no-repeat;\r\n                    background-position:left top;\r\n\r\n                  }\r\n                  .filter-nav li:hover .filter-icon,.filter-nav li.active .filter-icon{\r\n                    background-color:#ff6720 !important;                    \r\n                    background-position:left bottom;\r\n\r\n                  }\r\n                    <\/style><div id=\"Fire\"><div class=\"masonry\"><div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Samuel Arosti\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/AROSTI_Samuel-Mauro_12-Fire-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/AROSTI_Samuel-Mauro_12-Fire-1.jpg\" alt=\"Samuel Arosti\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Samuel Arosti\">Samuel Arosti<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-ally-cheung\/\" class=\"vc_gitem-link\" title=\"Ally Cheung\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHEUNG_Zi-Kei-Ally_12-Fire-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHEUNG_Zi-Kei-Ally_12-Fire-1.jpg\" alt=\"Ally Cheung\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-ally-cheung\/\" class=\"vc_gitem-link\" title=\"Ally Cheung\">Ally Cheung<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-trinity-fung\/\" class=\"vc_gitem-link\" title=\"Trinity Fung\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/FUNG_Trinity-Kaiyi_12-Fire-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/FUNG_Trinity-Kaiyi_12-Fire-1.jpg\" alt=\"Trinity Fung\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-trinity-fung\/\" class=\"vc_gitem-link\" title=\"Trinity Fung\">Trinity Fung<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Lucy Lai\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LAI_Minyu_12-Fire-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LAI_Minyu_12-Fire-2.jpg\" alt=\"Lucy Lai\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Lucy Lai\">Lucy Lai<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Jasmine Leung\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LEUNG_Jasmine-Ka-Man_12-Fire-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LEUNG_Jasmine-Ka-Man_12-Fire-1.jpg\" alt=\"Jasmine Leung\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Jasmine Leung\">Jasmine Leung<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-isabel-picazo\/\" class=\"vc_gitem-link\" title=\"Isabel Picazo\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/PICAZO_Isabel-Sophia-Kuok_12-Fire-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/PICAZO_Isabel-Sophia-Kuok_12-Fire-1.jpg\" alt=\"Isabel Picazo\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-isabel-picazo\/\" class=\"vc_gitem-link\" title=\"Isabel Picazo\">Isabel Picazo<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-luca-picazo\/\" class=\"vc_gitem-link\" title=\"Luca Picazo\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/PICAZO_Luca-Lorenzo-Kuok_12-Fire-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/PICAZO_Luca-Lorenzo-Kuok_12-Fire-2.jpg\" alt=\"Luca Picazo\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-luca-picazo\/\" class=\"vc_gitem-link\" title=\"Luca Picazo\">Luca Picazo<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-winston-shen\/\" class=\"vc_gitem-link\" title=\"Winston Shen\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/SHEN_Winston-Yuk-Ting_12-Fire-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/SHEN_Winston-Yuk-Ting_12-Fire-1.jpg\" alt=\"Winston Shen\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-winston-shen\/\" class=\"vc_gitem-link\" title=\"Winston Shen\">Winston Shen<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Myleigh Slom\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/SLOM_Myleigh-Osmanthus_12-Fire-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/SLOM_Myleigh-Osmanthus_12-Fire-2.jpg\" alt=\"Myleigh Slom\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Myleigh Slom\">Myleigh Slom<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-andre-wong\/\" class=\"vc_gitem-link\" title=\"Andre Wong\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Andre_12-Fire-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Andre_12-Fire-2.jpg\" alt=\"Andre Wong\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-andre-wong\/\" class=\"vc_gitem-link\" title=\"Andre Wong\">Andre Wong<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-ariel-wong\/\" class=\"vc_gitem-link\" title=\"Ariel Wong\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Lok-Hay_12-Fire-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Lok-Hay_12-Fire-1.jpg\" alt=\"Ariel Wong\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-ariel-wong\/\" class=\"vc_gitem-link\" title=\"Ariel Wong\">Ariel Wong<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-belle-wong\/\" class=\"vc_gitem-link\" title=\"Belle Wong\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_See-Ki_12-Fire-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_See-Ki_12-Fire-1.jpg\" alt=\"Belle Wong\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-belle-wong\/\" class=\"vc_gitem-link\" title=\"Belle Wong\">Belle Wong<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-caleb-wong\/\" class=\"vc_gitem-link\" title=\"Caleb Wong\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Man-Yuet-Caleb_12-Fire-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Man-Yuet-Caleb_12-Fire-1.jpg\" alt=\"Caleb Wong\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-caleb-wong\/\" class=\"vc_gitem-link\" title=\"Caleb Wong\">Caleb Wong<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-lok-chee-wong\/\" class=\"vc_gitem-link\" title=\"Lok Chee Wong\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Lok-Chee_12-Fire-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Lok-Chee_12-Fire-1.jpg\" alt=\"Lok Chee Wong\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-lok-chee-wong\/\" class=\"vc_gitem-link\" title=\"Lok Chee Wong\">Lok Chee Wong<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-valerie-wong\/\" class=\"vc_gitem-link\" title=\"Valerie Wong\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Valerie-Jasmine_12-Fire-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Valerie-Jasmine_12-Fire-2.jpg\" alt=\"Valerie Wong\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-valerie-wong\/\" class=\"vc_gitem-link\" title=\"Valerie Wong\">Valerie Wong<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-kaya-zhang\/\" class=\"vc_gitem-link\" title=\"Kaya Zhang\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/ZHANG_Kaya-Jia-Lin_12-Fire-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/ZHANG_Kaya-Jia-Lin_12-Fire-2.jpg\" alt=\"Kaya Zhang\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-kaya-zhang\/\" class=\"vc_gitem-link\" title=\"Kaya Zhang\">Kaya Zhang<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Serena Zhong\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/ZHONG_Shirui_12-Fire-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/ZHONG_Shirui_12-Fire-2.jpg\" alt=\"Serena Zhong\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Serena Zhong\">Serena Zhong<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-alex-zhou\/\" class=\"vc_gitem-link\" title=\"Alex Zhou\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/ZHOU_Tsz-Cheung_12-Fire-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/ZHOU_Tsz-Cheung_12-Fire-2.jpg\" alt=\"Alex Zhou\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-alex-zhou\/\" class=\"vc_gitem-link\" title=\"Alex Zhou\">Alex Zhou<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <\/div><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery.imagesloaded\/4.1.1\/imagesloaded.pkgd.min.js\"><\/script>\r\n         <script>\r\n   \/**\r\n    * Set appropriate spanning to any masonry item\r\n    *\r\n    * Get different properties we already set for the masonry, calculate \r\n    * height or spanning for any cell of the masonry grid based on its \r\n    * content-wrapper's height, the (row) gap of the grid, and the size \r\n    * of the implicit row tracks.\r\n    *\r\n    * @param item Object A brick\/tile\/cell inside the masonry\r\n    *\/\r\n   function resizeMasonryItem(item){\r\n     \/* Get the grid object, its row-gap, and the size of its implicit rows *\/\r\n     var grid = document.getElementsByClassName(\"masonry\")[0],\r\n         rowGap = parseInt(window.getComputedStyle(grid).getPropertyValue(\"grid-row-gap\")),\r\n         rowHeight = parseInt(window.getComputedStyle(grid).getPropertyValue(\"grid-auto-rows\"));\r\n   \r\n     \/*\r\n      * Spanning for any brick = S\r\n      * Grid's row-gap = G\r\n      * Size of grid's implicitly create row-track = R\r\n      * Height of item content = H\r\n      * Net height of the item = H1 = H + G\r\n      * Net height of the implicit row-track = T = G + R\r\n      * S = H1 \/ T\r\n      *\/\r\n     \/\/var rowSpan = Math.ceil((item.querySelector(\".masonry-content\").getBoundingClientRect().height+rowGap)\/(rowHeight+rowGap));\r\n     var rowSpan = Math.ceil((item.querySelector(\".masonry-content\").offsetHeight+rowGap)\/(rowHeight+rowGap));\r\n   \r\n     \/* Set the spanning as calculated above (S) *\/\r\n     item.style.gridRowEnd = \"span \"+rowSpan;\r\n   }\r\n   \r\n   \/**\r\n    * Apply spanning to all the masonry items\r\n    *\r\n    * Loop through all the items and apply the spanning to them using \r\n    * `resizeMasonryItem()` function.\r\n    *\r\n    * @uses resizeMasonryItem\r\n    *\/\r\n   function resizeAllMasonryItems(){\r\n     \/\/ Get all item class objects in one list\r\n     var allItems = document.getElementsByClassName(\"masonry-brick\");\r\n   \r\n     \/*\r\n      * Loop through the above list and execute the spanning function to\r\n      * each list-item (i.e. each masonry item)\r\n      *\/\r\n     for(var i=0;i>allItems.length;i++){\r\n       resizeMasonryItem(allItems[i]);\r\n     }\r\n   }\r\n   \r\n   \/**\r\n    * Resize the items when all the images inside the masonry grid \r\n    * finish loading. This will ensure that all the content inside our\r\n    * masonry items is visible.\r\n    *\r\n    * @uses ImagesLoaded\r\n    * @uses resizeMasonryItem\r\n    *\/\r\n   function waitForImages() {\r\n     var allItems = document.getElementsByClassName(\"masonry-brick\");\r\n     for(var i=0;i<allItems.length;i++){\r\n       imagesLoaded( allItems[i], function(instance) {\r\n         var item = instance.elements[0];\r\n         resizeMasonryItem(item);\r\n       } );\r\n     }\r\n   }\r\n   \r\n   \/* Resize all the grid items on the load and resize events *\/\r\n   var masonryEvents = [\"load\", \"resize\"];\r\n   masonryEvents.forEach( function(event) {\r\n     window.addEventListener(event, resizeAllMasonryItems);\r\n   } );\r\n   \r\n   \/* Do a resize once more when all the images finish loading *\/\r\n   waitForImages();\r\n   \r\n   \r\n   $(window).resize(function(){waitForImages();});\r\n   $(document).ready(function(){\r\n    $(\".vc_tta-tab a\").click(waitForImages);\r\n    $(\".vc_tta-panel-title a\").click(waitForImages);\r\n   });\r\n   \r\n     function checkFilterFire(){\r\n       $(\"#Fire #cat-all\").removeClass(\"active\");\r\n         $(\"#Fire .achievement-item\").removeClass(\"active\");\r\n         $(\"#Fire .cat-filter\").each(function(index, element) {\r\n             \/\/alert(\"ID:\"+$(this).attr(\"id\"));\r\n             if($(this).hasClass(\"active\")){\r\n               $(\"#Fire .\"+$(this).attr(\"id\")).addClass(\"active\");\r\n             }\r\n         });\r\n       \r\n\r\n     }\r\n     \r\n     $(document).ready(function(){\r\n       $(\"#Fire #cat-all\").click(function(){\r\n         $(\"#Fire #cat-all\").toggleClass(\"active\");\r\n         if($(\"#Fire #cat-all\").hasClass(\"active\")){\r\n           $(\"#Fire .achievement-item\").addClass(\"active\");\r\n           $(\"#Fire .cat-filter\").removeClass(\"active\");\r\n         }else{\r\n           $(\"#Fire .achievement-item\").removeClass(\"active\");\r\n         }\r\n     });\r\n     $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               $(\"#Fire #cat-\").click(function(){\r\n                   $(\"#Fire #cat-\").toggleClass(\"active\");\r\n                   checkFilterFire();\r\n                 });\r\n               });\r\n   <\/script><\/div>[\/vc_tta_section][vc_tta_section title=&#8221;Earth House&#8221; tab_id=&#8221;1653469095654-6c44db95-80f9&#8243;]<style type=\"text\/css\">\r\n        .masonry {\r\n            display: grid;\r\n            grid-gap: 1em;grid-template-columns: repeat(auto-fill, minmax(23%,1fr));grid-auto-rows: 0;\r\n          }\r\n\r\n                  .masonry-content {\r\n                    overflow: hidden; \r\n                    -webkit-box-shadow: 2px 5px 10px 0px rgba(219,219,219,1);\r\n                    -moz-box-shadow: 2px 5px 10px 0px rgba(219,219,219,1);\r\n                    box-shadow: 2px 5px 10px 0px rgba(219,219,219,1);\r\n                    border-radius:0px 50px 0px 50px;\r\n                  }\r\n                \r\n                  .masonry-brick {\r\n                    color: #2f3640;\r\n                    transition: opacity .25s ease-in-out;\r\n                   \r\n                  }\r\n                \r\n                  .masonry-brick:hover {\r\n                     opacity: .75;\r\n                  }\r\n                  .masonry-content>img{ width:100%;}\r\n                  .masonry-title,\r\n                  .masonry-description {\r\n                      margin: 0;\r\n                  }\r\n                \r\n                  .masonry-title  {\r\n                    line-height: 0.8;\r\n                  }\r\n                  .masonry-title a{\r\n                    font-size: 21px;\r\n                    color: #00145a;\r\n                    text-align: left;\r\n                    font-family: Noto Sans;\r\n                    font-weight: 700;\r\n                    font-style: normal;\r\n                    text-decoration:none !important;\r\n                  }\r\n                \r\n                  .masonry-description {\r\n                    font-size: .75rem;\r\n                    color: #666;\r\n                    padding-top:10px;\r\n                    display:none;\r\n                  }\r\n                  \r\n                  .masonry-content{ position:relative;background:#EBEBEB;  height:350px; text-align:center;}\r\n                  .pnl-masonry-content{\r\n                    position:relative;\r\n                    height:70px;\r\n                    z-index:2;\r\n                    background: rgba(255, 103, 32, 0.8);\r\n\r\n                    border-radius:0px 0px 0px 50px;\r\n                    padding:10px 50px 10px 50px;\r\n                    overflow:hidden;\r\n                  }\r\n                  .achievement_type_t{background:#ff6720 url(https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/img\/news\/icon-t.png) no-repeat 30px top;background-size:9%;padding-left:80px;}\r\n                  .achievement_type_tni{background:#ff6720 url(https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/img\/news\/icon-tni.png) no-repeat 30px top;background-size:9%;padding-left:80px;}\r\n                  .achievement_type_v{background:#ff6720 url(https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/img\/news\/icon-v.png) no-repeat 30px top;background-size:9%;padding-left:80px;}\r\n                  .masonry-content .achievement-thumbnail {background:#EBEBEB;height:280px;width:100%;overflow:hidden;}\r\n                  .masonry-content img{width:100%; margin:0 auto;}\r\n                  .masonry-content p{text-align:left;}                   \r\n                  .masonry-content h3{text-align:left;}      \r\n                  .masonry-content h3 a{ color:#FFF;}\r\n\r\n                  .filter-nav{ width:100%; clear:both; display:flex; margin:20px 0px;padding:0px 5px}\r\n                  .filter-nav li{\r\n                    background:#FFF;\r\n                    border:#ff6720 solid 1px; \r\n                    border-radius:0px 10px 0px 10px; \r\n                    width:auto;\r\n                    padding:5px 15px 5px 40px;\r\n                    color:#ff6720;\r\n                    margin:5px;\r\n                    cursor:pointer;\r\n                    position:relative;\r\n                  }\r\n                  .filter-nav li:hover, .filter-nav li.active{\r\n                    background:#ff6720;\r\n                    color:#FFF;\r\n                  }\r\n                  .filter-nav li.active:after{\r\n                    content:\"x\";                    \r\n                    font-family: DINPro, sans-serif;\r\n                    width:20px;\r\n                    height:20px;\r\n                    margin-left:10px;\r\n                    opacity:0.5;\r\n                  }\r\n                  \r\n                  .achievement-item{display:none;}\r\n                  .achievement-item.active{display:block;}\r\n\r\n                  .filter-icon{\r\n                    position:absolute;\r\n                    left:15px;\r\n                    top:10px;\r\n                    width:20px;\r\n                    height:20px;\r\n                    background-color:#FFF !important;\r\n                    background-repeat:no-repeat;\r\n                    background-position:left top;\r\n\r\n                  }\r\n                  .filter-nav li:hover .filter-icon,.filter-nav li.active .filter-icon{\r\n                    background-color:#ff6720 !important;                    \r\n                    background-position:left bottom;\r\n\r\n                  }\r\n                    <\/style><div id=\"Earth\"><div class=\"masonry\"><div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-joshua-cheng\/\" class=\"vc_gitem-link\" title=\"Joshua Cheng\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHENG_Sze-Ming-Joshua_12-Earth-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHENG_Sze-Ming-Joshua_12-Earth-2.jpg\" alt=\"Joshua Cheng\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-joshua-cheng\/\" class=\"vc_gitem-link\" title=\"Joshua Cheng\">Joshua Cheng<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"China Choy\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHOY_China_12-Earth-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHOY_China_12-Earth-1.jpg\" alt=\"China Choy\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"China Choy\">China Choy<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-alex-chu\/\" class=\"vc_gitem-link\" title=\"Alex Chu\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHU_Tsun-Ho_12-Earth-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHU_Tsun-Ho_12-Earth-2.jpg\" alt=\"Alex Chu\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-alex-chu\/\" class=\"vc_gitem-link\" title=\"Alex Chu\">Alex Chu<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-lucian-clayton\/\" class=\"vc_gitem-link\" title=\"Lucian Clayton\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CLAYTON_Lucian-Cecil_12-Earth-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CLAYTON_Lucian-Cecil_12-Earth-1.jpg\" alt=\"Lucian Clayton\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-lucian-clayton\/\" class=\"vc_gitem-link\" title=\"Lucian Clayton\">Lucian Clayton<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-charlotte-dixon\/\" class=\"vc_gitem-link\" title=\"Charlotte Dixon\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/DIXON_Charlotte-Hana-Rysz_12-Earth-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/DIXON_Charlotte-Hana-Rysz_12-Earth-1.jpg\" alt=\"Charlotte Dixon\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-charlotte-dixon\/\" class=\"vc_gitem-link\" title=\"Charlotte Dixon\">Charlotte Dixon<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-david-gong\/\" class=\"vc_gitem-link\" title=\"Sichun Gong\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/GONG_Sichun_12-Earth-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/GONG_Sichun_12-Earth-1.jpg\" alt=\"Sichun Gong\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-david-gong\/\" class=\"vc_gitem-link\" title=\"Sichun Gong\">Sichun Gong<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Sophia Jiang\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/JIANG_Sophia-Yuxin_12-Earth-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/JIANG_Sophia-Yuxin_12-Earth-1.jpg\" alt=\"Sophia Jiang\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Sophia Jiang\">Sophia Jiang<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-sunny-jiang\/\" class=\"vc_gitem-link\" title=\"Sunny Jiang\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/JIANG_Yin-Tung-Sunny_12-Earth-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/JIANG_Yin-Tung-Sunny_12-Earth-1.jpg\" alt=\"Sunny Jiang\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-sunny-jiang\/\" class=\"vc_gitem-link\" title=\"Sunny Jiang\">Sunny Jiang<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-ashlynn-lau\/\" class=\"vc_gitem-link\" title=\"Ashlynn Lau\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LAU_Yat-Sum_12-Earth-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LAU_Yat-Sum_12-Earth-2.jpg\" alt=\"Ashlynn Lau\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-ashlynn-lau\/\" class=\"vc_gitem-link\" title=\"Ashlynn Lau\">Ashlynn Lau<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Vivian Lee\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LEE_Wing-In-Vivian_12-Earth-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LEE_Wing-In-Vivian_12-Earth-2.jpg\" alt=\"Vivian Lee\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Vivian Lee\">Vivian Lee<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-hayley-leung\/\" class=\"vc_gitem-link\" title=\"Hayley Leung\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LEUNG_Hayley-Wing-Yee_12-Earth-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LEUNG_Hayley-Wing-Yee_12-Earth-2.jpg\" alt=\"Hayley Leung\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-hayley-leung\/\" class=\"vc_gitem-link\" title=\"Hayley Leung\">Hayley Leung<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Hansen Li\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LI_Han-Shun_12-Earth-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LI_Han-Shun_12-Earth-1.jpg\" alt=\"Hansen Li\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Hansen Li\">Hansen Li<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Ryan Li\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LI_Yu-Hei-Ryan_12-Earth-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LI_Yu-Hei-Ryan_12-Earth-1.jpg\" alt=\"Ryan Li\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Ryan Li\">Ryan Li<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-paris-liang\/\" class=\"vc_gitem-link\" title=\"Paris Liang\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LIANG_Ao-Ting_12-Earth-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LIANG_Ao-Ting_12-Earth-2.jpg\" alt=\"Paris Liang\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-paris-liang\/\" class=\"vc_gitem-link\" title=\"Paris Liang\">Paris Liang<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-eric-mok\/\" class=\"vc_gitem-link\" title=\"Eric Mok\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/MOK_Tsz-Ting-Eric_12-Earth-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/MOK_Tsz-Ting-Eric_12-Earth-1.jpg\" alt=\"Eric Mok\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-eric-mok\/\" class=\"vc_gitem-link\" title=\"Eric Mok\">Eric Mok<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-neo-niu\/\" class=\"vc_gitem-link\" title=\"Neo Niu\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/NIU_Xunqi-Neo_12-Earth-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/NIU_Xunqi-Neo_12-Earth-2.jpg\" alt=\"Neo Niu\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-neo-niu\/\" class=\"vc_gitem-link\" title=\"Neo Niu\">Neo Niu<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-kennice-pong\/\" class=\"vc_gitem-link\" title=\"Kennice Pong\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/PONG_Ka-Huen-Kennice_12-Earth-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/PONG_Ka-Huen-Kennice_12-Earth-1.jpg\" alt=\"Kennice Pong\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-kennice-pong\/\" class=\"vc_gitem-link\" title=\"Kennice Pong\">Kennice Pong<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-cheuk-yan-wong\/\" class=\"vc_gitem-link\" title=\"Athena Wong\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Cheuk-Yan_12-Earth-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Cheuk-Yan_12-Earth-1.jpg\" alt=\"Athena Wong\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-cheuk-yan-wong\/\" class=\"vc_gitem-link\" title=\"Athena Wong\">Athena Wong<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-charisse-wong\/\" class=\"vc_gitem-link\" title=\"Charisse Wong\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Ka-Yu-Charisse_12-Earth-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Ka-Yu-Charisse_12-Earth-1.jpg\" alt=\"Charisse Wong\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-charisse-wong\/\" class=\"vc_gitem-link\" title=\"Charisse Wong\">Charisse Wong<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-hailey-wong\/\" class=\"vc_gitem-link\" title=\"Hailey Wong\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Hailey_12-Earth-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Hailey_12-Earth-2.jpg\" alt=\"Hailey Wong\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-hailey-wong\/\" class=\"vc_gitem-link\" title=\"Hailey Wong\">Hailey Wong<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-joshua-wong\/\" class=\"vc_gitem-link\" title=\"Joshua Wong\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Joshua-Cho-Ho_12-Earth-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Joshua-Cho-Ho_12-Earth-1.jpg\" alt=\"Joshua Wong\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-joshua-wong\/\" class=\"vc_gitem-link\" title=\"Joshua Wong\">Joshua Wong<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-class-of-2024 cat-class-of-2024-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-hexing-zhou\/\" class=\"vc_gitem-link\" title=\"Charlie Zhou\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/ZHOU_Hexing_12-Earth-2.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/ZHOU_Hexing_12-Earth-2.jpg\" alt=\"Charlie Zhou\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Class of 2024<\/span>                       <span class=\"vc_gitem-post-category-name\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2024-hexing-zhou\/\" class=\"vc_gitem-link\" title=\"Charlie Zhou\">Charlie Zhou<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <\/div><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery.imagesloaded\/4.1.1\/imagesloaded.pkgd.min.js\"><\/script>\r\n         <script>\r\n   \/**\r\n    * Set appropriate spanning to any masonry item\r\n    *\r\n    * Get different properties we already set for the masonry, calculate \r\n    * height or spanning for any cell of the masonry grid based on its \r\n    * content-wrapper's height, the (row) gap of the grid, and the size \r\n    * of the implicit row tracks.\r\n    *\r\n    * @param item Object A brick\/tile\/cell inside the masonry\r\n    *\/\r\n   function resizeMasonryItem(item){\r\n     \/* Get the grid object, its row-gap, and the size of its implicit rows *\/\r\n     var grid = document.getElementsByClassName(\"masonry\")[0],\r\n         rowGap = parseInt(window.getComputedStyle(grid).getPropertyValue(\"grid-row-gap\")),\r\n         rowHeight = parseInt(window.getComputedStyle(grid).getPropertyValue(\"grid-auto-rows\"));\r\n   \r\n     \/*\r\n      * Spanning for any brick = S\r\n      * Grid's row-gap = G\r\n      * Size of grid's implicitly create row-track = R\r\n      * Height of item content = H\r\n      * Net height of the item = H1 = H + G\r\n      * Net height of the implicit row-track = T = G + R\r\n      * S = H1 \/ T\r\n      *\/\r\n     \/\/var rowSpan = Math.ceil((item.querySelector(\".masonry-content\").getBoundingClientRect().height+rowGap)\/(rowHeight+rowGap));\r\n     var rowSpan = Math.ceil((item.querySelector(\".masonry-content\").offsetHeight+rowGap)\/(rowHeight+rowGap));\r\n   \r\n     \/* Set the spanning as calculated above (S) *\/\r\n     item.style.gridRowEnd = \"span \"+rowSpan;\r\n   }\r\n   \r\n   \/**\r\n    * Apply spanning to all the masonry items\r\n    *\r\n    * Loop through all the items and apply the spanning to them using \r\n    * `resizeMasonryItem()` function.\r\n    *\r\n    * @uses resizeMasonryItem\r\n    *\/\r\n   function resizeAllMasonryItems(){\r\n     \/\/ Get all item class objects in one list\r\n     var allItems = document.getElementsByClassName(\"masonry-brick\");\r\n   \r\n     \/*\r\n      * Loop through the above list and execute the spanning function to\r\n      * each list-item (i.e. each masonry item)\r\n      *\/\r\n     for(var i=0;i>allItems.length;i++){\r\n       resizeMasonryItem(allItems[i]);\r\n     }\r\n   }\r\n   \r\n   \/**\r\n    * Resize the items when all the images inside the masonry grid \r\n    * finish loading. This will ensure that all the content inside our\r\n    * masonry items is visible.\r\n    *\r\n    * @uses ImagesLoaded\r\n    * @uses resizeMasonryItem\r\n    *\/\r\n   function waitForImages() {\r\n     var allItems = document.getElementsByClassName(\"masonry-brick\");\r\n     for(var i=0;i<allItems.length;i++){\r\n       imagesLoaded( allItems[i], function(instance) {\r\n         var item = instance.elements[0];\r\n         resizeMasonryItem(item);\r\n       } );\r\n     }\r\n   }\r\n   \r\n   \/* Resize all the grid items on the load and resize events *\/\r\n   var masonryEvents = [\"load\", \"resize\"];\r\n   masonryEvents.forEach( function(event) {\r\n     window.addEventListener(event, resizeAllMasonryItems);\r\n   } );\r\n   \r\n   \/* Do a resize once more when all the images finish loading *\/\r\n   waitForImages();\r\n   \r\n   \r\n   $(window).resize(function(){waitForImages();});\r\n   $(document).ready(function(){\r\n    $(\".vc_tta-tab a\").click(waitForImages);\r\n    $(\".vc_tta-panel-title a\").click(waitForImages);\r\n   });\r\n   \r\n     function checkFilterEarth(){\r\n       $(\"#Earth #cat-all\").removeClass(\"active\");\r\n         $(\"#Earth .achievement-item\").removeClass(\"active\");\r\n         $(\"#Earth .cat-filter\").each(function(index, element) {\r\n             \/\/alert(\"ID:\"+$(this).attr(\"id\"));\r\n             if($(this).hasClass(\"active\")){\r\n               $(\"#Earth .\"+$(this).attr(\"id\")).addClass(\"active\");\r\n             }\r\n         });\r\n       \r\n\r\n     }\r\n     \r\n     $(document).ready(function(){\r\n       $(\"#Earth #cat-all\").click(function(){\r\n         $(\"#Earth #cat-all\").toggleClass(\"active\");\r\n         if($(\"#Earth #cat-all\").hasClass(\"active\")){\r\n           $(\"#Earth .achievement-item\").addClass(\"active\");\r\n           $(\"#Earth .cat-filter\").removeClass(\"active\");\r\n         }else{\r\n           $(\"#Earth .achievement-item\").removeClass(\"active\");\r\n         }\r\n     });\r\n     $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               $(\"#Earth #cat-\").click(function(){\r\n                   $(\"#Earth #cat-\").toggleClass(\"active\");\r\n                   checkFilterEarth();\r\n                 });\r\n               });\r\n   <\/script><\/div>[\/vc_tta_section][\/vc_tta_tabs][vc_empty_space height=&#8221;200px&#8221;][\/vc_column][\/vc_row][\/vc_section]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_section][vc_row disable_element=&#8221;yes&#8221; el_class=&#8221;container&#8221;][vc_column][vc_empty_space height=&#8221;50px&#8221;][vc_column_text] In this place, where we can learn and play, In our school, it\u2019s never dull or grey, Hand in hand, together and united as we stand, Everyone, we welcome a great new day. [\/vc_column_text][vc_column_text] Giving love, is a way we learn to gain, Sharing pain, is a sign of being brave,&hellip;&nbsp;<a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievement\/charlie-zhou\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Charlie Zhou<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":4168,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"neve_meta_sidebar":"full-width","neve_meta_container":"","neve_meta_enable_content_width":"on","neve_meta_content_width":100,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/32565"}],"collection":[{"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/comments?post=32565"}],"version-history":[{"count":17,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/32565\/revisions"}],"predecessor-version":[{"id":33197,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/32565\/revisions\/33197"}],"up":[{"embeddable":true,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/4168"}],"wp:attachment":[{"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/media?parent=32565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}