{"id":235,"date":"2021-10-22T14:28:09","date_gmt":"2021-10-22T06:28:09","guid":{"rendered":"http:\/\/jcafc-port.hk\/?post_type=build_an_afe&#038;p=235"},"modified":"2021-12-08T18:21:37","modified_gmt":"2021-12-08T10:21:37","slug":"age-friendly-transport","status":"publish","type":"build_an_afe","link":"https:\/\/jcafc-port.hk\/en\/build-an-age-friendly-environment\/age-friendly-transport\/","title":{"rendered":"Access to the community"},"content":{"rendered":"<div class=\"blocks-spacing max-w-5xl mx-auto lg:px-6 px-4\" data-aos=\"fade-up\" data-aos-once=\"true\" data-aos-easing=\"ease-in-out\" data-aos-duration=\"500\" x-init=\" AOS.init(); \">\n        <div class=\"lg:mt-12 mt-4\">\n        <h2 class=\"section-title\">\n            Age-friendly transport facilities and services support elderly people to go out to the community for various kinds of participation and access to the services in need.                    <\/h2>\n    <\/div>\n        \n    <\/div>\n\n\n\n<div class=\"max-w-3xl m-auto lg:px-6 px-4 blocks-spacing relative\" data-aos=\"fade-up\" data-aos-once=\"true\" data-aos-easing=\"ease-in-out\" data-aos-duration=\"300\" data-aos-offset=\"200\"  x-init=\" AOS.init(); \">\n    <!-- \/\/phone-frame-slider -->\n   \n    <div class=\"relative\" x-init=\"\n                           \n                        \">\n        <div\n            class=\"swiper_block_617bd5854a7f9-prev swiper-button-prev bg-my-blue-focus w-9 h-9 flex items-center justify-center after:hidden rounded-circle opacity-40 mt-0 transform -translate-y-1\/2 lg:-translate-x-20 -translate-x-4 left-0\">\n            <img decoding=\"async\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/button-arrow-left.svg\" alt=\"\">\n        <\/div>\n        <div\n            class=\"phone-frame lg:w-full w-64  mx-auto block bg-my-gray-phone rounded-lg relative before:content-[''] before:block before:h-8 before:w-8 before:rounded-circle lg:before:ml-4 lg:before:mb-0 before:mb-2   before:absolute lg:before:left-0 before:left-1\/2 before:bottom-0 lg:before:bottom-auto lg:before:top-1\/2 before:transform lg:before:-translate-y-1\/2 lg:before:translate-x-0  before:-translate-x-1\/2 before:bg-my-gray-phone-button after:content-[''] after:block after:absolute lg:after:right-0 lg:after:top-1\/2 after:-top-0 lg:after:left-auto after:left-1\/2  after:transform after:-translate-y-1\/2 lg:after:translate-x-0 after:-translate-x-1\/2  lg:after:mr-4 after:mr-0 after:mt-4 lg:after:h-24 after:h-2 lg:after:w-2 after:w-24 after:bg-my-gray-phone-button after:rounded-lg lg:py-4 pt-8 pb-12 lg:pl-16 lg:px-10 px-4 shadow-phone-frame\">\n            <div class=\"w-full h-full bg-white\">\n                <div class=\"swiper-app-swiper swiper-container swiper swiper_block_617bd5854a7f9 h-full\" data-swiper-name=\"swiper_block_617bd5854a7f9\">\n                    <div class=\"swiper-wrapper relative\">\n                                                                                                <div class=\"swiper-slide h-auto\">\n                            <div class=\"flex flex-wrap h-full\">\n                                <div class=\"lg:w-4\/12 w-full lg:px-6 px-4 lg:py-8 py-4\">\n                                    <div>\n                                        <div>\n                                            <img decoding=\"async\" class=\"mx-auto rounded-xl lg:w-20 lg:h-20 w-12 h-12\" src=\"https:\/\/jcafc-port.hk\/wp-content\/uploads\/2021\/10\/application.png\" alt=\"application\">\n                                        <\/div>\n                                        <div class=\"text-center lg:mt-6 mt-4\">\n                                            <span class=\"lg:text-base text-sm\">\n                                                Click to download:                                            <\/span>\n                                        <\/div>\n                                        <div class=\"mt-4 lg:block flex justify-center gap-x-2\">\n                                            <a class=\"block\" href=\"https:\/\/apps.apple.com\/hk\/app\/%E5%8F%8B%E5%96%84%E9%BD%A1%E6%B4%BB%E4%BA%A4%E9%80%9A\/id1356938346\" target=\"_blank\" rel=\"noopener\">\n                                                <img decoding=\"async\" class=\"mx-auto lg:w-auto w-24\"\n                                                    src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/build_an_age_friendly_environment\/apple-store-download.png\"\n                                                    alt=\"apple store\">\n                                            <\/a>\n                                            <a class=\"lg:mt-4 block\" href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.mcsl.jcafctrans&#038;hl=en\" target=\"_blank\" rel=\"noopener\">\n                                                <img decoding=\"async\" class=\"mx-auto lg:w-auto w-24\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/build_an_age_friendly_environment\/google-play-download.png\" alt=\"google play\">\n                                            <\/a>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"lg:w-8\/12 w-full bg-my-purple-background lg:px-6 px-4 lg:py-8 py-4 flex items-center\">\n                                    <!-- overflow-y-scroll -->\n                                    <div>\n                                        <div>\n                                            <h5 class=\"lg:text-lg text-sm text-my-blue-focus font-medium\"> APP | Age-friendly Transport                                                                                         <span class=\"lg:text-sm text-xs\">(Chinese version only)<\/span>\n                                                                                    <\/h5>\n                                        <\/div>\n                                        <div>\n                                            <!-- <span class=\"lg:text-sm text-xs\"><\/span> -->\n                                        <\/div>\n                                        <div class=\"mt-4\">\n                                            <div>\n                                                <div  x-init=\"$($el).find('*').css('display', 'contents')\" class=\"lg:leading-8 lg:text-base text-sm line-clamp-6 after:content[] text-my-blue-dark\">\n                                                    <p>Provides a variety of information about community services and transportation in Kowloon City, including medical healthcare, recreational, cultural and community services, as well as introduces the major scenic spots in different districts in Hong Kong and their level of age-friendliness.<br \/>\n(produced by S.K.H. Holy Carpenter Church District Elderly Community Centre under &#8220;<a href=\"https:\/\/www.jcafc.hk\/en\/Events\/Apps-Kowloon-City.html\" target=\"_blank\" rel=\"noopener\">Jockey Club Age-friendly City Project &#8211; APPS @ Kowloon City \u2013 Transport<\/a>&#8220;)<\/p>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\" flex \">\n                                                                                                                                                \n                                                                                                        <button class=\" learn-more-btn mt-4 border-2 border-my-blue-focus text-my-blue-focus px-4 py-1 rounded-md font-medium flex lg:text-base text-sm lg:mx-0 mx-auto\"\n                                                        @click = \" \n                                                        modal_open = true ;\n                                                        console.log(modal_open)\n                                                        $('.modalcontent').html(' &lt;div class=&quot;z-top max-w-4xl mx-auto w-full relative max-h-screen&quot;&gt; &lt;div class=&quot;bg-white w-full h-full lg:p-8 p-4 rounded-2xl&quot;&gt; &lt;div class=&quot;flex&quot;&gt; &lt;div&gt; &lt;h2 class=&quot;text-my-blue-focus lg:text-2xl text-lg font-medium&quot;&gt; APP | Age-friendly Transport  &lt;\/h2&gt; &lt;\/div&gt; &lt;div class=&quot;ml-auto&quot;&gt; &lt;button class=&quot;&quot; @click=&quot;modal_open=false&quot;&gt; &lt;svg class=&quot;lg:w-auto w-4&quot; width=&quot;28&quot; height=&quot;28&quot; viewBox=&quot;0 0 28 28&quot; fill=&quot;none&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt; &lt;path d=&quot;M1 1L27 27&quot; stroke=&quot;#9B9B9B&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot;\/&gt; &lt;path d=&quot;M27 1L1 27&quot; stroke=&quot;#9B9B9B&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot;\/&gt; &lt;\/svg&gt; &lt;\/button&gt; &lt;\/div&gt; &lt;\/div&gt; &lt;div class=&quot;mt-4&quot;&gt; &lt;\/div&gt; &lt;div class=&quot;grid grid-cols-12 h-full&quot;&gt; &lt;div class=&quot;lg:col-span-4 col-span-12 lg:px-6 px-4 lg:py-8 py-4&quot;&gt; &lt;div&gt; &lt;div&gt; &lt;img class=&quot;mx-auto rounded-xl lg:w-20 lg:h-20 w-12 h-12&quot; src=&quot; https:\/\/jcafc-port.hk\/wp-content\/uploads\/2021\/10\/application.png &quot; alt=&quot; application &quot;&gt; &lt;\/div&gt; &lt;div class=&quot;text-center lg:mt-6 mt-4&quot;&gt; &lt;span class=&quot;lg:text-base text-sm&quot;&gt; Click to download: &lt;\/span&gt; &lt;\/div&gt; &lt;div class=&quot;mt-4 lg:block flex justify-center gap-x-2&quot;&gt; &lt;a target=&quot;_blank&quot; class=&quot;block&quot; href=&quot;https:\/\/apps.apple.com\/hk\/app\/%E5%8F%8B%E5%96%84%E9%BD%A1%E6%B4%BB%E4%BA%A4%E9%80%9A\/id1356938346&quot;&gt; &lt;img class=&quot;mx-auto lg:w-auto w-24&quot; src=&quot;https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/build_an_age_friendly_environment\/apple-store-download.png&quot; alt=&quot;apple store&quot;&gt; &lt;\/a&gt; &lt;a target=&quot;_blank&quot; class=&quot;lg:mt-4 block&quot; href=&quot;https:\/\/play.google.com\/store\/apps\/details?id=com.mcsl.jcafctrans&amp;hl=en&quot;&gt; &lt;img class=&quot;mx-auto lg:w-auto w-24&quot; src=&quot;https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/build_an_age_friendly_environment\/google-play-download.png&quot; alt=&quot;google play&quot;&gt; &lt;\/a&gt; &lt;\/div&gt; &lt;\/div&gt; &lt;\/div&gt; &lt;div class=&quot;lg:col-span-8 col-span-12 lg:px-6 px-4 lg:py-8 py-4 flex items-center&quot;&gt; &lt;div&gt; &lt;p&gt;Provides a variety of information about community services and transportation in Kowloon City, including medical healthcare, recreational, cultural and community services, as well as introduces the major scenic spots in different districts in Hong Kong and their level of age-friendliness.&lt;br \/&gt; (produced by S.K.H. Holy Carpenter Church District Elderly Community Centre under &amp;#8220;&lt;a href=&quot;https:\/\/www.jcafc.hk\/en\/Events\/Apps-Kowloon-City.html&quot;&gt;Jockey Club Age-friendly City Project &amp;#8211; APPS @ Kowloon City &ndash; Transport&lt;\/a&gt;&amp;#8220;)&lt;\/p&gt; &lt;\/div&gt; &lt;\/div&gt; &lt;\/div&gt; &lt;\/div&gt; &lt;\/div&gt;');\n                                                        \"\n                                                        \n                                                        >\n                                                            Show More                                                        <\/button>\n                                                                                             \n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                                \n\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div\n            class=\"swiper_block_617bd5854a7f9-next swiper-button-next bg-my-blue-focus w-9 h-9 flex items-center justify-center after:hidden rounded-circle opacity-40  mt-0 transform -translate-y-1\/2 lg:translate-x-20 translate-x-4 right-0\">\n            <img decoding=\"async\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/button-arrow.svg\" alt=\"\">\n        <\/div>\n    <\/div>\n    <!-- phonre frame swiper\/\/ -->\n    <div class=\"text-center\">\n        <div class=\"swiper_block_617bd5854a7f9-pagination w-auto inline lg:mt-8 mt-4 relative bg-my-gray-5 text-white rounded-full px-5 opacity-90 lg:text-xs text-xs w-max mx-auto bottom-auto\">\n    <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"blocks-spacing\" data-aos=\"fade-up\" data-aos-once=\"true\" data-aos-easing=\"ease-in-out\" data-aos-duration=\"300\" data-aos-offset=\"200\" x-data=\"\" x-init=\" AOS.init(); \">\n    <div class=\"max-w-4xl mx-auto px-6 text-center\">\n        <h2 class=\"text-my-blue-focus lg:text-3xl text-xl font-medium\">\n            Video | Age-friendly transport facilities and mobile apps                         <span class=\"lg:text-sm text-xs\">(Chinese version only)<\/span>\n                        <br>\n            <!-- <span class=\"text-sm\">(Chinese version only)<\/span> -->\n        <\/h2>\n    <\/div>\n    <div\n        class=\"tv-swiper-left flex flex-wrap max-w-5xl mx-auto lg:px-6 px-4 items-center lg:pb-0 pb-4\">\n        <div class=\" lg:w-8\/12  w-full\">\n            <div class=\"relative mt-4\" x-data=\"\" x-init=\"\n                console.log();\n                if($($el).find('.swiper-slide-main').length < 2){\n                    $($el).find('.swiper-button-prev, .swiper-button-next, .swiper_block_617bd5ba4a7fb-pagination').addClass('hidden')\n                }\n                \">\n                <div class=\"flex\" x-data=\"\" x-init=\"\n                    console.log('')\n                    var video_title_resize = function(){\n                        var total_height = $($el).find('.video_box').height() + $($el).find('.swiper_block_617bd5ba4a7fb-small-title').height()\n                        $($el).css( 'min-height' , total_height + 'px' )\n                    }\n                    $(window).on('resize', function(){\n                        video_title_resize()\n                    } )\n                    $(window).on('load',function(){\n                        video_title_resize()\n                    })\n                    \">\n                    <div>\n                        <div\n                            class=\"swiper_block_617bd5ba4a7fb-button-prev transform sm:translate-x-0 -translate-x-4 swiper-button-prev bg-my-blue-focus w-9 h-9 flex items-center justify-center after:hidden rounded-circle opacity-40 left-auto left-0 relative\">\n                            <img decoding=\"async\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/button-arrow-left.svg\"\n                                alt=\"\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"relative h-max mx-auto test_height w-full max-w-2xl\" >\n                        <!-- <div class=\"relative h-max mx-auto test_height w-auto inline\" > -->\n                        <img decoding=\"async\" class=\"w-full\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/build_an_age_friendly_environment\/tv-frame.png\"\n                            alt=\"\">\n                        <div class=\"absolute top-0 left-0 h-3\/4 w-full xs:px-8 xs:py-4 px-4 py-2 video_box\">\n                        <!-- <div class=\"absolute top-0 left-0  w-full h-3\/4 \"> -->\n                            <div class=\"overflow-hidden h-full\">\n                                <div class=\"video-swiper swiper swiper-container swiper_block_617bd5ba4a7fb swiper_block_617bd5ba4a7fb-main bg-white h-full w-full\" data-swiper-name=\"swiper_block_617bd5ba4a7fb\">\n                                    <div class=\"swiper-wrapper \">\n                                                                                                                                                                <div class=\"swiper-slide swiper-slide-main w-full\">\n                                                                                        <div x-data=\"\" x-init=\"$($el).find('iframe').addClass('w-full h-full')\" class=\"w-full h-full\">\n                                                <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/LKdrctRoOqw\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>                                            <\/div>\n                                                                                    <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"swiper swiper-container swiper-small-title swiper_block_617bd5ba4a7fb-small-title absolute w-full text-center lg:bottom-0 bottom-0 left-1\/2 -translate_x_50_y_100\">\n                                <div class=\"swiper-wrapper\">\n                                                                                                                                                <div class=\"swiper-slide\">\n                                        <h3\n                                            class=\"text-my-blue-focus font-medium lg:text-lg md:text-base text-sm w-1\/2 mx-auto\">\n                                                                                    <\/h3>\n                                    <\/div>\n                                                                                                        <\/div>\n                                <div class=\"text-center\">\n                                    <div class=\"swiper_block_617bd5ba4a7fb-pagination inline bg-my-gray-5 text-white rounded-full px-5 opacity-90 lg:text-xs text-xs w-max mx-auto\">  <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div>\n                        <div class=\"swiper_block_617bd5ba4a7fb-button-next transform sm:translate-x-0 translate-x-4 swiper-button-next bg-my-blue-focus w-9 h-9 flex items-center justify-center after:hidden rounded-circle opacity-40 right-auto right-0 relative\">\n                            <img decoding=\"async\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/button-arrow.svg\"\n                                alt=\"\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"lg:w-4\/12  w-full lg:mt-0 mt-4\">\n            <div class=\"lg:text-left text-center\">\n                <div class=\"swiper swiper-container swiper_block_617bd5ba4a7fb\">\n                    <div class=\"swiper-wrapper\">\n                                                                                                <div class=\"swiper-slide\">\n                                                    <\/div>\n                                                                    <\/div>\n                    <div\n                        class=\" text-my-blue-dark text-sm lg:text-base lg:mt-6\">\n                        <p><span style=\"font-weight: 400;\">The video features the age-friendly transport facilities and mobile apps initiated by rail and bus companies and NGOs. <\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">(produced by online media, &#8220;HiEggo&#8221; under the video series \u201c<\/span><a href=\"https:\/\/www.jcafc.hk\/en\/Resources-Centre\/Videos\/Hieggo-X-Jockey-Club-Age-Friendly-City-Project.html\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">HiEggo x Jockey Club Age-friendly City Project<\/span><\/a><span style=\"font-weight: 400;\">\u201d)<\/span><\/p>\n<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"blocks-spacing\" data-aos=\"fade-up\" data-aos-once=\"true\" data-aos-easing=\"ease-in-out\" data-aos-duration=\"300\" data-aos-offset=\"200\" x-data=\"\" x-init=\" AOS.init(); \">\n    <div class=\"max-w-4xl mx-auto px-6 text-center\">\n        <h2 class=\"text-my-blue-focus lg:text-3xl text-xl font-medium\">\n            Videos | Age-friendly minibus                         <span class=\"lg:text-sm text-xs\">(Chinese version only)<\/span>\n                        <br>\n            <!-- <span class=\"text-sm\">(Chinese version only)<\/span> -->\n        <\/h2>\n    <\/div>\n    <div\n        class=\"tv-swiper-right flex flex-wrap max-w-5xl mx-auto lg:px-6 px-4 items-center lg:pb-0 pb-4\">\n        <div class=\" lg:w-8\/12  w-full\">\n            <div class=\"relative mt-4\" x-data=\"\" x-init=\"\n                console.log();\n                if($($el).find('.swiper-slide-main').length < 2){\n                    $($el).find('.swiper-button-prev, .swiper-button-next, .swiper_block_617bd6594a7fd-pagination').addClass('hidden')\n                }\n                \">\n                <div class=\"flex\" x-data=\"\" x-init=\"\n                    console.log('')\n                    var video_title_resize = function(){\n                        var total_height = $($el).find('.video_box').height() + $($el).find('.swiper_block_617bd6594a7fd-small-title').height()\n                        $($el).css( 'min-height' , total_height + 'px' )\n                    }\n                    $(window).on('resize', function(){\n                        video_title_resize()\n                    } )\n                    $(window).on('load',function(){\n                        video_title_resize()\n                    })\n                    \">\n                    <div>\n                        <div\n                            class=\"swiper_block_617bd6594a7fd-button-prev transform sm:translate-x-0 -translate-x-4 swiper-button-prev bg-my-blue-focus w-9 h-9 flex items-center justify-center after:hidden rounded-circle opacity-40 left-auto left-0 relative\">\n                            <img decoding=\"async\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/button-arrow-left.svg\"\n                                alt=\"\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"relative h-max mx-auto test_height w-full max-w-2xl\" >\n                        <!-- <div class=\"relative h-max mx-auto test_height w-auto inline\" > -->\n                        <img decoding=\"async\" class=\"w-full\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/build_an_age_friendly_environment\/tv-frame.png\"\n                            alt=\"\">\n                        <div class=\"absolute top-0 left-0 h-3\/4 w-full xs:px-8 xs:py-4 px-4 py-2 video_box\">\n                        <!-- <div class=\"absolute top-0 left-0  w-full h-3\/4 \"> -->\n                            <div class=\"overflow-hidden h-full\">\n                                <div class=\"video-swiper swiper swiper-container swiper_block_617bd6594a7fd swiper_block_617bd6594a7fd-main bg-white h-full w-full\" data-swiper-name=\"swiper_block_617bd6594a7fd\">\n                                    <div class=\"swiper-wrapper \">\n                                                                                                                                                                <div class=\"swiper-slide swiper-slide-main w-full\">\n                                                                                        <div x-data=\"\" x-init=\"$($el).find('iframe').addClass('w-full h-full')\" class=\"w-full h-full\">\n                                                <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/4lVQTpUhIME\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>                                            <\/div>\n                                                                                    <\/div>\n                                                                                                                        <div class=\"swiper-slide swiper-slide-main w-full\">\n                                                                                        <div x-data=\"\" x-init=\"$($el).find('iframe').addClass('w-full h-full')\" class=\"w-full h-full\">\n                                                <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/p2p5SX9jWgo\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>                                            <\/div>\n                                                                                    <\/div>\n                                                                                                                        <div class=\"swiper-slide swiper-slide-main w-full\">\n                                                                                        <div x-data=\"\" x-init=\"$($el).find('iframe').addClass('w-full h-full')\" class=\"w-full h-full\">\n                                                <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/YnBBFEcYPGk\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>                                            <\/div>\n                                                                                    <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"swiper swiper-container swiper-small-title swiper_block_617bd6594a7fd-small-title absolute w-full text-center lg:bottom-0 bottom-0 left-1\/2 -translate_x_50_y_100\">\n                                <div class=\"swiper-wrapper\">\n                                                                                                                                                <div class=\"swiper-slide\">\n                                        <h3\n                                            class=\"text-my-blue-focus font-medium lg:text-lg md:text-base text-sm w-1\/2 mx-auto\">\n                                            Next Station: Yau Tsim Mong (Elderly people)                                         <\/h3>\n                                    <\/div>\n                                                                                                            <div class=\"swiper-slide\">\n                                        <h3\n                                            class=\"text-my-blue-focus font-medium lg:text-lg md:text-base text-sm w-1\/2 mx-auto\">\n                                            Next Station: Yau Tsim Mong (Young people)                                        <\/h3>\n                                    <\/div>\n                                                                                                            <div class=\"swiper-slide\">\n                                        <h3\n                                            class=\"text-my-blue-focus font-medium lg:text-lg md:text-base text-sm w-1\/2 mx-auto\">\n                                            Next Station: Yau Tsim Mong (Minibus drivers)                                         <\/h3>\n                                    <\/div>\n                                                                                                        <\/div>\n                                <div class=\"text-center\">\n                                    <div class=\"swiper_block_617bd6594a7fd-pagination inline bg-my-gray-5 text-white rounded-full px-5 opacity-90 lg:text-xs text-xs w-max mx-auto\">  <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div>\n                        <div class=\"swiper_block_617bd6594a7fd-button-next transform sm:translate-x-0 translate-x-4 swiper-button-next bg-my-blue-focus w-9 h-9 flex items-center justify-center after:hidden rounded-circle opacity-40 right-auto right-0 relative\">\n                            <img decoding=\"async\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/button-arrow.svg\"\n                                alt=\"\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"lg:w-4\/12  w-full lg:mt-0 mt-4\">\n            <div class=\"lg:text-left text-center\">\n                <div class=\"swiper swiper-container swiper_block_617bd6594a7fd\">\n                    <div class=\"swiper-wrapper\">\n                                                                                                <div class=\"swiper-slide\">\n                                                    <\/div>\n                                                                        <div class=\"swiper-slide\">\n                                                    <\/div>\n                                                                        <div class=\"swiper-slide\">\n                                                    <\/div>\n                                                                    <\/div>\n                    <div\n                        class=\" text-my-blue-dark text-sm lg:text-base lg:mt-6\">\n                        <p><span style=\"font-weight: 400;\">What are the needs of elderly people on minibus service? What young people and minibus drivers can do to enhance the age-friendliness of minibus for the elderly in need?\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">(produced by The Mong Kok Kai Fong Association Limited Chan Hing Social Service Centre under \u201c<\/span><a href=\"https:\/\/www.jcafc.hk\/en\/Events\/Next-Station--Yau-Tsim-Mong--1.html\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Jockey Club Age-friendly City Project &#8211; Next Station: Yau Tsim Mong (1)<\/span><\/a><span style=\"font-weight: 400;\">\u201d)<\/span><\/p>\n<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>","protected":false},"featured_media":0,"template":"","class_list":["post-235","build_an_afe","type-build_an_afe","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/jcafc-port.hk\/en\/wp-json\/wp\/v2\/build_an_afe\/235","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jcafc-port.hk\/en\/wp-json\/wp\/v2\/build_an_afe"}],"about":[{"href":"https:\/\/jcafc-port.hk\/en\/wp-json\/wp\/v2\/types\/build_an_afe"}],"wp:attachment":[{"href":"https:\/\/jcafc-port.hk\/en\/wp-json\/wp\/v2\/media?parent=235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}