It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.plkkgs.edu.hk/plktbwmkg/hk/news/article/402

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.    <!-- Google Tag Manager -->
  5. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  6. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  7. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  8. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  9. })(window,document,'script','dataLayer','GTM-MK9BGKLQ');</script>
  10.    <!-- End Google Tag Manager -->
  11.  
  12.    <meta charset="utf-8">
  13.    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  14.    <!-- 页面描述 -->
  15.    <meta name="description" content="鄧碧雲"/>
  16.    <!-- 页面关键词 -->
  17.    <meta name="keywords" content="保良局"/>
  18.  
  19.    <meta name="author" content="">
  20.    <meta name="google-site-verification" content="bDQomaCF5KzWrEoEvx_JdRJQOj34IHBDPV1ECSL34fs" />
  21.  
  22.    <title>保良局鄧碧雲紀念幼稚園</title>
  23.  
  24.    <link rel="icon" href="https://www.plkkgs.edu.hk/plktbwmkg/ico.ico" type="image/x-icon" />
  25.    <link rel="shortcut icon" href="https://www.plkkgs.edu.hk/plktbwmkg/ico.ico" type="image/x-icon"/>
  26.    <!-- Bootstrap core CSS -->
  27.    <link href="https://www.plkkgs.edu.hk/plktbwmkg/zoo/css/bootstrap.min.css" rel="stylesheet">
  28.  
  29.    <!-- FontAwesome core CSS -->
  30.    <link href="https://www.plkkgs.edu.hk/plktbwmkg/zoo/css/font-awesome.min.css" rel="stylesheet">
  31.    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  32.    <!-- owlcarousel core CSS -->
  33.    <link rel="stylesheet" href="https://www.plkkgs.edu.hk/plktbwmkg/zoo/css/owl.carousel.min.css">
  34.    <link rel="stylesheet" href="https://www.plkkgs.edu.hk/plktbwmkg/zoo/css/owl.theme.default.min.css">
  35.  
  36.    <!-- owlcarousel core CSS -->
  37.    <link rel="stylesheet" href="https://www.plkkgs.edu.hk/plktbwmkg/zoo/css/jssor.css">
  38.    <link rel="stylesheet" href="https://www.plkkgs.edu.hk/plktbwmkg/zoo/css/jquery.fancybox.css">
  39.  
  40.    <!-- Custom styles for this zoosite -->
  41.    <link href="https://www.plkkgs.edu.hk/plktbwmkg/zoo/css/school.css" rel="stylesheet">
  42.  
  43.  
  44.    <link href="https://www.plkkgs.edu.hk/plktbwmkg/zoo/css/responsive.css" rel="stylesheet">
  45.  
  46.    <link href="https://www.plkkgs.edu.hk/plktbwmkg/zoo/css/change.css" rel="stylesheet">
  47.  
  48.    
  49.        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  50.    <!--[if lt IE 9]>
  51.    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  52.    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  53.    <![endif]-->
  54.  
  55.    <!-- Placed at the end of the document so the pages load faster -->
  56.  
  57.    <script src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/js/jquery-3.2.1.slim.min.js"></script>
  58.    <script src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/js/jquery.min.js"></script>
  59.    <script src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/js/popper.min.js"></script>
  60.    <script src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/js/bootstrap.min.js"></script>
  61.    <script src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/js/owl.carousel.min.js"></script>
  62.    <script src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/js/jssor.slider.min.js" type="text/javascript"></script>
  63.    <script src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/js/jquery.fancybox.js" type="text/javascript"></script>
  64.    <script src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/js/jquery.dotdotdot.js" type="text/javascript"></script>
  65.    <script src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/layer/layer.js" type="text/javascript"></script>
  66.    <!-- Global site tag (gtag.js) - Google Analytics -->
  67.    <!-- Global site tag (gtag.js) - Google Analytics -->
  68.    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-122221810-1"></script>
  69.    <script>
  70.        window.dataLayer = window.dataLayer || [];
  71.        function gtag(){dataLayer.push(arguments);}
  72.        gtag('js', new Date());
  73.  
  74.        gtag('config', 'UA-122221810-1');
  75.    </script>
  76.  
  77.  
  78.  
  79.    <style>
  80.        .open_btn{
  81.            cursor: pointer;
  82.            position: absolute;
  83.            height: 65px;
  84.            background-color: #E4007C;
  85.            color: #ffffff;
  86.            font-size: 13px;
  87.            line-height: 1em;
  88.            padding: 12px 5px;
  89.            z-index: 1;
  90.            border-top-right-radius: 50%;
  91.            border-bottom-right-radius: 50%;
  92.            left: -29px;
  93.            display: block;
  94.            width: 70px;
  95.            margin-top: -7px;
  96.        }
  97.        .open_btn2{
  98.            display: none;
  99.        }
  100.        .opn_txt1{
  101.            margin-left: 25px;
  102.            font-size: 15px;
  103.            font-weight: bold;
  104.        }
  105.        .opn_txt2{
  106.            margin-left: 25px;
  107.            font-size: 15px;
  108.            font-weight: bold;
  109.        }
  110.        .open_btn_arr{
  111.            top: -5px;
  112.            position: relative;
  113.            font-size: 36px;
  114.            left: 5px;
  115.        }
  116.        .sidenav {
  117.            margin-top:100px;
  118.            height: 145px;
  119.            width: 0;
  120.            position: fixed;
  121.            top: 0;
  122.            left: 0;
  123.            background-color: #E4007C;
  124.            color: #ffffff;
  125.            z-index: 999999;
  126.            transition: 0.5s;
  127.            padding-top: 10px;
  128.            border-top-right-radius: 6%;
  129.            border-bottom-right-radius: 6%;
  130.        }
  131.  
  132.        .sidenav a {
  133.            padding: 8px 8px 8px 32px;
  134.            text-decoration: none;
  135.            font-size: 25px;
  136.            color: #818181;
  137.            display: block;
  138.            transition: 0.3s;
  139.  
  140.        }
  141.  
  142.        .sidenav a:hover {
  143.            color: #f1f1f1;
  144.        }
  145.  
  146.        .sidenav .closebtn {
  147.            position: absolute;
  148.            top: 0;
  149.            right: 0px;
  150.            font-size: 36px;
  151.            margin-left: 50px;
  152.            margin-right: 14px;
  153.            margin-top: -19px;
  154.        }
  155.  
  156.        .mob_cont{padding: 0px!important;}
  157.        .opn_txt1_en{
  158.            margin-left: 28px;
  159.            font-size: 12px;
  160.            font-weight: bold;
  161.            word-break: break-all;
  162.            width: 10px;
  163.            margin-top: -11.5px;
  164.            text-align: center;
  165.        }
  166.        .open_btn_arr_en{
  167.            position: absolute;
  168.            font-size: 37px;
  169.            left: 50px;
  170.            color: #ffffff;
  171.            z-index: 1;
  172.            top:24px;
  173.        }
  174.  
  175.  
  176.        @media  screen and (max-height: 450px) {
  177.            .sidenav {padding-top: 15px;}
  178.            .sidenav a {font-size: 18px;}
  179.        }
  180.  
  181.        @media  only screen
  182.        and (device-width : 375px)
  183.        and (device-height : 812px)
  184.        and (-webkit-device-pixel-ratio : 3) {
  185.            .sidenav {
  186.  
  187.                height: 19%;
  188.  
  189.            }
  190.  
  191.        }
  192.  
  193.        @media  only screen and (max-width : 990px) {
  194.            .login_box{
  195.            //display: none;
  196.            }
  197.            .filter_show{ display: none}
  198.            .mob_cont{
  199.                padding-left:45px !important;
  200.            }
  201.  
  202.            .user-name{
  203.                margin-top: 5px;
  204.                /*background-color: #E4007C;*/
  205.                /*color: #ffffff;*/
  206.                padding: 2px 10px;
  207.            }
  208.  
  209.            .user-name p span{
  210.                /*color: #ffffff;*/
  211.            }
  212.            .user-name p{
  213.                display: block;
  214.                margin: 0 0 0 0;
  215.                padding: 0;
  216.                text-align: left;
  217.                font-size: 14px;
  218.                line-height: 16.8px;
  219.                color: #848484;
  220.            }
  221.            .user-name p a {
  222.                display: inline-block;
  223.                margin: 5px;
  224.                padding: 5px 6px;
  225.                width: auto;
  226.                height: auto;
  227.                font-size: 14px;
  228.                line-height: 16.8px;
  229.                background-color: #4BC1BB;
  230.                color: #fff;
  231.                border-radius: 5px !important; ;
  232.                text-decoration: none;
  233.            }
  234.            .user-name p a.logout_btn{
  235.                padding: 6px 6px;
  236.            }
  237.  
  238.            .opn_txt11_en{
  239.                margin-left: 17px;
  240.                font-size: 10px;
  241.                font-weight: bold;
  242.                word-break: break-all;
  243.                width: 7px;
  244.                margin-top: 1px;
  245.                line-height: 11px;
  246.                text-align: center;
  247.            }
  248.            .open_btn_arr2_en{
  249.                position: absolute;
  250.                font-size: 30px;
  251.                left: 35px;
  252.                color: #ffffff;
  253.                z-index: 1;
  254.                top: 18px;
  255.            }
  256.        }
  257.  
  258.        @media  only screen and (min-width : 990px) {
  259.            .open_btn{
  260.                display: none;
  261.            }
  262.            .open_btn2{
  263.                display: none;
  264.            }
  265.        }
  266.  
  267.  
  268.        @media  only screen and (min-width : 736px) and (max-width: 764px) {
  269.            .open_btn2{
  270.                cursor: pointer;
  271.                position: absolute;
  272.                height: 6.5%;
  273.                background-color: #E4007C;
  274.                color: #ffffff;
  275.                font-size: 15px;
  276.                line-height: 1em;
  277.                padding: 0px 5px;
  278.                z-index: 1;
  279.                border-top-right-radius: 50%;
  280.                border-bottom-right-radius: 50%;
  281.                left: -18px;
  282.                display: block;
  283.                width: 50px;
  284.                margin-top: -10px;
  285.            }
  286.            .opn_txt11{
  287.                margin-left: 14px;
  288.                font-size: 13px;
  289.                font-weight: bold;
  290.            }
  291.            .opn_txt22{
  292.                margin-left: 14px;
  293.                font-size: 13px;
  294.                font-weight: bold;
  295.            }
  296.            .open_btn_arr2{
  297.                top: -4px;
  298.                position: relative;
  299.                font-size: 30px;
  300.                left: 1px;
  301.            }
  302.            .open_btn{
  303.                display: none;
  304.            }
  305.  
  306.            .opn_txt11_en{
  307.                margin-left: 17px;
  308.                font-size: 10px;
  309.                font-weight: bold;
  310.                word-break: break-all;
  311.                width: 7px;
  312.                margin-top: 1px;
  313.                line-height: 11px;
  314.                text-align: center;
  315.            }
  316.            .open_btn_arr2_en{
  317.                position: absolute;
  318.                font-size: 30px;
  319.                left: 35px;
  320.                color: #ffffff;
  321.                z-index: 1;
  322.                top: 18px;
  323.            }
  324.  
  325.        }
  326.        @media  only screen and (min-width : 360px) and (max-width: 736px) {
  327.            .open_btn2{
  328.                cursor: pointer;
  329.                position: absolute;
  330.                //height: 16%;
  331.                background-color: #E4007C;
  332.                color: #ffffff;
  333.                font-size: 15px;
  334.                line-height: 1em;
  335.                padding: 6px 5px;
  336.                z-index: 1;
  337.                border-top-right-radius: 50%;
  338.                border-bottom-right-radius: 50%;
  339.                left: -18px;
  340.                display: block;
  341.                width: 50px;
  342.                margin-top: -10px;
  343.            }
  344.            .opn_txt11{
  345.                margin-left: 14px;
  346.                font-size: 13px;
  347.                font-weight: bold;
  348.            }
  349.            .opn_txt22{
  350.                margin-left: 14px;
  351.                font-size: 13px;
  352.                font-weight: bold;
  353.            }
  354.            .open_btn_arr2{
  355.                top: -4px;
  356.                position: relative;
  357.                font-size: 30px;
  358.                left: 1px;
  359.            }
  360.            .open_btn{
  361.                display: none;
  362.            }
  363.            .sidenav{
  364.                margin-top: 75px;
  365.            }
  366.  
  367.            .opn_txt11_en{
  368.                margin-left: 17px;
  369.                font-size: 8px;
  370.                font-weight: bold;
  371.                word-break: break-all;
  372.                width: 7px;
  373.                margin-top: 0px;
  374.                line-height: 8px;
  375.                text-align: center;
  376.            }
  377.            .open_btn_arr2_en{
  378.                position: absolute;
  379.                font-size: 30px;
  380.                left: 35px;
  381.                color: #ffffff;
  382.                z-index: 1;
  383.                top: 18px;
  384.            }
  385.        }
  386.        .layui-layer-content{
  387.            word-break: break-word !important;
  388.        }
  389.    </style>
  390.  
  391.                <style>
  392.            .main-menu ul li {
  393.                width: 12%;
  394.            }
  395.        </style>
  396.    
  397. </head>
  398. <body>
  399. <!-- Google Tag Manager (noscript) -->
  400. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MK9BGKLQ"
  401. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  402. <!-- End Google Tag Manager (noscript) -->
  403.  
  404. <header class="pg1
  405. m2-color
  406. ">
  407.    <div class="container">
  408.        <div class="logo">
  409.            <a href="https://www.plkkgs.edu.hk/plktbwmkg/hk"><span><img src="https://www.plkkgs.edu.hk/plktbwmkg/toy/images/logo.png"/></span><p class="web-name">保良局鄧碧雲紀念幼稚園</p><small class="bold web-en">PO LEUNG KUK TANG BIK WAN MEMORIAL KINDERGARTEN</small></a>
  410.            <div class="mobile-btn"><span id="mm-btn"><i class="fa fa-bars"></i></span></div><!--/mobile-btn-->
  411.            <div class="clearfix"></div>
  412.        </div><!--/logo-->
  413.        <div id="mm-box" class="main-menu">
  414.            <ul>
  415.                <li class=" menu-01"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk"><span></span><em>主頁</em></a></li>
  416.                <li class=" active  menu-02"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news"><span></span><em>最新消息</em></a></li>
  417.                <li class=" menu-03"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/about/10"><span></span><em>學校簡介</em></a></li>
  418.                <li class=" menu-04"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/info"><span></span><em>學校資訊</em></a></li>
  419.                <li class=" menu-05"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/activities"><span></span><em>校園動態</em></a></li>
  420.                <li class=" menu-06"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/contact"><span></span><em>聯絡我們</em></a></li>
  421.                                                                                                        <li class="custom_page   menu-07"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/custom/custom_page"><span style="
  422.                        background: rgba(0, 0, 0, 0) url('https://www.plkkgs.edu.hk/plktbwmkg/zoo/images/custom_page-template-6.png') no-repeat scroll 0 0;background-position: center; background-size: contain;"></span><em>收生資料 Admission</em></a></li>
  423.                                                                    <li class="parent_zone   menu-08"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/custom/parent_zone"><span style="
  424.                        background: rgba(0, 0, 0, 0) url('https://www.plkkgs.edu.hk/plktbwmkg/zoo/images/parent_zone-template-6.png') no-repeat scroll 0 0;background-position: center; background-size: contain;"></span><em>家長園地</em></a></li>
  425.                                                </ul>
  426.        </div>
  427.        <div id="mm-box-mobile" class="main-menu item-8">
  428.                        <div class="home-menu">
  429.                <ul>
  430.                    <li class=" menu-01"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk"><span></span><em>主頁</em></a></li>
  431.                </ul>
  432.            </div>
  433.            <div class="menu-items">
  434.                <ul>
  435.                    <li class=" active  menu-02"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news"><span></span><em>最新消息</em></a></li>
  436.                    <li class=" menu-03"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/about/10"><span></span><em>學校簡介</em></a></li>
  437.                    <li class=" menu-04"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/info"><span></span><em>學校資訊</em></a></li>
  438.                </ul>
  439.                <ul>
  440.                    <li class=" menu-05"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/activities"><span></span><em>校園動態</em></a></li>
  441.                    <li class=" menu-06"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/contact"><span></span><em>聯絡我們</em></a></li>
  442.                                                                                                                            <li class="custom_page   menu-07"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/custom/custom_page"><span style="
  443.                        background: rgba(0, 0, 0, 0) url('https://www.plkkgs.edu.hk/plktbwmkg/zoo/images/custom_page-template-6.png') no-repeat scroll 0 0;background-position: center; background-size: contain;"></span><em>收生資料 Admission</em></a></li>
  444.                                                                                <li class="parent_zone   menu-08"><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/custom/parent_zone"><span style="
  445.                        background: rgba(0, 0, 0, 0) url('https://www.plkkgs.edu.hk/plktbwmkg/zoo/images/parent_zone-template-6.png') no-repeat scroll 0 0;background-position: center; background-size: contain;"></span><em>家長園地</em></a></li>
  446.                                                            </ul>
  447.            </div>
  448.            
  449.        </div><!--/main-menu-->
  450.        <div class="clearfix"></div>
  451.    </div><!--/container-fluid-->
  452. </header>
  453. <article class="search-con">
  454.                        <div onClick="openNav()" class="open_btn" id="open_btn">
  455.                <span class="opn_txt1">登</span><span class="opn_txt2">入</span><span class="open_btn_arr">&raquo;</span>
  456.            </div>
  457.            <div onClick="openNav()" class="open_btn2" id="open_btn2">
  458.                <span class="opn_txt11">登</span><span class="opn_txt22">入</span><span class="open_btn_arr2">&raquo;</span>
  459.            </div>
  460.        
  461.        <div class="container mob_cont">
  462.            
  463.                    <div class="row no-gutters">
  464.  
  465.                        <div class="col-4 col-sm-4 col-md-3 col-lg-1 col-xl-1">
  466.  
  467.                            <div id="mySidenav" class="sidenav">
  468.  
  469.                                <div id="filter" class="row"  style="display: none">
  470.  
  471.  
  472.                                    <div class="col-10 col-sm-10 col-md-10 col-lg-10 col-xl-10 " style="float: left;">
  473.                                                                                    <div class="filter" >
  474.  
  475.  
  476.                                                <form action="https://www.plkkgs.edu.hk/plktbwmkg/hk/login" method="post">
  477.                                                    <input type="hidden" name="_token" value="f2NEtRaHs0uxHq8CF004ZtYldKyGf8oRVZPeVdel">
  478.                                                    <div class="filed-01">
  479.                                                        <label>登入名稱</label>
  480.                                                        <input name="name" class="form-control" type="text"/>
  481.                                                        <div class="clearfix"></div>
  482.                                                    </div><!--/filed-01-->
  483.                                                    <div class="filed-01">
  484.                                                        <label>密碼</label>
  485.                                                        <input name="password" class="form-control" type="password"/>
  486.                                                    </div><!--/filed-01-->
  487.                                                    <div class="filed-03">
  488.                                                        <button class="btn-filter" type="submit" style="margin-left: 12px" >登入</button>
  489.                                                    </div><!--/filed-01-->
  490.                                                </form>
  491.                                            </div><!--/filter-->
  492.                                                                            </div>
  493.                                    <div class="col-2 col-sm-2 col-md-2 col-lg-2 col-xl-2" style="float: left;">
  494.                                        <a href="javascript:void(0)" class="closebtn" onclick="closeNav()" style="color: #ffffff;">&laquo;</a>
  495.                                    </div>
  496.  
  497.                                </div>
  498.  
  499.                            </div>
  500.  
  501.                            
  502.                            <div class="language">
  503.                                <ul>
  504.                                                                        <li ><a href="https://www.plkkgs.edu.hk/plktbwmkg/en/news/article/402">Eng</a></li>
  505.                                    <li  class="active" style="pointer-events:none;" ><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/article/402">中</a></li>
  506.                                </ul>
  507.                            </div><!--/language-->
  508.                        </div><!--/col-md-2-->
  509.                        
  510.                        <div class="col-8 col-sm-8 col-md-3 col-lg-3 col-xl-3">
  511.                            <div class="social-share">
  512.                                <ul>
  513.                                    <li><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://www.plkkgs.edu.hk/plktbwmkg/hk/news/article/402"><img src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/share/Artboard 17.png"/></a></li>
  514.                                    <li><a id="whatsapp" target="_blank" href="" data-action="share/whatsapp/share"><img src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/share/Asset 5.png"/></a></li>
  515.                                    <li><a target="_blank" href="https://www.plkkgs.edu.hk/plktbwmkg/wechat"><img src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/share/Artboard 18.png"/></a></li>
  516.                                    <li><a id="twitter" target="_blank" href=""><img src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/share/Artboard 20.png"/></a></li>
  517.                                    <li><a ><img src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/images/plk.png"/></a></li>
  518.                                </ul>
  519.                            </div><!--social-share-->
  520.                        </div><!--/col-md-2-->
  521.                        <div class="col-12 col-sm-12 col-md-1 col-lg-1 col-xl-2"></div><!--/col-md-2-->
  522.                        <div class="col-12 col-sm-12 col-md-5 col-lg-7 col-xl-6 login_box">
  523.  
  524.                                                            <div class="filter filter_show">
  525.                                    <form action="https://www.plkkgs.edu.hk/plktbwmkg/hk/login" method="post" style="margin:0px">
  526.                                        <input type="hidden" name="_token" value="f2NEtRaHs0uxHq8CF004ZtYldKyGf8oRVZPeVdel">
  527.                                        <div class="filed-01">
  528.                                            <label>登入名稱</label>
  529.                                            <input name="name" class="form-control" type="text"/>
  530.                                            <div class="clearfix"></div>
  531.                                        </div><!--/filed-01-->
  532.                                        <div class="filed-02">
  533.                                            <label>密碼</label>
  534.                                            <input name="password" class="form-control" type="password"/>
  535.                                        </div><!--/filed-01-->
  536.                                        <div class="filed-03">
  537.                                            <button class="btn-filter" type="submit" >登入</button>
  538.                                        </div><!--/filed-01-->
  539.                                    </form>
  540.                                </div><!--/filter-->
  541.                            
  542.  
  543.                        </div><!--/col-md-4-->
  544.                        <div class="clearfix"></div>
  545.                    </div><!--/row-->
  546.                </div><!--/container-fluid-->
  547. </article><!--/search-con-->
  548.  
  549.    <style>
  550.        /*.main-menu ul li a span{*/
  551.            /*height: 33px !important;*/
  552.        /*}*/
  553.    </style>
  554.    <section class="middle-part pad-top-btm-0">
  555.        <div class="container">
  556.            <div class="main-inner-box">
  557.                <div class="mib-kekada"></div><!--/mib-kekada-->
  558.                <div class="mib-starfish"></div><!--/mib-starfish-->
  559.                <div class="mib-blueship"></div><!--/mib-blueship-->
  560.                <div class="mib-blackshark"></div><!--/mib-blackshark-->
  561.                <div class="mib-bubblefish"></div><!--/mib-bubblefish-->
  562.                <div class="mib-shipcover"></div><!--/mib-shipcover-->
  563.                <div class="mib-whealfish"></div><!--/mib-whealfish-->
  564.                <div class="mib-greengrass"></div><!--/mib-greengrass-->
  565.  
  566.                <div class="mib-right-01 mobile-menu">
  567.                    <div class="sidebar-con">
  568.                        <div class="sc-header">
  569.                            <h2>最新消息</h2>
  570.                            <span class="circle-btm cb-01"></span>
  571.                            <span class="circle-btm cb-02"></span>
  572.                            <span class="circle-btm cb-03"></span>
  573.                            <span class="circle-btm cb-04"></span>
  574.                            <span class="circle-btm cb-05"></span>
  575.                            <span class="circle-btm cb-06"></span>
  576.                            <span id="scm-mbtn" class="sc-menu"><i class="fa fa-angle-down"></i></span><!--/sc-menu-->
  577.                        </div><!--/sc-header-->
  578.                        <div class="panel-body">
  579.                            <ul id="scm-menu">
  580.                                <li class=""><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news">總覽</a></li>
  581.                                                                                                            <li class=" active ">
  582.                                            <a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/1">
  583.                                                學校通告
  584.                                            </a>
  585.                                                                                    </li>
  586.                                    
  587.                                                                                                            <li class="">
  588.                                            <a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/3">
  589.                                                每月備忘
  590.                                            </a>
  591.                                                                                    </li>
  592.                                    
  593.                                                                                                            <li class="">
  594.                                            <a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/2">
  595.                                                入學申請
  596.                                            </a>
  597.                                                                                    </li>
  598.                                    
  599.                                                            </ul>
  600.  
  601.                        </div><!--/panel-body-->
  602.                    </div><!--/sidebar-con-->
  603.                </div><!--/mib-right-01-->
  604.                <div class="mib-left-01">
  605.                    <div class="latest-news-02">
  606.                        <div class="school-breadcum">
  607.                            <ul>
  608.                                <li><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk">主頁</a></li>
  609.                                <li><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news">最新消息</a></li>
  610.                                <li><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/1">學校通告</a></li>
  611.                                <li><a href="#">保良局鄧碧雲紀念幼稚園 | 大埔幼稚園開放日</a></li>
  612.  
  613.                            </ul>
  614.                        </div><!--/school-breadcum-->
  615.                        <h1>學校通告</h1>
  616.                        <div class="ln2-datacon">
  617.                            <div class="ln2-heading">
  618.                                <div class="ln2-head-left">
  619.                                    <h4 ><span>學校通告</span><span id="font-title" style="position:relative;top: 50%;transform:translateY(-50%);height: 100%; padding: 0 10px; align-items: center; width: 100%; ">保良局鄧碧雲紀念幼稚園 | 大埔幼稚園開放日</span> </h4>
  620.                                                                    </div><!--/ln2-head-left-->
  621.                                <div class="ln2-head-right">
  622.                                    <p>15/10/2024</p>
  623.                                </div><!--/ln2-head-right-->
  624.                            </div><!--/ln2-heading-->
  625.                            <div class="ln2-txtcon" >
  626.  
  627.  
  628.                                
  629.                                    <p>                                  </p><p>                      </p><h1>保良局鄧碧雲紀念幼稚園|大埔幼稚園開放日</h1>
  630.  
  631. <h2><span style="font-size: 24px;"><b>開放日活動詳情</b></span><span style="font-size: 36px;"></span><span style="font-size: 12px;"></span></h2>
  632. <p>日期:2024年10月26日(星期六)</p><p></p><p>
  633. 時間:上午 9:00 − 下午 13:00</p><p>
  634. 地點:大埔廣福邨廣義樓118-131號地下
  635. </p><p></p><p>
  636. 保良局鄧碧雲紀念幼稚園即將舉辦一年一度的「幼稚園開放日」,我們誠邀家長們帶同孩子一同參與,感受充滿歡樂與學習的環境。當天活動豐富多彩,適合不同年齡層的孩子:
  637. </p><ul><li>感官遊戲:啟發孩子的感官發展,讓他們通過觸覺、視覺、聽覺等多種感官的刺激,提升認知與觀察能力。
  638. </li><li>充氣賽車:體驗刺激的競速挑戰,培養孩子的肢體協調性和反應力。
  639. </li><li>英語活動:透過輕鬆有趣的互動遊戲,讓孩子們在遊戲中增進英語能力,為未來打下良好基礎。
  640. </li><li>攤位遊戲:考驗孩子的手眼協調和解難能力,贏取豐富獎品。
  641. </li><li>劍擊體驗:讓孩子嘗試劍擊運動,鍛鍊專注力與體能。
  642. </li></ul><p>開放日活動不僅讓家長深入了解本校園的課程特色和設施,更是與孩子共度親子時光、建立珍貴回憶的絕佳機會。我們期待與您和孩子在這個充滿歡樂與學習的日子中,共同探索、體驗精彩時刻。歡迎區內2-5歲小朋友參加!
  643. </p><p>
  644. 立即填寫報名申請表格:<a href="https://forms.gle/fXL2Q8sFDoRByjEE9">https://forms.gle/fXL2Q8sFDoRByjEE9</a></p><p><img src="https://www.plkkgs.edu.hk/plktbwmkg/uploads/photo/17288983783720.jpeg" style="width: 1233px;"><br></p>
  645.  
  646.                        <p></p>
  647.                                                                <div class="ln2-tc-label">
  648.                                    <ul>
  649.                                                                                    <li><a class="label-01" href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/article/400">下一則</a></li>
  650.                                        
  651.                                                                                <li><a class="label-02" href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/1">返回列表</a></li>
  652.                                    </ul>
  653.                                </div><!--/ln2-tc-label-->
  654.  
  655.                                <div class="clearfix"></div>
  656.                            </div><!--/ln2-txtcon-->
  657.                        </div><!--/ln2-datacon-->
  658.  
  659.  
  660.  
  661.                    </div><!--latest-news-02-->
  662.  
  663.                </div><!--/mib-left-01-->
  664.                <div class="mib-right-01 desktop-menu">
  665.                    <div class="sidebar-con">
  666.                        <div class="sc-header">
  667.                            <h2>最新消息</h2>
  668.                            <span class="circle-btm cb-01"></span>
  669.                            <span class="circle-btm cb-02"></span>
  670.                            <span class="circle-btm cb-03"></span>
  671.                            <span class="circle-btm cb-04"></span>
  672.                            <span class="circle-btm cb-05"></span>
  673.                            <span class="circle-btm cb-06"></span>
  674.  
  675.                        </div><!--/sc-header-->
  676.                        <div class="panel-body">
  677.                            <ul>
  678.                                <li class=""><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news">總覽</a></li>
  679.                                                                                                            <li class=" active ">
  680.                                            <a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/1">
  681.                                                學校通告
  682.                                            </a>
  683.                                                                                    </li>
  684.                                    
  685.                                                                                                            <li class="">
  686.                                            <a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/3">
  687.                                                每月備忘
  688.                                            </a>
  689.                                                                                    </li>
  690.                                    
  691.                                                                                                            <li class="">
  692.                                            <a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/2">
  693.                                                入學申請
  694.                                            </a>
  695.                                                                                    </li>
  696.                                    
  697.                                                                
  698.                                
  699.                                
  700.                            </ul>
  701.                        </div><!--/panel-body-->
  702.                    </div><!--/sidebar-con-->
  703.                </div><!--/mib-right-01-->
  704.                <div class="clearfix"></div>
  705.            </div><!--/main-inner-box-->
  706.  
  707.        </div><!--/container-->
  708.    </section><!--/middle-part-->
  709.  
  710.    <script>
  711.        $(function(){
  712.            var ua = navigator.userAgent;
  713.  
  714.            var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
  715.  
  716.                isIphone =!ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),
  717.  
  718.                isAndroid = ua.match(/(Android)\s+([\d.]+)/),
  719.  
  720.                isMobile = isIphone || isAndroid;
  721.  
  722.            if(isMobile){
  723.                $('#whatsapp').attr('href',"whatsapp://send?text=-保良局鄧碧雲紀念幼稚園 | 大埔幼稚園開放日%0Dhttps://www.plkkgs.edu.hk/plktbwmkg/hk/news/article/402");
  724.            }else{
  725.                $('#whatsapp').attr('href',"https://www.whatsapp.com/");
  726.  
  727.            }
  728.            $('#twitter').attr('href','https://twitter.com/intent/tweet?text=-保良局鄧碧雲紀念幼稚園 | 大埔幼稚園開放日&url=https://www.plkkgs.edu.hk/plktbwmkg/hk/news/article/402&related=');
  729.        })
  730.    </script>
  731. <footer>
  732.    <div class="container">
  733.        <div class="row">
  734.            <div class="col-12 col-sm-12 col-md-9">
  735.                <div class="quick-links">
  736.                    <div class="ql-heading"><h1><a href="javascript:void(0);" style="cursor:default">網站索引</a></h1></div><!--/ql-heading-->
  737.                    <ul id="site">
  738.                        <li><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk">主頁</a></li>
  739.  
  740.  
  741.  
  742.  
  743.  
  744.                        
  745.                    </ul>
  746.  
  747.                </div><!--/quick-links-->
  748.            </div><!--/col-md-9-->
  749.            <div class="col-12 col-sm-12 col-md-3">
  750.                <div class="contect-dtl">
  751.                    <div class="cd-heading"><h1><a href="javascript:void(0);" style="cursor:default">聯絡資訊</a></h1></div><!--/ql-heading-->
  752.                    <ul>
  753.                        <li style="overflow:hidden"><span style="  float: left;">地址</span><div style="float: left;">:&nbsp;</div><div style="display: inline-block;width: 200px;float: left;" id="address"></div> </li>
  754.                        <li id="phone"><span>電話</span>: </li>
  755.                        <li id="fax"><span>傳真</span>: </li>
  756.                        <li id="email"><span>電郵</span>: </li>
  757.                    </ul>
  758.                </div><!--/contect-dtl-->
  759.            </div><!--/col-md-3-->
  760.            <div class="clearfix"></div>
  761.            <div class="col-12 col-sm-12">
  762.                <div class="copy-right"><p>© 2018 版權屬 保良局鄧碧雲紀念幼稚園所有</p></div><!--/copy-right-->
  763.            </div><!--/col-sm-12-->
  764.        </div><!--/row-->
  765.    </div><!--/container-fluid-->
  766. </footer>
  767. <script>
  768.    function changeSize() {
  769.        var chi = $(".web-name").text();
  770.        if (chi.length >= 10 && chi.length <=17){
  771.            switch (chi.length){
  772.                case 10:
  773.                    $(".web-name").css({
  774.                        fontSize:'30px'
  775.                    });
  776.                    break;
  777.                case 11:
  778.                    $(".web-name").css({
  779.                        fontSize:'29px'
  780.                    });
  781.                    break;
  782.                case 12:
  783.                    $(".web-name").css({
  784.                        fontSize:'27px'
  785.                    });
  786.                    break;
  787.                case 13:
  788.                    $(".web-name").css({
  789.                        fontSize:'25px'
  790.                    });
  791.                    break;
  792.                case 14 :
  793.                    $(".web-name").css({
  794.                        fontSize:'24px'
  795.                    });
  796.                    break;
  797.                case 15:
  798.                    $(".web-name").css({
  799.                        fontSize:'22px'
  800.                    });
  801.                    break;
  802.                case 17:
  803.                    $(".web-name").css({
  804.                        fontSize:'19px'
  805.                    });
  806.                    break;
  807.            }
  808.        }else if(chi.length < 10){
  809.            $(".web-name").css({
  810.                fontSize:'30px'
  811.            });
  812.        }else if(chi.length > 17){
  813.            $(".web-name").css({
  814.                fontSize:'19px'
  815.            });
  816.        }
  817.    }
  818.    function changeSmallSize() {
  819.        var chi = $(".web-name").text();
  820.        if (chi.length >= 10 && chi.length <=17){
  821.            switch (chi.length){
  822.                case 10:
  823.                    $(".web-name").css({
  824.                        fontSize:'24px'
  825.                    });
  826.                    break;
  827.                case 11:
  828.                    $(".web-name").css({
  829.                        fontSize:'22px'
  830.                    });
  831.                    break;
  832.                case 12:
  833.                    $(".web-name").css({
  834.                        fontSize:'20px'
  835.                    });
  836.                    break;
  837.                case 13:
  838.                    $(".web-name").css({
  839.                        fontSize:'19px'
  840.                    });
  841.                    break;
  842.                case 14 :
  843.                    $(".web-name").css({
  844.                        fontSize:'18px'
  845.                    });
  846.                    break;
  847.                case 15:
  848.                    $(".web-name").css({
  849.                        fontSize:'17px'
  850.                    });
  851.                    break;
  852.                case 17:
  853.                    $(".web-name").css({
  854.                        fontSize:'15px'
  855.                    });
  856.                    break;
  857.            }
  858.        }else if(chi.length < 10){
  859.            $(".web-name").css({
  860.                fontSize:'24px'
  861.            });
  862.        }else if(chi.length > 17){
  863.            $(".web-name").css({
  864.                fontSize:'14px'
  865.            });
  866.        }
  867.    }
  868.    function enChange() {
  869.        var en_item = 1;
  870.        var en_size = 14;
  871.        while (en_item)
  872.        {
  873.            var en_now = $('.web-en').outerHeight();
  874.            if (en_now <=  28.8){
  875.                en_item = 0;
  876.            }else{
  877.                en_size--;
  878.                $(".web-en").css({
  879.                    fontSize:en_size+'px'
  880.                });
  881.            }
  882.        }
  883.    }
  884.    window.onload = function(){
  885.        var width = $(window).width();
  886.        if (width > 480){
  887.            changeSize();
  888.  
  889.        }else{
  890.            changeSmallSize();
  891.        }
  892.        enChange()
  893.  
  894.    };
  895.  
  896. </script>
  897. <script>
  898.    $(document).ready(function() {
  899.        /*
  900.         *  Simple image gallery. Uses default settings
  901.         */
  902.  
  903.        $('.school-profile img').on('click',function () {
  904.  
  905.            if($(this).parent().attr('target') != '_blank' && $(this).parent()[0].tagName != 'A'){
  906.                $.fancybox.open([
  907.                    {
  908.                        src:$(this).attr('src'),
  909.                        type: "image"
  910.                    }
  911.                ], {
  912.                    infobar: false,
  913.  
  914.                });
  915.            }
  916.        });
  917.        $('.ln2-txtcon img').on('click',function () {
  918.  
  919.  
  920.            if($(this).parent().attr('target') != '_blank' && $(this).parent()[0].tagName != 'A'){
  921.                $.fancybox.open([
  922.                    {
  923.                        src:$(this).attr('src'),
  924.                        type: "image"
  925.                    }
  926.                ], {
  927.                    infobar: false,
  928.  
  929.                });
  930.            }
  931.  
  932.  
  933.        });
  934.        $('.contact-us-page  img').on('click',function () {
  935.  
  936.            if($(this).parent().attr('target') != '_blank' && $(this).parent()[0].tagName != 'A'){
  937.                $.fancybox.open([
  938.                    {
  939.                        src:$(this).attr('src'),
  940.                        type: "image"
  941.                    }
  942.                ], {
  943.                    infobar: false,
  944.  
  945.                });
  946.            }
  947.        });
  948.        $('.campus-dynamics  img').on('click',function () {
  949.  
  950.            if($(this).parent().attr('target') != '_blank' && $(this).parent()[0].tagName != 'A'){
  951.                $.fancybox.open([
  952.                    {
  953.                        src:$(this).attr('src'),
  954.                        type: "image"
  955.                    }
  956.                ], {
  957.                    infobar: false,
  958.  
  959.                });
  960.            }
  961.  
  962.        });
  963.        $('.school-information img').on('click',function () {
  964.  
  965.            if($(this).parent().attr('target') != '_blank' && $(this).parent()[0].tagName != 'A'){
  966.                $.fancybox.open([
  967.                    {
  968.                        src:$(this).attr('src'),
  969.                        type: "image"
  970.                    }
  971.                ], {
  972.                    infobar: false,
  973.  
  974.                });
  975.            }
  976.  
  977.        });
  978.    });
  979.                        !function(){
  980.        $('img').on('mousedown',function (e) {
  981.            e.preventDefault()
  982.        })
  983.        document.oncontextmenu=new Function('event.returnValue=false;');
  984.  
  985.        document.onselectstart=new Function('event.returnValue=false;');
  986.        var ua = navigator.userAgent;
  987.  
  988.        var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
  989.  
  990.            isIphone =!ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),
  991.  
  992.            isAndroid = ua.match(/(Android)\s+([\d.]+)/),
  993.  
  994.            isMobile = isIphone || isAndroid;
  995.  
  996.        if(isMobile){
  997.            $('#whatsapp').attr('href',"whatsapp://send?text=保良局鄧碧雲紀念幼稚園-最新消息%0Dhttps://www.plkkgs.edu.hk/plktbwmkg/hk/news/article/402");
  998.        }else{
  999.            $('#whatsapp').attr('href',"https://www.whatsapp.com/");
  1000.  
  1001.        }
  1002.        $('#twitter').attr('href','https://twitter.com/intent/tweet?text=保良局鄧碧雲紀念幼稚園-最新消息&url=https://www.plkkgs.edu.hk/plktbwmkg/hk/news/article/402&related=');
  1003.        $.ajax({
  1004.            type: "GET",
  1005.            url: 'https://www.plkkgs.edu.hk/plktbwmkg/hk/api/cms/site',
  1006.            success: function (success) {
  1007.                for(var i=0;i <success.length;i++ ){
  1008.                    for (var j = 0;j < success[i].length;j++){
  1009.                        $('#site').append('<li><a href="'+success[i][j].url+'">'+success[i][j].name+'</a></li>');
  1010.                    }
  1011.                }
  1012.                $('#site').append('<li><a href="'+"https://www.plkkgs.edu.hk/plktbwmkg/hk/contact"+'">'+"聯絡我們"+'</a></li>');
  1013.                $('#site').append('<li><a href="'+"https://www.plkkgs.edu.hk/plktbwmkg/hk/extranet/photo"+'">'+"內聯網"+'</a></li>');
  1014.                $('#site').append(' <div class="clearfix"></div>');
  1015.  
  1016.            }
  1017.        });
  1018.        $.ajax({
  1019.            type: "GET",
  1020.            url: 'https://www.plkkgs.edu.hk/plktbwmkg/api/cms/connect',
  1021.            success: function (success) {
  1022.  
  1023.                if (!isEmptyObject(success)){
  1024.                                        $('#address').append(success.address_chi);
  1025.                    
  1026. $('#phone').append(success.phone);
  1027.                    $('#fax').append(success.fax);
  1028.                    var email = '<a href="mailto:'+success.email+'" style="color: black;">'+success.email+'</a>';
  1029.                    $('#email').append(email);
  1030.                }
  1031.  
  1032.            }
  1033.        });
  1034.    }();
  1035.    function isEmptyObject(obj) {
  1036.        for (var key in obj){
  1037.            return false;//返回false,不为空对象
  1038.        }
  1039.        return true;//返回true,为空对象
  1040.    }
  1041. </script>
  1042.  
  1043. <script>
  1044.    $('#patners').owlCarousel({
  1045.        loop:true,
  1046.        margin:0,
  1047.        dots:true,
  1048.        autoplay:true,
  1049.        autoplayTimeout:2000,
  1050.        autoplayHoverPause:false,
  1051.        nav:true,
  1052.        navText: ["<img src='https://www.plkkgs.edu.hk/plktbwmkg/zoo/images/vb-slide-left.png'>","<img src='https://www.plkkgs.edu.hk/plktbwmkg/zoo/images/vb-slide-right.png'>"],
  1053.        responsiveClass:true,
  1054.        responsive:{
  1055.            0:{
  1056.                items:1,
  1057.                nav:true
  1058.            },
  1059.            600:{
  1060.                items:2,
  1061.                nav:true
  1062.            },
  1063.            1000:{
  1064.                items:3,
  1065.                nav:true
  1066.  
  1067.            },
  1068.            1200:{
  1069.                items:4,
  1070.                nav:true
  1071.  
  1072.            }
  1073.        }
  1074.    })
  1075.  
  1076. </script>
  1077. <script>
  1078.    $(document).ready(function(){
  1079.        if($(window).width() > 991){
  1080.            $('#mm-box-mobile').hide();
  1081.        }
  1082.        $(window).resize(function() {
  1083.            if($(window).width() > 991){
  1084.                $('#mm-box-mobile').hide();
  1085.            }
  1086.        });
  1087.  
  1088.        $("#mm-btn").click(function(){
  1089.            $("#mm-box-mobile").slideToggle();
  1090.        });
  1091.  
  1092.        $("#scm-mbtn").click(function(){
  1093.            var current = $(this);
  1094.            var currentActive = $("#scm-menu li.active");
  1095.            if(current.hasClass('open')){
  1096.                if(currentActive.parents('li')){
  1097.                    $("#scm-mbtn").removeClass("open");
  1098.                    $("#scm-menu li").not('.active').not(currentActive.parents('li')).slideUp();
  1099.                    currentActive.find('li').slideDown()
  1100.                }
  1101.                else{
  1102.                    $("#scm-mbtn").removeClass("open");
  1103.                    $("#scm-menu li").not('.active').slideUp();
  1104.                }
  1105.            }
  1106.            else{
  1107.                $("#scm-mbtn").addClass("open");
  1108.                $("#scm-menu li").not('.active').slideDown();
  1109.            }
  1110.        });
  1111.        var has_class = $("#scm-menu").find('li.active');
  1112.        if(has_class){
  1113.  
  1114.            has_class.parents('li').slideDown(1);
  1115.        }
  1116.  
  1117.  
  1118.    });
  1119.  
  1120.  
  1121.  
  1122. </script>
  1123. <script>
  1124.    $(document).ready(function(){
  1125.  
  1126.        var side   = $("#sa-02"),
  1127.            win    = $(window),
  1128.            offset     = side.offset(),
  1129.            wh    = $(window).height(),
  1130.            topPadding = 0;
  1131.        win.scroll(function() {
  1132.  
  1133.            side.stop().animate({
  1134.                marginTop: win.scrollTop() - topPadding
  1135.            });
  1136.  
  1137.        });
  1138.    });
  1139.  
  1140. </script>
  1141. <script src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/js/jssor.slider.min.js" type="text/javascript"></script>
  1142. <script type="text/javascript">
  1143.    jssor_1_slider_init = function() {
  1144.  
  1145.        var jssor_1_SlideshowTransitions = [
  1146.            {$Duration:1200,x:0.3,$During:{$Left:[0.3,0.7]},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1147.            {$Duration:1200,x:-0.3,$SlideOut:true,$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1148.            {$Duration:1200,x:-0.3,$During:{$Left:[0.3,0.7]},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1149.            {$Duration:1200,x:0.3,$SlideOut:true,$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1150.            {$Duration:1200,y:0.3,$During:{$Top:[0.3,0.7]},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1151.            {$Duration:1200,y:-0.3,$SlideOut:true,$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1152.            {$Duration:1200,y:-0.3,$During:{$Top:[0.3,0.7]},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1153.            {$Duration:1200,y:0.3,$SlideOut:true,$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1154.            {$Duration:1200,x:0.3,$Cols:2,$During:{$Left:[0.3,0.7]},$ChessMode:{$Column:3},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1155.            {$Duration:1200,x:0.3,$Cols:2,$SlideOut:true,$ChessMode:{$Column:3},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1156.            {$Duration:1200,y:0.3,$Rows:2,$During:{$Top:[0.3,0.7]},$ChessMode:{$Row:12},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1157.            {$Duration:1200,y:0.3,$Rows:2,$SlideOut:true,$ChessMode:{$Row:12},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1158.            {$Duration:1200,y:0.3,$Cols:2,$During:{$Top:[0.3,0.7]},$ChessMode:{$Column:12},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1159.            {$Duration:1200,y:-0.3,$Cols:2,$SlideOut:true,$ChessMode:{$Column:12},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1160.            {$Duration:1200,x:0.3,$Rows:2,$During:{$Left:[0.3,0.7]},$ChessMode:{$Row:3},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1161.            {$Duration:1200,x:-0.3,$Rows:2,$SlideOut:true,$ChessMode:{$Row:3},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1162.            {$Duration:1200,x:0.3,y:0.3,$Cols:2,$Rows:2,$During:{$Left:[0.3,0.7],$Top:[0.3,0.7]},$ChessMode:{$Column:3,$Row:12},$Easing:{$Left:$Jease$.$InCubic,$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1163.            {$Duration:1200,x:0.3,y:0.3,$Cols:2,$Rows:2,$During:{$Left:[0.3,0.7],$Top:[0.3,0.7]},$SlideOut:true,$ChessMode:{$Column:3,$Row:12},$Easing:{$Left:$Jease$.$InCubic,$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1164.            {$Duration:1200,$Delay:20,$Clip:3,$Assembly:260,$Easing:{$Clip:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1165.            {$Duration:1200,$Delay:20,$Clip:3,$SlideOut:true,$Assembly:260,$Easing:{$Clip:$Jease$.$OutCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1166.            {$Duration:1200,$Delay:20,$Clip:12,$Assembly:260,$Easing:{$Clip:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1167.            {$Duration:1200,$Delay:20,$Clip:12,$SlideOut:true,$Assembly:260,$Easing:{$Clip:$Jease$.$OutCubic,$Opacity:$Jease$.$Linear},$Opacity:2}
  1168.        ];
  1169.  
  1170.        var jssor_1_options = {
  1171.            $AutoPlay: 1,
  1172.            $SlideshowOptions: {
  1173.                $Class: $JssorSlideshowRunner$,
  1174.                $Transitions: jssor_1_SlideshowTransitions,
  1175.                $TransitionsOrder: 1
  1176.            },
  1177.            $ArrowNavigatorOptions: {
  1178.                $Class: $JssorArrowNavigator$
  1179.            },
  1180.            $ThumbnailNavigatorOptions: {
  1181.                $Class: $JssorThumbnailNavigator$,
  1182.                $Cols: 3,
  1183.                $SpacingX: 5,
  1184.                $SpacingY: 5,
  1185.                $Align: 145
  1186.            }
  1187.        };
  1188.  
  1189.        var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);
  1190.  
  1191.        /*#region responsive code begin*/
  1192.  
  1193.        var MAX_WIDTH = 457;
  1194.  
  1195.        function ScaleSlider() {
  1196.            var containerElement = jssor_1_slider.$Elmt.parentNode;
  1197.            var containerWidth = containerElement.clientWidth;
  1198.  
  1199.            if (containerWidth) {
  1200.  
  1201.                var expectedWidth = Math.min(MAX_WIDTH || containerWidth, containerWidth);
  1202.  
  1203.                jssor_1_slider.$ScaleWidth(expectedWidth);
  1204.            }
  1205.            else {
  1206.                window.setTimeout(ScaleSlider, 30);
  1207.            }
  1208.        }
  1209.  
  1210.        ScaleSlider();
  1211.  
  1212.        $Jssor$.$AddEvent(window, "load", ScaleSlider);
  1213.        $Jssor$.$AddEvent(window, "resize", ScaleSlider);
  1214.        $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
  1215.        /*#endregion responsive code end*/
  1216.    };
  1217. </script>
  1218. <script type="text/javascript">jssor_1_slider_init();</script>
  1219.  
  1220. <script>
  1221.    function openNav() {
  1222.        document.getElementById("mySidenav").style.width = "310px";
  1223.        document.getElementById("filter").style.display= "block";
  1224.    }
  1225.  
  1226.    function closeNav() {
  1227.        document.getElementById("mySidenav").style.width = "0";
  1228.        document.getElementById("filter").style.display= "none";
  1229.  
  1230.    }
  1231. </script>
  1232. <script>
  1233. $(function() {
  1234.    $('#site li a').dotdotdot({
  1235.        truncate: "letter"
  1236.    });
  1237. });
  1238. </script>
  1239. </body>
  1240. </html>
  1241.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda