{"id":28880,"date":"2023-06-05T17:31:16","date_gmt":"2023-06-05T09:31:16","guid":{"rendered":"https:\/\/academy.isf.edu.hk\/?page_id=28880"},"modified":"2024-02-05T09:34:35","modified_gmt":"2024-02-05T01:34:35","slug":"class-of-2023","status":"publish","type":"page","link":"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023\/","title":{"rendered":"Class of 2023"},"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-2023-website-infographic_new.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 2023\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/SvCS30LioP4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/div>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_empty_space height=&#8221;65px&#8221;][vc_column_text]<\/p>\n<p style=\"text-align: center;\">Class of 2023, you have made us proud!<\/p>\n<p style=\"text-align: center;\">As students, you have endured and overcome some of the greatest challenges in human history throughout the extremely rigorous MYP and DP years.<\/p>\n<p style=\"text-align: center;\">As members of the ISF family, you have held and supported one another with the strongest community and camaraderie.<\/p>\n<p style=\"text-align: center;\">As stewards of our world, we entrust our future to you all. We are confident you will take away your learnings and experiences and go on to achieve greater things for humanity.<\/p>\n<p style=\"text-align: center;\">Here,\u00a0 we celebrate our amazing Class of 2023. Let\u2019s hear from their heartfelt reflections, rewarding experiences and wonderful memories from their years at ISF.<\/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-2023-metal \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-grace-deng\/\" class=\"vc_gitem-link\" title=\"Grace Deng\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/DENG_Hanyi_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/DENG_Hanyi_12-G.jpg\" alt=\"Grace Deng\">--><\/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\">Metal<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-grace-deng\/\" class=\"vc_gitem-link\" title=\"Grace Deng\">Grace Deng<\/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-2023-metal \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-chun-ho-ko\/\" class=\"vc_gitem-link\" title=\"Chun Ho Ko\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/KO_Chun-Ho_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/KO_Chun-Ho_12-G.jpg\" alt=\"Chun Ho Ko\">--><\/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\">Metal<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-chun-ho-ko\/\" class=\"vc_gitem-link\" title=\"Chun Ho Ko\">Chun Ho Ko<\/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-2023-metal \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-nelson-law\/\" class=\"vc_gitem-link\" title=\"Nelson Law\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LAW_Ming-Yiu-Nelson_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LAW_Ming-Yiu-Nelson_12-G.jpg\" alt=\"Nelson Law\">--><\/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\">Metal<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-nelson-law\/\" class=\"vc_gitem-link\" title=\"Nelson Law\">Nelson Law<\/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-2023-metal \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-irwin-sung\/\" class=\"vc_gitem-link\" title=\"Irwin Sung\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/SUNG_Irwin-Shing-Hei_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/SUNG_Irwin-Shing-Hei_12-G.jpg\" alt=\"Irwin Sung\">--><\/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\">Metal<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-irwin-sung\/\" class=\"vc_gitem-link\" title=\"Irwin Sung\">Irwin Sung<\/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-2023-metal \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-joanne-tang\/\" class=\"vc_gitem-link\" title=\"Joanne Tang\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/TANG_Joanne-Emily_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/TANG_Joanne-Emily_12-G.jpg\" alt=\"Joanne 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\">Metal<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-joanne-tang\/\" class=\"vc_gitem-link\" title=\"Joanne Tang\">Joanne 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-2023-metal \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-ingrid-yeung\/\" class=\"vc_gitem-link\" title=\"Ingrid Yeung\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/YEUNG_Tsz-Yau-Ingrid_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/YEUNG_Tsz-Yau-Ingrid_12-G.jpg\" alt=\"Ingrid Yeung\">--><\/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\">Metal<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-ingrid-yeung\/\" class=\"vc_gitem-link\" title=\"Ingrid Yeung\">Ingrid Yeung<\/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-2023-metal \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-jethro-zhao\/\" class=\"vc_gitem-link\" title=\"Jethro Zhao\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/ZHAO_Xiao-Yao-Jethro_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/ZHAO_Xiao-Yao-Jethro_12-G.jpg\" alt=\"Jethro Zhao\">--><\/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\">Metal<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-jethro-zhao\/\" class=\"vc_gitem-link\" title=\"Jethro Zhao\">Jethro Zhao<\/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-2023-wood \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-kathie-lau\/\" class=\"vc_gitem-link\" title=\"Kathie Lau\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LAU_Ka-Lam-Kathie_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LAU_Ka-Lam-Kathie_12-G.jpg\" alt=\"Kathie 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\">Wood<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-kathie-lau\/\" class=\"vc_gitem-link\" title=\"Kathie Lau\">Kathie 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-2023-wood \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-jiali-li\/\" class=\"vc_gitem-link\" title=\"Jiali Li\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LI_Jiali_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LI_Jiali_12-G.jpg\" alt=\"Jiali 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\">Wood<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-jiali-li\/\" class=\"vc_gitem-link\" title=\"Jiali Li\">Jiali 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-2023-wood \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Jacob Luke\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LUKE_Hin-Ki-Jacob_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LUKE_Hin-Ki-Jacob_12-G.jpg\" alt=\"Jacob Luke\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_t\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Wood<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Jacob Luke\">Jacob Luke<\/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-2023-wood \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-lucie-siu\/\" class=\"vc_gitem-link\" title=\"Lucie Siu\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/SIU_Lucie_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/SIU_Lucie_12-G.jpg\" alt=\"Lucie Siu\">--><\/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\">Wood<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-lucie-siu\/\" class=\"vc_gitem-link\" title=\"Lucie Siu\">Lucie Siu<\/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-2023-wood \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-max-tsai\/\" class=\"vc_gitem-link\" title=\"Max Tsai\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/TSAI_Yiu-Jun-Max_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/TSAI_Yiu-Jun-Max_12-G.jpg\" alt=\"Max 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\">Wood<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-max-tsai\/\" class=\"vc_gitem-link\" title=\"Max Tsai\">Max 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-2023-wood \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-michelle-tse\/\" class=\"vc_gitem-link\" title=\"Michelle Tse\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/TSE_Tsz-Ling-Michelle_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/TSE_Tsz-Ling-Michelle_12-G.jpg\" alt=\"Michelle Tse\">--><\/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\">Wood<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-michelle-tse\/\" class=\"vc_gitem-link\" title=\"Michelle Tse\">Michelle Tse<\/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-2023-wood \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-angus-wai\/\" class=\"vc_gitem-link\" title=\"Angus Wai\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WAI_Ching-Him-Angus_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WAI_Ching-Him-Angus_12-G.jpg\" alt=\"Angus Wai\">--><\/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\">Wood<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-angus-wai\/\" class=\"vc_gitem-link\" title=\"Angus Wai\">Angus Wai<\/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-2023-wood \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-alina-wang\/\" class=\"vc_gitem-link\" title=\"Alina Wang\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WANG_Yuhan_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WANG_Yuhan_12-G.jpg\" alt=\"Alina 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\">Wood<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-alina-wang\/\" class=\"vc_gitem-link\" title=\"Alina Wang\">Alina 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-2023-wood \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-yue-yan-xie\/\" class=\"vc_gitem-link\" title=\"Yue Yan Xie\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/XIE_Yue-Yan_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/XIE_Yue-Yan_12-G.jpg\" alt=\"Yue Yan Xie\">--><\/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\">Wood<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-yue-yan-xie\/\" class=\"vc_gitem-link\" title=\"Yue Yan Xie\">Yue Yan Xie<\/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-2023-wood \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-hans-zhu\/\" class=\"vc_gitem-link\" title=\"Hans Zhu\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/ZHU_Hansheng_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/ZHU_Hansheng_12-G.jpg\" alt=\"Hans Zhu\">--><\/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\">Wood<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-hans-zhu\/\" class=\"vc_gitem-link\" title=\"Hans Zhu\">Hans Zhu<\/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-2023-water \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-troy-bacchus\/\" class=\"vc_gitem-link\" title=\"Troy Bacchus\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/BACCHUS_Troy-Manhattan_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/BACCHUS_Troy-Manhattan_12-G.jpg\" alt=\"Troy Bacchus\">--><\/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\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-troy-bacchus\/\" class=\"vc_gitem-link\" title=\"Troy Bacchus\">Troy Bacchus<\/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-2023-water \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-toby-chan\/\" class=\"vc_gitem-link\" title=\"Toby Chan\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHAN_Hiu-Laam-Toby_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHAN_Hiu-Laam-Toby_12-G.jpg\" alt=\"Toby 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\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-toby-chan\/\" class=\"vc_gitem-link\" title=\"Toby Chan\">Toby 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-2023-water \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-kate-chang\/\" class=\"vc_gitem-link\" title=\"Kate Chang\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHANG_Tsz-Kiu-Kate_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHANG_Tsz-Kiu-Kate_12-G.jpg\" alt=\"Kate Chang\">--><\/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\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-kate-chang\/\" class=\"vc_gitem-link\" title=\"Kate Chang\">Kate Chang<\/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-2023-water \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-andrea-chung\/\" class=\"vc_gitem-link\" title=\"Andrea Chung\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHUNG_Andrea-Pui-Shan_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHUNG_Andrea-Pui-Shan_12-G.jpg\" alt=\"Andrea Chung\">--><\/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\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-andrea-chung\/\" class=\"vc_gitem-link\" title=\"Andrea Chung\">Andrea Chung<\/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-2023-water \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Hajime Hosono\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/HOSONO_Hajime_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/HOSONO_Hajime_12-G.jpg\" alt=\"Hajime Hosono\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_t\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Hajime Hosono\">Hajime Hosono<\/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-2023-water \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-eric-jiang\/\" class=\"vc_gitem-link\" title=\"Eric Jiang\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/JIANG_Eric-Yancheng_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/JIANG_Eric-Yancheng_12-G.jpg\" alt=\"Eric 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\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-eric-jiang\/\" class=\"vc_gitem-link\" title=\"Eric Jiang\">Eric 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-2023-water \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-chelsea-lam\/\" class=\"vc_gitem-link\" title=\"Chelsea Lam\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LAM_Chun-Yee-Chelsea_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LAM_Chun-Yee-Chelsea_12-G.jpg\" alt=\"Chelsea Lam\">--><\/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\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-chelsea-lam\/\" class=\"vc_gitem-link\" title=\"Chelsea Lam\">Chelsea Lam<\/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-2023-water \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-matthew-lam\/\" class=\"vc_gitem-link\" title=\"Matthew Lam\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LAM_Matthew_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LAM_Matthew_12-G.jpg\" alt=\"Matthew Lam\">--><\/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\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-matthew-lam\/\" class=\"vc_gitem-link\" title=\"Matthew Lam\">Matthew Lam<\/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-2023-water \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-leo-lee\/\" class=\"vc_gitem-link\" title=\"Leo Lee\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LEE_Pei-Jian_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LEE_Pei-Jian_12-G.jpg\" alt=\"Leo 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\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-leo-lee\/\" class=\"vc_gitem-link\" title=\"Leo Lee\">Leo 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-2023-water \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-julienne-lin\/\" class=\"vc_gitem-link\" title=\"Julienne Lin\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LIN_Julienne-Yook-Ying_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LIN_Julienne-Yook-Ying_12-G.jpg\" alt=\"Julienne 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\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-julienne-lin\/\" class=\"vc_gitem-link\" title=\"Julienne Lin\">Julienne 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-2023-water \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-christine-luk\/\" class=\"vc_gitem-link\" title=\"Christine Luk\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LUK_Christine-Hiu-Yan_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LUK_Christine-Hiu-Yan_12-G.jpg\" alt=\"Christine Luk\">--><\/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\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-christine-luk\/\" class=\"vc_gitem-link\" title=\"Christine Luk\">Christine Luk<\/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-2023-water \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-alyssa-pun\/\" class=\"vc_gitem-link\" title=\"Alyssa Pun\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/PUN_Alyssa-Hei-Men_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/PUN_Alyssa-Hei-Men_12-G.jpg\" alt=\"Alyssa Pun\">--><\/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\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-alyssa-pun\/\" class=\"vc_gitem-link\" title=\"Alyssa Pun\">Alyssa Pun<\/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-2023-water \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-ines-tang\/\" class=\"vc_gitem-link\" title=\"Ines Tang\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/TANG_Hiu-Wing-Ines_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/TANG_Hiu-Wing-Ines_12-G.jpg\" alt=\"Ines 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\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-ines-tang\/\" class=\"vc_gitem-link\" title=\"Ines Tang\">Ines 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-2023-water \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-charlotte-wong\/\" class=\"vc_gitem-link\" title=\"Charlotte Wong\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Charlotte-Yi-Tung\u9ec3\u4f0a\u77b3_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Charlotte-Yi-Tung\u9ec3\u4f0a\u77b3_12-G.jpg\" alt=\"Charlotte 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\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-charlotte-wong\/\" class=\"vc_gitem-link\" title=\"Charlotte Wong\">Charlotte 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-2023-water \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-darryl-yung\/\" class=\"vc_gitem-link\" title=\"Darryl Yung\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/YUNG_Ching-Hang-Darryl_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/YUNG_Ching-Hang-Darryl_12-G.jpg\" alt=\"Darryl Yung\">--><\/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\">Water<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-darryl-yung\/\" class=\"vc_gitem-link\" title=\"Darryl Yung\">Darryl Yung<\/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-2023-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-walker-chak\/\" class=\"vc_gitem-link\" title=\"Walker Chak\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHAK_Walker_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHAK_Walker_12-G.jpg\" alt=\"Walker Chak\">--><\/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\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-walker-chak\/\" class=\"vc_gitem-link\" title=\"Walker Chak\">Walker Chak<\/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-2023-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-charlotte-cheung\/\" class=\"vc_gitem-link\" title=\"Charlotte Cheung\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHEUNG_Tin-Yan_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHEUNG_Tin-Yan_12-G.jpg\" alt=\"Charlotte 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\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-charlotte-cheung\/\" class=\"vc_gitem-link\" title=\"Charlotte Cheung\">Charlotte 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-2023-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-wesley-chui\/\" class=\"vc_gitem-link\" title=\"Wesley Chui\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHUI_Wesley-Wai-Ching_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHUI_Wesley-Wai-Ching_12-G.jpg\" alt=\"Wesley Chui\">--><\/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\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-wesley-chui\/\" class=\"vc_gitem-link\" title=\"Wesley Chui\">Wesley Chui<\/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-2023-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Lizzy Gausden\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/GAUSDEN_Elizabeth-Claire_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/GAUSDEN_Elizabeth-Claire_12-G.jpg\" alt=\"Lizzy Gausden\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_t\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Lizzy Gausden\">Lizzy Gausden<\/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-2023-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-anna-isogai-chan\/\" class=\"vc_gitem-link\" title=\"Anna Isogai Chan\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/ISOGAI-CHAN_Anna_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/ISOGAI-CHAN_Anna_12-G.jpg\" alt=\"Anna Isogai 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\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-anna-isogai-chan\/\" class=\"vc_gitem-link\" title=\"Anna Isogai Chan\">Anna Isogai 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-2023-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-bernice-li\/\" class=\"vc_gitem-link\" title=\"Bernice Li\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LI_Yan-Tung-Bernice_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LI_Yan-Tung-Bernice_12-G.jpg\" alt=\"Bernice 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\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-bernice-li\/\" class=\"vc_gitem-link\" title=\"Bernice Li\">Bernice 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-2023-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-hayley-myers\/\" class=\"vc_gitem-link\" title=\"Hayley Myers\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/MYERS_Hayley-Sky_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/MYERS_Hayley-Sky_12-G.jpg\" alt=\"Hayley Myers\">--><\/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\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-hayley-myers\/\" class=\"vc_gitem-link\" title=\"Hayley Myers\">Hayley Myers<\/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-2023-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-jasmine-ngan\/\" class=\"vc_gitem-link\" title=\"Jasmine Ngan\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/NGAN_Pui-Lam_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/NGAN_Pui-Lam_12-G.jpg\" alt=\"Jasmine Ngan\">--><\/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\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-jasmine-ngan\/\" class=\"vc_gitem-link\" title=\"Jasmine Ngan\">Jasmine Ngan<\/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-2023-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-may-proctor\/\" class=\"vc_gitem-link\" title=\"May Proctor\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/PROCTOR_May-Lee_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/PROCTOR_May-Lee_12-G.jpg\" alt=\"May Proctor\">--><\/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\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-may-proctor\/\" class=\"vc_gitem-link\" title=\"May Proctor\">May Proctor<\/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-2023-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Anson Tsang\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/TSANG_Anson_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/TSANG_Anson_12-G.jpg\" alt=\"Anson Tsang\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_t\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Anson Tsang\">Anson Tsang<\/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-2023-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-jared-tung\/\" class=\"vc_gitem-link\" title=\"Jared Tung\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/TUNG_Tin-Wan-Jared_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/TUNG_Tin-Wan-Jared_12-G.jpg\" alt=\"Jared Tung\">--><\/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\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-jared-tung\/\" class=\"vc_gitem-link\" title=\"Jared Tung\">Jared Tung<\/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-2023-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-bryan-wong\/\" class=\"vc_gitem-link\" title=\"Bryan Wong\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Ho-Long_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Ho-Long_12-G.jpg\" alt=\"Bryan 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\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-bryan-wong\/\" class=\"vc_gitem-link\" title=\"Bryan Wong\">Bryan 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-2023-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-charlotte-wong-2\/\" class=\"vc_gitem-link\" title=\"Charlotte Wong\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Charlotte\u9ec3\u5343\u6d1b_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Charlotte\u9ec3\u5343\u6d1b_12-G.jpg\" alt=\"Charlotte 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\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-charlotte-wong-2\/\" class=\"vc_gitem-link\" title=\"Charlotte Wong\">Charlotte 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-2023-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-matthew-wong\/\" class=\"vc_gitem-link\" title=\"Matthew Wong\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Chun-Kit-Matthew_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Chun-Kit-Matthew_12-G.jpg\" alt=\"Matthew 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\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-matthew-wong\/\" class=\"vc_gitem-link\" title=\"Matthew Wong\">Matthew 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-2023-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Jasmine Yang\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/YANG_Jasmine_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/YANG_Jasmine_12-G.jpg\" alt=\"Jasmine Yang\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_t\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Jasmine Yang\">Jasmine Yang<\/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-2023-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Luna Zhang\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/ZHANG_Luna-Zhao-lin_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/ZHANG_Luna-Zhao-lin_12-G.jpg\" alt=\"Luna Zhang\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_t\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Luna Zhang\">Luna 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-2023-fire \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-tongfei-zhu\/\" class=\"vc_gitem-link\" title=\"Tongfei Zhu\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/ZHU_Tongfei_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/ZHU_Tongfei_12-G.jpg\" alt=\"Tongfei Zhu\">--><\/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\">Fire<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-tongfei-zhu\/\" class=\"vc_gitem-link\" title=\"Tongfei Zhu\">Tongfei Zhu<\/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-2023-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-jaqueline-chan\/\" class=\"vc_gitem-link\" title=\"Jaqueline Chan\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHAN_Song-Yi-Jaqueline_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CHAN_Song-Yi-Jaqueline_12-G.jpg\" alt=\"Jaqueline 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\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-jaqueline-chan\/\" class=\"vc_gitem-link\" title=\"Jaqueline Chan\">Jaqueline 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-2023-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-maddalena-di-salvo\/\" class=\"vc_gitem-link\" title=\"Maddalena Di Salvo\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/DI-SALVO_Maddalena_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/DI-SALVO_Maddalena_12-G.jpg\" alt=\"Maddalena Di Salvo\">--><\/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\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-maddalena-di-salvo\/\" class=\"vc_gitem-link\" title=\"Maddalena Di Salvo\">Maddalena Di Salvo<\/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-2023-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-selina-hui\/\" class=\"vc_gitem-link\" title=\"Selina Hui\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/HUI_Selina-Wai-Yan_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/HUI_Selina-Wai-Yan_12-G.jpg\" alt=\"Selina Hui\">--><\/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\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-selina-hui\/\" class=\"vc_gitem-link\" title=\"Selina Hui\">Selina Hui<\/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-2023-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-keith-hung\/\" class=\"vc_gitem-link\" title=\"Keith Hung\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/HUNG_Cheuk-Hei-Keith_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/HUNG_Cheuk-Hei-Keith_12-G.jpg\" alt=\"Keith Hung\">--><\/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\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-keith-hung\/\" class=\"vc_gitem-link\" title=\"Keith Hung\">Keith Hung<\/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-2023-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-annelise-jenks\/\" class=\"vc_gitem-link\" title=\"Annelise Jenks\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/JENKS_Annelise-Fong_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/JENKS_Annelise-Fong_12-G.jpg\" alt=\"Annelise Jenks\">--><\/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\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-annelise-jenks\/\" class=\"vc_gitem-link\" title=\"Annelise Jenks\">Annelise Jenks<\/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-2023-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-chloe-lee\/\" class=\"vc_gitem-link\" title=\"Chloe Lee\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LEE_Tsz-Hin-Chloe_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LEE_Tsz-Hin-Chloe_12-G.jpg\" alt=\"Chloe 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\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-chloe-lee\/\" class=\"vc_gitem-link\" title=\"Chloe Lee\">Chloe 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-2023-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-tristan-lee-iii\/\" class=\"vc_gitem-link\" title=\"Tristan Lee III\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LEE-III_William-Tristan_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LEE-III_William-Tristan_12-G.jpg\" alt=\"Tristan Lee III\">--><\/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\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-tristan-lee-iii\/\" class=\"vc_gitem-link\" title=\"Tristan Lee III\">Tristan Lee III<\/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-2023-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-jasmine-leung\/\" 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-Chin-Ching_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LEUNG_Jasmine-Chin-Ching_12-G.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\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-jasmine-leung\/\" 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-2023-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-lok-yi-li\/\" class=\"vc_gitem-link\" title=\"Lok Yi Li\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LI_Lok-Yi_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/LI_Lok-Yi_12-G.jpg\" alt=\"Lok Yi 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\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-lok-yi-li\/\" class=\"vc_gitem-link\" title=\"Lok Yi Li\">Lok Yi 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-2023-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-henrik-ng\/\" class=\"vc_gitem-link\" title=\"Henrik Ng\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/NG_Hon-Yu_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/NG_Hon-Yu_12-G.jpg\" alt=\"Henrik 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\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-henrik-ng\/\" class=\"vc_gitem-link\" title=\"Henrik Ng\">Henrik 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-2023-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-sen-or\/\" class=\"vc_gitem-link\" title=\"Sen Or\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/OR_Sen_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/OR_Sen_12-G.jpg\" alt=\"Sen Or\">--><\/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\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-sen-or\/\" class=\"vc_gitem-link\" title=\"Sen Or\">Sen Or<\/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-2023-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-ava-osann\/\" class=\"vc_gitem-link\" title=\"Ava Osann\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/OSANN_Ava-Lucy_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/OSANN_Ava-Lucy_12-G.jpg\" alt=\"Ava Osann\">--><\/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\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-ava-osann\/\" class=\"vc_gitem-link\" title=\"Ava Osann\">Ava Osann<\/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-2023-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Cameron Stock\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/STOCK_Cameron-Jia-ru-James_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/STOCK_Cameron-Jia-ru-James_12-G.jpg\" alt=\"Cameron Stock\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_t\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Cameron Stock\">Cameron Stock<\/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-2023-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-sze-yuet-tam\/\" class=\"vc_gitem-link\" title=\"Sze Yuet Tam\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/TAM_Sze-Yuet_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/TAM_Sze-Yuet_12-G.jpg\" alt=\"Sze Yuet Tam\">--><\/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\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-sze-yuet-tam\/\" class=\"vc_gitem-link\" title=\"Sze Yuet Tam\">Sze Yuet Tam<\/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-2023-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-kaden-tang\/\" class=\"vc_gitem-link\" title=\"Kaden Tang\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/TANG_Lik-Kaden_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/TANG_Lik-Kaden_12-G.jpg\" alt=\"Kaden 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\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-kaden-tang\/\" class=\"vc_gitem-link\" title=\"Kaden Tang\">Kaden 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-2023-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-michael-wang\/\" class=\"vc_gitem-link\" title=\"Michael Wang\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WANG_Michael_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WANG_Michael_12-G.jpg\" alt=\"Michael 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\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-michael-wang\/\" class=\"vc_gitem-link\" title=\"Michael Wang\">Michael 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-2023-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-ashley-wong\/\" class=\"vc_gitem-link\" title=\"Ashley Wong\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Ashley-Hoi-Kiu_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Ashley-Hoi-Kiu_12-G.jpg\" alt=\"Ashley 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\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-ashley-wong\/\" class=\"vc_gitem-link\" title=\"Ashley Wong\">Ashley 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-2023-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-carissa-wong\/\" class=\"vc_gitem-link\" title=\"Carissa Wong\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Carissa-Lok-Yee_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Carissa-Lok-Yee_12-G.jpg\" alt=\"Carissa 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\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/class-of-2023-carissa-wong\/\" class=\"vc_gitem-link\" title=\"Carissa Wong\">Carissa 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-2023-earth \">\r\n                            <div class=\"masonry-content\"><a href=\"\" class=\"vc_gitem-link\" title=\"Yan Bo Wong\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Yan-Bo_12-G.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/WONG_Yan-Bo_12-G.jpg\" alt=\"Yan Bo Wong\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_t\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">Earth<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"\" class=\"vc_gitem-link\" title=\"Yan Bo Wong\">Yan Bo Wong<\/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\/yan-bo-wong\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Yan Bo Wong<\/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\/28880"}],"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=28880"}],"version-history":[{"count":24,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/28880\/revisions"}],"predecessor-version":[{"id":31656,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/28880\/revisions\/31656"}],"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=28880"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}