{"id":976,"date":"2024-04-09T08:59:49","date_gmt":"2024-04-09T08:59:49","guid":{"rendered":"https:\/\/www.youthclic.hk\/?page_id=976"},"modified":"2025-03-31T04:28:29","modified_gmt":"2025-03-31T04:28:29","slug":"home","status":"publish","type":"page","link":"https:\/\/www.youthclic.hk\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div id=\"hkclic-home-banner\" class=\"hkclic-home-banner hero\">\n    <div class=\"clic-desktop bg-no-repeat bg-cover bg-center py-[99px] w-full hidden sm:block h-[600px]\"\n        style='background-image: url(https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-home-banner.png);'>\n        <div class=\"mx-auto container text-white\">\n            <div class=\"w-full max-w-[736px]\">\n                <h1 class=\"hero-title heading1 font-semibold\">\n                    Community legal information for Hong Kong youngsters                <\/h1>\n                <p class=\"hero-des mt-5 mb-10 heading5\">Youth CLIC is a community legal information website specially designed with a view to providing Hong Kong youngsters with basic information about the law, crimes, and legal issues which young people are interested in, need to know about, and may affect them.<\/p>\n                <a href=\"https:\/\/www.youthclic.hk\/topics\/\"\n                    class=\"view-all-topics-btn text-white bg-primary border-[2px] border-primary hover:bg-white hover:text-primary transition heading5 rounded-[4px] block h-[45px] xl:h-[50px] 3xl:h-[60px] 5xl:h-[70px] px-5 5xl:px-10 max-w-max flex items-center justify-center\">\n                    View All Topics                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"clic-mobile bg-no-repeat bg-cover bg-center py-[50px] w-full block sm:hidden\"\n        style='background-image: url(https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/05\/new-banner-mobile.jpg);'>\n        <div class=\"mx-auto container text-white relative z-[1]\">\n            <div class=\"w-full max-w-[736px]\">\n                <h1 class=\"hero-title heading1 font-semibold\">\n                    Community legal information for Hong Kong youngsters                <\/h1>\n                <p class=\"hero-des mt-5 mb-10 heading5\">Youth CLIC is a community legal information website specially designed with a view to providing Hong Kong youngsters with basic information about the law, crimes, and legal issues which young people are interested in, need to know about, and may affect them.<\/p>\n                <a href=\"https:\/\/www.youthclic.hk\/topics\/\"\n                    class=\"view-all-topics-btn text-white bg-primary border-[2px] border-primary hover:bg-white hover:text-primary transition heading5 rounded-[4px] block h-[45px] xl:h-[50px] 3xl:h-[60px] 5xl:h-[70px] px-5 5xl:px-10 max-w-max flex items-center justify-center\">\n                    View All Topics                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div id=\"hkclic-topic-block\" class=\"hkclic-topic-block py-5 lg:py-[80px] bg-topicbg\">\n    <div class=\"mx-auto container\">\n        <div class=\"container-sm\">\n            <div class=\"topic-title mb-5 lg:mb-[60px]\">\n                <h2 class=\"heading2 text-center font-semibold\">Topics<\/h2>\n            <\/div>    \n            <div class=\"topic-container grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 lg:gap-5 3xl:gap-10\">\n           \n                                  <a href=\"https:\/\/www.youthclic.hk\/topic\/sexual-offences-unlawful-sexual-intercourse-with-a-girl-under-13-years-of-age\/\" class=\"topic-card block group cursor-pointer\">\n                    <div class=\"tc-image bg-white border-[2px] border-topicgrey rounded-[4px] group-hover:border-primary flex items-center justify-center h-[145px] xs:h-[160px] lg:h-[240px]\">\n                       \n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-topic-sexual.png\" class=\"topic-image w-full h-full object-contain\"\/>\n                       \n                    <\/div>\n                    <div class=\"tc-title font-semibold heading4 pt-2 lg:pt-5 text-center group-hover:text-primary group-hover:underline\">\n                       Sexual Offences                    <\/div>\n                <\/a>\n                                  <a href=\"https:\/\/www.youthclic.hk\/topic\/cyber-crimes-unauthorized-access-to-a-computer-by-telecommunications\/\" class=\"topic-card block group cursor-pointer\">\n                    <div class=\"tc-image bg-white border-[2px] border-topicgrey rounded-[4px] group-hover:border-primary flex items-center justify-center h-[145px] xs:h-[160px] lg:h-[240px]\">\n                       \n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-topic-cyber-1.png\" class=\"topic-image w-full h-full object-contain\"\/>\n                       \n                    <\/div>\n                    <div class=\"tc-title font-semibold heading4 pt-2 lg:pt-5 text-center group-hover:text-primary group-hover:underline\">\n                       Cybercrime                    <\/div>\n                <\/a>\n                                  <a href=\"https:\/\/www.youthclic.hk\/topic\/bullying-and-triad-related-crimes-criminal-intimidation\/\" class=\"topic-card block group cursor-pointer\">\n                    <div class=\"tc-image bg-white border-[2px] border-topicgrey rounded-[4px] group-hover:border-primary flex items-center justify-center h-[145px] xs:h-[160px] lg:h-[240px]\">\n                       \n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-topic-violence.png\" class=\"topic-image w-full h-full object-contain\"\/>\n                       \n                    <\/div>\n                    <div class=\"tc-title font-semibold heading4 pt-2 lg:pt-5 text-center group-hover:text-primary group-hover:underline\">\n                       Bullying, Violence and Gangs                    <\/div>\n                <\/a>\n                                  <a href=\"https:\/\/www.youthclic.hk\/topic\/theft-and-drugs-crimes-driving-without-a-licence\/\" class=\"topic-card block group cursor-pointer\">\n                    <div class=\"tc-image bg-white border-[2px] border-topicgrey rounded-[4px] group-hover:border-primary flex items-center justify-center h-[145px] xs:h-[160px] lg:h-[240px]\">\n                       \n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-topic-driving.png\" class=\"topic-image w-full h-full object-contain\"\/>\n                       \n                    <\/div>\n                    <div class=\"tc-title font-semibold heading4 pt-2 lg:pt-5 text-center group-hover:text-primary group-hover:underline\">\n                       Driving Offences                    <\/div>\n                <\/a>\n                                  <a href=\"https:\/\/www.youthclic.hk\/topic\/theft-and-drugs-crimes-burglary\/\" class=\"topic-card block group cursor-pointer\">\n                    <div class=\"tc-image bg-white border-[2px] border-topicgrey rounded-[4px] group-hover:border-primary flex items-center justify-center h-[145px] xs:h-[160px] lg:h-[240px]\">\n                       \n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-topic-dishonest.png\" class=\"topic-image w-full h-full object-contain\"\/>\n                       \n                    <\/div>\n                    <div class=\"tc-title font-semibold heading4 pt-2 lg:pt-5 text-center group-hover:text-primary group-hover:underline\">\n                       Dishonest Offences                    <\/div>\n                <\/a>\n                                  <a href=\"https:\/\/www.youthclic.hk\/topic\/theft-and-drugs-crimes-possession-of-dangerous-drugs\/\" class=\"topic-card block group cursor-pointer\">\n                    <div class=\"tc-image bg-white border-[2px] border-topicgrey rounded-[4px] group-hover:border-primary flex items-center justify-center h-[145px] xs:h-[160px] lg:h-[240px]\">\n                       \n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-topic-drug.png\" class=\"topic-image w-full h-full object-contain\"\/>\n                       \n                    <\/div>\n                    <div class=\"tc-title font-semibold heading4 pt-2 lg:pt-5 text-center group-hover:text-primary group-hover:underline\">\n                       Drug Offences                    <\/div>\n                <\/a>\n                                  <a href=\"https:\/\/www.youthclic.hk\/topic\/cyber-bullying-what-is-cyberbullying\/\" class=\"topic-card block group cursor-pointer\">\n                    <div class=\"tc-image bg-white border-[2px] border-topicgrey rounded-[4px] group-hover:border-primary flex items-center justify-center h-[145px] xs:h-[160px] lg:h-[240px]\">\n                       \n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-topic-bully.png\" class=\"topic-image w-full h-full object-contain\"\/>\n                       \n                    <\/div>\n                    <div class=\"tc-title font-semibold heading4 pt-2 lg:pt-5 text-center group-hover:text-primary group-hover:underline\">\n                       Cyberbullying                    <\/div>\n                <\/a>\n                                  <a href=\"https:\/\/www.youthclic.hk\/topic\/the-rule-of-law\/\" class=\"topic-card block group cursor-pointer\">\n                    <div class=\"tc-image bg-white border-[2px] border-topicgrey rounded-[4px] group-hover:border-primary flex items-center justify-center h-[145px] xs:h-[160px] lg:h-[240px]\">\n                       \n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-topic-legal.png\" class=\"topic-image w-full h-full object-contain\"\/>\n                       \n                    <\/div>\n                    <div class=\"tc-title font-semibold heading4 pt-2 lg:pt-5 text-center group-hover:text-primary group-hover:underline\">\n                       Our Legal System                    <\/div>\n                <\/a>\n                               \n            <\/div> \n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div id=\"hkclic-features\" class=\"hkclic-features py-5 lg:py-[80px]\">\n   <div class=\"mx-auto container\">\n        <div class=\"container-sm\">\n            <div class=\"features-title mb-5 lg:mb-[60px]\">\n                <h2 class=\"heading2 text-center font-semibold\">Featured Pages<\/h2>\n            <\/div>  \n            <div class=\"features-container grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 lg:gap-5 3xl:gap-10\">\n\n                            <a href=\"https:\/\/www.youthclic.hk\/topic\/sexual-offences-unlawful-sexual-intercourse-with-a-girl-under-13-years-of-age\/\" class=\"features-card relative bg-no-repeat bg-cover bg-center block group cursor-pointer rounded-[4px] after:content-[' '] after:w-full after:h-full after:bg-[#0003] after:absolute after:top-0 after:left-0 after:z-[0] after:rounded-[4px]\">\n                    <div class=\"feature-bg-container w-full h-full rounded-[4px]\">\n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-features1.png\" alt=\"feature-bg\" class=\"feature-bg w-full h-full\"\/>   \n                    <\/div>\n                    <div class=\"feat-main absolute top-0 left-0 z-[1] w-full h-full flex flex-col justify-between text-white\">\n                        <div class=\"p-[10px] lg:p-[20px]\">\n                            <button class=\"go-more-btn flex items-center w-[20px] h-[20px] lg:w-[40px] lg:h-[40px] rounded-full ml-auto group transition\">\n                                <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/themes\/hkclic\/public\/images\/hkclic\/features\/hkclic-go-more-default.svg\" alt=\"go-more-default-icon\" class=\"w-full h-full object-contain group-hover:hidden go-more-default\"\/>\n                                <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/themes\/hkclic\/public\/images\/hkclic\/features\/hkclic-go-more-hover.svg\" alt=\"go-more-hover-icon\" class=\"w-full h-full object-contain hidden group-hover:block go-more-hover\"\/>\n                            <\/button>\n                        <\/div>                                 \n                        <div class=\"fill-up-black p-[15px] 6xl:px-[32px] 6xl:py-[20px]\">\n                            <div class=\"feat-link font-semibold body-2 underline mb-[5px] lg:mb-[10px] overflow-hidden custom-ellipsis-2 uppercase\">\n                            Sexual Offences                            <\/div>\n                            <div class=\"feat-title font-semibold heading5 overflow-hidden custom-ellipsis-3\">\n                                Procuring an unlawful sexual act by threats or intimidation                            <\/div>\n                        <\/div>                  \n                    <\/div>\n                    \n                <\/a>\n               \n                                <a href=\"https:\/\/www.youthclic.hk\/topic\/cyber-crimes-unauthorized-access-to-a-computer-by-telecommunications\/\" class=\"features-card relative bg-no-repeat bg-cover bg-center block group cursor-pointer rounded-[4px] after:content-[' '] after:w-full after:h-full after:bg-[#0003] after:absolute after:top-0 after:left-0 after:z-[0] after:rounded-[4px]\">\n                    <div class=\"feature-bg-container w-full h-full rounded-[4px]\">\n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-features2.png\" alt=\"feature-bg\" class=\"feature-bg w-full h-full\"\/>   \n                    <\/div>\n                    <div class=\"feat-main absolute top-0 left-0 z-[1] w-full h-full flex flex-col justify-between text-white\">\n                        <div class=\"p-[10px] lg:p-[20px]\">\n                            <button class=\"go-more-btn flex items-center w-[20px] h-[20px] lg:w-[40px] lg:h-[40px] rounded-full ml-auto group transition\">\n                                <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/themes\/hkclic\/public\/images\/hkclic\/features\/hkclic-go-more-default.svg\" alt=\"go-more-default-icon\" class=\"w-full h-full object-contain group-hover:hidden go-more-default\"\/>\n                                <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/themes\/hkclic\/public\/images\/hkclic\/features\/hkclic-go-more-hover.svg\" alt=\"go-more-hover-icon\" class=\"w-full h-full object-contain hidden group-hover:block go-more-hover\"\/>\n                            <\/button>\n                        <\/div>                                 \n                        <div class=\"fill-up-black p-[15px] 6xl:px-[32px] 6xl:py-[20px]\">\n                            <div class=\"feat-link font-semibold body-2 underline mb-[5px] lg:mb-[10px] overflow-hidden custom-ellipsis-2 uppercase\">\n                            Cybercrime                            <\/div>\n                            <div class=\"feat-title font-semibold heading5 overflow-hidden custom-ellipsis-3\">\n                                Unauthorized access to a computer by telecommunications                            <\/div>\n                        <\/div>                  \n                    <\/div>\n                    \n                <\/a>\n               \n                                <a href=\"https:\/\/www.youthclic.hk\/topic\/bullying-and-triad-related-crimes-assault-occasioning-actual-bodily-harm-aoabh\/\" class=\"features-card relative bg-no-repeat bg-cover bg-center block group cursor-pointer rounded-[4px] after:content-[' '] after:w-full after:h-full after:bg-[#0003] after:absolute after:top-0 after:left-0 after:z-[0] after:rounded-[4px]\">\n                    <div class=\"feature-bg-container w-full h-full rounded-[4px]\">\n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-features3.png\" alt=\"feature-bg\" class=\"feature-bg w-full h-full\"\/>   \n                    <\/div>\n                    <div class=\"feat-main absolute top-0 left-0 z-[1] w-full h-full flex flex-col justify-between text-white\">\n                        <div class=\"p-[10px] lg:p-[20px]\">\n                            <button class=\"go-more-btn flex items-center w-[20px] h-[20px] lg:w-[40px] lg:h-[40px] rounded-full ml-auto group transition\">\n                                <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/themes\/hkclic\/public\/images\/hkclic\/features\/hkclic-go-more-default.svg\" alt=\"go-more-default-icon\" class=\"w-full h-full object-contain group-hover:hidden go-more-default\"\/>\n                                <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/themes\/hkclic\/public\/images\/hkclic\/features\/hkclic-go-more-hover.svg\" alt=\"go-more-hover-icon\" class=\"w-full h-full object-contain hidden group-hover:block go-more-hover\"\/>\n                            <\/button>\n                        <\/div>                                 \n                        <div class=\"fill-up-black p-[15px] 6xl:px-[32px] 6xl:py-[20px]\">\n                            <div class=\"feat-link font-semibold body-2 underline mb-[5px] lg:mb-[10px] overflow-hidden custom-ellipsis-2 uppercase\">\n                            Bullying, Violence and Gangs                            <\/div>\n                            <div class=\"feat-title font-semibold heading5 overflow-hidden custom-ellipsis-3\">\n                                Assault occasioning actual bodily harm (AOABH)                            <\/div>\n                        <\/div>                  \n                    <\/div>\n                    \n                <\/a>\n               \n                                <a href=\"https:\/\/www.youthclic.hk\/topic\/theft-and-drugs-crimes-driving-a-motor-vehicle-under-the-influence-of-drink-or-drugs\/\" class=\"features-card relative bg-no-repeat bg-cover bg-center block group cursor-pointer rounded-[4px] after:content-[' '] after:w-full after:h-full after:bg-[#0003] after:absolute after:top-0 after:left-0 after:z-[0] after:rounded-[4px]\">\n                    <div class=\"feature-bg-container w-full h-full rounded-[4px]\">\n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-features4.png\" alt=\"feature-bg\" class=\"feature-bg w-full h-full\"\/>   \n                    <\/div>\n                    <div class=\"feat-main absolute top-0 left-0 z-[1] w-full h-full flex flex-col justify-between text-white\">\n                        <div class=\"p-[10px] lg:p-[20px]\">\n                            <button class=\"go-more-btn flex items-center w-[20px] h-[20px] lg:w-[40px] lg:h-[40px] rounded-full ml-auto group transition\">\n                                <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/themes\/hkclic\/public\/images\/hkclic\/features\/hkclic-go-more-default.svg\" alt=\"go-more-default-icon\" class=\"w-full h-full object-contain group-hover:hidden go-more-default\"\/>\n                                <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/themes\/hkclic\/public\/images\/hkclic\/features\/hkclic-go-more-hover.svg\" alt=\"go-more-hover-icon\" class=\"w-full h-full object-contain hidden group-hover:block go-more-hover\"\/>\n                            <\/button>\n                        <\/div>                                 \n                        <div class=\"fill-up-black p-[15px] 6xl:px-[32px] 6xl:py-[20px]\">\n                            <div class=\"feat-link font-semibold body-2 underline mb-[5px] lg:mb-[10px] overflow-hidden custom-ellipsis-2 uppercase\">\n                            Driving Offences                            <\/div>\n                            <div class=\"feat-title font-semibold heading5 overflow-hidden custom-ellipsis-3\">\n                                Driving a motor vehicle under the influence of drink or drugs                            <\/div>\n                        <\/div>                  \n                    <\/div>\n                    \n                <\/a>\n               \n                                \n            <\/div> \n        <\/div>\n   <\/div>\n<\/div>\n\n<div id=\"hkclic-features-videos\" class=\"hkclic-features-videos py-5 lg:py-[80px] bg-featlightyellow\">\n    <div class=\"mx-auto container\">\n        <div class=\"container-sm\">\n            <div class=\"featvideo-title mb-5 lg:mb-[60px]\">\n                <h2 class=\"heading2 text-center font-semibold\">Featured Case Videos<\/h2>\n            <\/div>  \n            <div class=\"featvideo-container grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 lg:gap-5 3xl:gap-8\">\n                            <a href=\"https:\/\/www.youthclic.hk\/video\/sexual-offences-drunken-rape\/\" class=\"featvideo-card relative bg-no-repeat bg-cover bg-center block group cursor-pointer rounded-[4px] cus-transition hover:translate-y-[-10px]\">\n                    <div class=\"featvideo-bg-container relative w-full rounded-[4px] after:content-[' '] after:w-full after:h-full after:absolute after:top-0 after:left-0 after:z-[0] after:rounded-[4px]\">\n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-video1.png\" alt=\"simple bg\" class=\"case-bg w-full h-full object-cover rounded-[4px]\"\/>   \n                       \n                    <\/div> \n                    <div class=\"video-title heading5 text-white absolute bottom-0 left-0 p-2 xl:p-5 6xl:px-[40px] 6xl:py-[20px] overflow-hidden custom-ellipsis-1\">\n                        Drunken rape                    <\/div>\n                <\/a>\n                            <a href=\"https:\/\/www.youthclic.hk\/video\/sexual-offences-the-early-maturing-children\/\" class=\"featvideo-card relative bg-no-repeat bg-cover bg-center block group cursor-pointer rounded-[4px] cus-transition hover:translate-y-[-10px]\">\n                    <div class=\"featvideo-bg-container relative w-full rounded-[4px] after:content-[' '] after:w-full after:h-full after:absolute after:top-0 after:left-0 after:z-[0] after:rounded-[4px]\">\n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-video2.png\" alt=\"simple bg\" class=\"case-bg w-full h-full object-cover rounded-[4px]\"\/>   \n                       \n                    <\/div> \n                    <div class=\"video-title heading5 text-white absolute bottom-0 left-0 p-2 xl:p-5 6xl:px-[40px] 6xl:py-[20px] overflow-hidden custom-ellipsis-1\">\n                        The early maturing children                    <\/div>\n                <\/a>\n                            <a href=\"https:\/\/www.youthclic.hk\/video\/sexual-offences-videos-of-love-and-hate\/\" class=\"featvideo-card relative bg-no-repeat bg-cover bg-center block group cursor-pointer rounded-[4px] cus-transition hover:translate-y-[-10px]\">\n                    <div class=\"featvideo-bg-container relative w-full rounded-[4px] after:content-[' '] after:w-full after:h-full after:absolute after:top-0 after:left-0 after:z-[0] after:rounded-[4px]\">\n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-video3.png\" alt=\"simple bg\" class=\"case-bg w-full h-full object-cover rounded-[4px]\"\/>   \n                       \n                    <\/div> \n                    <div class=\"video-title heading5 text-white absolute bottom-0 left-0 p-2 xl:p-5 6xl:px-[40px] 6xl:py-[20px] overflow-hidden custom-ellipsis-1\">\n                        Videos of love and hate                    <\/div>\n                <\/a>\n                        <\/div>\n                        <a href=\"https:\/\/www.youthclic.hk\/videos\/\" class=\"view-library-btn text-white bg-primary border-[2px] border-primary hover:bg-white hover:text-primary transition heading5 rounded-[4px] block h-[45px] xl:h-[50px] 3xl:h-[60px] 5xl:h-[70px] px-5 xl:px-10 max-w-max flex items-center justify-center mt-10 mx-auto\">View library<\/a>\n                    <\/div>       \n    <\/div>\n<\/div>\n\n\n<div id=\"hkclic-swiper\" class=\"hkclic-swiper py-5 lg:py-[80px]\">\n    <div class=\"mx-auto container\">\n        <div class=\"container-md\">\n            <h2 class=\"heading2 font-semibold text-center mb-5 lg:mb-10 3xl:mb-[60px] text-headblack\">News<\/h2>\n            <!-- Slider main container -->\n            <div class=\"swiper px-[100px] \">\n                <!-- Additional required wrapper -->\n                <div class=\"swiper-wrapper lg:h-[400px] mb-[50px] lg:mb-[60px]\">\n                    <!-- Slides -->\n                                        <div class=\"swiper-slide\">\n                        <div class=\"swiper-inner-card grid grid-cols-1 lg:grid-cols-2\">\n                            <div class=\"swiper-thumbnail\">\n                                <a href=\"Array\" class=\"swiper-link\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2025\/03\/CRec-Banner-1280x720-1.png\"\n                                        class=\"swiper-image \" \/>\n                                <\/a>\n                            <\/div>\n                            <div class=\"swiper-block\">\n                                <div class=\"swiper-block-inner\">\n                                    <h4 class=\"heading4 font-semibold text-headblack \">CLIC Recommender (CRec) is now officially launched!<\/h4>\n                                    <p>\n                                    <p>CLIC Recommender (CRec) is now officially launched!\u00a0 This AI-driven legal information search tool can recommend the most relevant information pages on CLIC based on your legal questions or situations. Whether you are a legal professional or a novice, CRec can help you find the legal information you need quickly. <a href=\"https:\/\/clic.org.hk\/app\/recommender\" target=\"_blank\" rel=\"noopener\">Try it now<\/a>.<\/p>\n                                    <\/p>\n                                                                    <\/div>                               \n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"swiper-slide\">\n                        <div class=\"swiper-inner-card grid grid-cols-1 lg:grid-cols-2\">\n                            <div class=\"swiper-thumbnail\">\n                                <a href=\"\" class=\"swiper-link\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-slider1.png\"\n                                        class=\"swiper-image \" \/>\n                                <\/a>\n                            <\/div>\n                            <div class=\"swiper-block\">\n                                <div class=\"swiper-block-inner\">\n                                    <h4 class=\"heading4 font-semibold text-headblack \">Free Liberal Studies                                     teaching                                     materials<\/h4>\n                                    <p>\n                                    <p>YouthCLIC has collaborated with the Faculty of Education of the HKU to develop a set of Liberal Studies teaching pack for secondary school students based on the contents of the website. Please <a href=\"https:\/\/youthclic.hk\/LS_teaching.pdf\" target=\"_blank\" rel=\"noopener\">here<\/a> here to download the teaching pack for free (Chinese version only).<\/p>\n                                    <\/p>\n                                                                        <a href=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/LS_teaching.pdf\" class=\"download-link font-semibold\">\n                                        <span class=\"flex items-center group border-b-[2px] border-b-white hover:border-b-primary hover:text-primary\">\n                                        Download teaching pack                                            <svg class=\"ml-[10px]\" width=\"8\" height=\"13\" viewBox=\"0 0 8 13\" fill=\"none\"\n                                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path\n                                                    d=\"M7.33358 6.03176L1.99343 0.691706C1.86992 0.568097 1.70504 0.5 1.52924 0.5C1.35343 0.5 1.18856 0.568097 1.06504 0.691706L0.671779 1.08487C0.415879 1.34107 0.415879 1.75745 0.671779 2.01326L5.15604 6.49751L0.666803 10.9867C0.543292 11.1104 0.475098 11.2751 0.475098 11.4508C0.475098 11.6267 0.543292 11.7915 0.666803 11.9152L1.06007 12.3083C1.18368 12.4319 1.34846 12.5 1.52426 12.5C1.70006 12.5 1.86494 12.4319 1.98845 12.3083L7.33358 6.96336C7.45738 6.83936 7.52538 6.6738 7.52499 6.49781C7.52538 6.32112 7.45738 6.15566 7.33358 6.03176Z\"\n                                                    fill=\"#2B2B2B\" \/>\n                                            <\/svg>\n                                        <\/span>\n                                    <\/a>\n                                                                    <\/div>                               \n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <\/div>\n                                <div class=\"navigation absolute w-full h-0 left-1\/2 top-1\/2 z-10 -translate-y-1\/2 -translate-x-1\/2\">\n                    <button class=\"prev-btn 5xl:w-[60px] 5xl:h-[60px] xl:w-[50px] xl:h-[50px] w-[35px] h-[35px] rounded-full bg-[#EEEEEE]\">\n                        <svg class=\"5xl:w-full xl:w-1\/2 w-[18px]\" width=\"30\" height=\"22\" viewBox=\"0 0 30 22\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M28.3334 11L1.66675 11M1.66675 11L11.6667 1M1.66675 11L11.6667 21\" stroke=\"#2B2B2B\"\n                                stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                        <\/svg>\n\n                    <\/button>\n\n                    <button class=\"next-btn 5xl:w-[60px] 5xl:h-[60px] xl:w-[50px] xl:h-[50px] w-[35px] h-[35px] rounded-full bg-[#EEEEEE]\">\n                        <svg class=\"5xl:w-full xl:w-1\/2 w-[18px]\" width=\"30\" height=\"22\" viewBox=\"0 0 30 22\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M1.66664 11L28.3333 11M28.3333 11L18.3333 21M28.3333 11L18.3333 1\" stroke=\"#2B2B2B\"\n                                stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                        <\/svg>\n\n                    <\/button>\n                <\/div>\n                <div class=\"swiper-pagination\"><\/div>\n                            <\/div>\n            \n        <\/div>\n    <\/div>\n\n\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-976","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.youthclic.hk\/en\/wp-json\/wp\/v2\/pages\/976","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.youthclic.hk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.youthclic.hk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.youthclic.hk\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.youthclic.hk\/en\/wp-json\/wp\/v2\/comments?post=976"}],"version-history":[{"count":8,"href":"https:\/\/www.youthclic.hk\/en\/wp-json\/wp\/v2\/pages\/976\/revisions"}],"predecessor-version":[{"id":2748,"href":"https:\/\/www.youthclic.hk\/en\/wp-json\/wp\/v2\/pages\/976\/revisions\/2748"}],"wp:attachment":[{"href":"https:\/\/www.youthclic.hk\/en\/wp-json\/wp\/v2\/media?parent=976"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}