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="cFnB8F27ILycuwfIKuNwMq9yWn5HzGKxioPLgBcG">
  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="cFnB8F27ILycuwfIKuNwMq9yWn5HzGKxioPLgBcG">
  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/article/403">上一則</a></li>
  652.                                                                                <li><a class="label-02" href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/1">返回列表</a></li>
  653.                                    </ul>
  654.                                </div><!--/ln2-tc-label-->
  655.  
  656.                                <div class="clearfix"></div>
  657.                            </div><!--/ln2-txtcon-->
  658.                        </div><!--/ln2-datacon-->
  659.  
  660.  
  661.  
  662.                    </div><!--latest-news-02-->
  663.  
  664.                </div><!--/mib-left-01-->
  665.                <div class="mib-right-01 desktop-menu">
  666.                    <div class="sidebar-con">
  667.                        <div class="sc-header">
  668.                            <h2>最新消息</h2>
  669.                            <span class="circle-btm cb-01"></span>
  670.                            <span class="circle-btm cb-02"></span>
  671.                            <span class="circle-btm cb-03"></span>
  672.                            <span class="circle-btm cb-04"></span>
  673.                            <span class="circle-btm cb-05"></span>
  674.                            <span class="circle-btm cb-06"></span>
  675.  
  676.                        </div><!--/sc-header-->
  677.                        <div class="panel-body">
  678.                            <ul>
  679.                                <li class=""><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news">總覽</a></li>
  680.                                                                                                            <li class=" active ">
  681.                                            <a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/1">
  682.                                                學校通告
  683.                                            </a>
  684.                                                                                    </li>
  685.                                    
  686.                                                                                                            <li class="">
  687.                                            <a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/3">
  688.                                                每月備忘
  689.                                            </a>
  690.                                                                                    </li>
  691.                                    
  692.                                                                                                            <li class="">
  693.                                            <a href="https://www.plkkgs.edu.hk/plktbwmkg/hk/news/2">
  694.                                                入學申請
  695.                                            </a>
  696.                                                                                    </li>
  697.                                    
  698.                                                                
  699.                                
  700.                                
  701.                            </ul>
  702.                        </div><!--/panel-body-->
  703.                    </div><!--/sidebar-con-->
  704.                </div><!--/mib-right-01-->
  705.                <div class="clearfix"></div>
  706.            </div><!--/main-inner-box-->
  707.  
  708.        </div><!--/container-->
  709.    </section><!--/middle-part-->
  710.  
  711.    <script>
  712.        $(function(){
  713.            var ua = navigator.userAgent;
  714.  
  715.            var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
  716.  
  717.                isIphone =!ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),
  718.  
  719.                isAndroid = ua.match(/(Android)\s+([\d.]+)/),
  720.  
  721.                isMobile = isIphone || isAndroid;
  722.  
  723.            if(isMobile){
  724.                $('#whatsapp').attr('href',"whatsapp://send?text=-保良局鄧碧雲紀念幼稚園 | 大埔幼稚園開放日%0Dhttps://www.plkkgs.edu.hk/plktbwmkg/hk/news/article/402");
  725.            }else{
  726.                $('#whatsapp').attr('href',"https://www.whatsapp.com/");
  727.  
  728.            }
  729.            $('#twitter').attr('href','https://twitter.com/intent/tweet?text=-保良局鄧碧雲紀念幼稚園 | 大埔幼稚園開放日&url=https://www.plkkgs.edu.hk/plktbwmkg/hk/news/article/402&related=');
  730.        })
  731.    </script>
  732. <footer>
  733.    <div class="container">
  734.        <div class="row">
  735.            <div class="col-12 col-sm-12 col-md-9">
  736.                <div class="quick-links">
  737.                    <div class="ql-heading"><h1><a href="javascript:void(0);" style="cursor:default">網站索引</a></h1></div><!--/ql-heading-->
  738.                    <ul id="site">
  739.                        <li><a href="https://www.plkkgs.edu.hk/plktbwmkg/hk">主頁</a></li>
  740.  
  741.  
  742.  
  743.  
  744.  
  745.                        
  746.                    </ul>
  747.  
  748.                </div><!--/quick-links-->
  749.            </div><!--/col-md-9-->
  750.            <div class="col-12 col-sm-12 col-md-3">
  751.                <div class="contect-dtl">
  752.                    <div class="cd-heading"><h1><a href="javascript:void(0);" style="cursor:default">聯絡資訊</a></h1></div><!--/ql-heading-->
  753.                    <ul>
  754.                        <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>
  755.                        <li id="phone"><span>電話</span>: </li>
  756.                        <li id="fax"><span>傳真</span>: </li>
  757.                        <li id="email"><span>電郵</span>: </li>
  758.                    </ul>
  759.                </div><!--/contect-dtl-->
  760.            </div><!--/col-md-3-->
  761.            <div class="clearfix"></div>
  762.            <div class="col-12 col-sm-12">
  763.                <div class="copy-right"><p>© 2018 版權屬 保良局鄧碧雲紀念幼稚園所有</p></div><!--/copy-right-->
  764.            </div><!--/col-sm-12-->
  765.        </div><!--/row-->
  766.    </div><!--/container-fluid-->
  767. </footer>
  768. <script>
  769.    function changeSize() {
  770.        var chi = $(".web-name").text();
  771.        if (chi.length >= 10 && chi.length <=17){
  772.            switch (chi.length){
  773.                case 10:
  774.                    $(".web-name").css({
  775.                        fontSize:'30px'
  776.                    });
  777.                    break;
  778.                case 11:
  779.                    $(".web-name").css({
  780.                        fontSize:'29px'
  781.                    });
  782.                    break;
  783.                case 12:
  784.                    $(".web-name").css({
  785.                        fontSize:'27px'
  786.                    });
  787.                    break;
  788.                case 13:
  789.                    $(".web-name").css({
  790.                        fontSize:'25px'
  791.                    });
  792.                    break;
  793.                case 14 :
  794.                    $(".web-name").css({
  795.                        fontSize:'24px'
  796.                    });
  797.                    break;
  798.                case 15:
  799.                    $(".web-name").css({
  800.                        fontSize:'22px'
  801.                    });
  802.                    break;
  803.                case 17:
  804.                    $(".web-name").css({
  805.                        fontSize:'19px'
  806.                    });
  807.                    break;
  808.            }
  809.        }else if(chi.length < 10){
  810.            $(".web-name").css({
  811.                fontSize:'30px'
  812.            });
  813.        }else if(chi.length > 17){
  814.            $(".web-name").css({
  815.                fontSize:'19px'
  816.            });
  817.        }
  818.    }
  819.    function changeSmallSize() {
  820.        var chi = $(".web-name").text();
  821.        if (chi.length >= 10 && chi.length <=17){
  822.            switch (chi.length){
  823.                case 10:
  824.                    $(".web-name").css({
  825.                        fontSize:'24px'
  826.                    });
  827.                    break;
  828.                case 11:
  829.                    $(".web-name").css({
  830.                        fontSize:'22px'
  831.                    });
  832.                    break;
  833.                case 12:
  834.                    $(".web-name").css({
  835.                        fontSize:'20px'
  836.                    });
  837.                    break;
  838.                case 13:
  839.                    $(".web-name").css({
  840.                        fontSize:'19px'
  841.                    });
  842.                    break;
  843.                case 14 :
  844.                    $(".web-name").css({
  845.                        fontSize:'18px'
  846.                    });
  847.                    break;
  848.                case 15:
  849.                    $(".web-name").css({
  850.                        fontSize:'17px'
  851.                    });
  852.                    break;
  853.                case 17:
  854.                    $(".web-name").css({
  855.                        fontSize:'15px'
  856.                    });
  857.                    break;
  858.            }
  859.        }else if(chi.length < 10){
  860.            $(".web-name").css({
  861.                fontSize:'24px'
  862.            });
  863.        }else if(chi.length > 17){
  864.            $(".web-name").css({
  865.                fontSize:'14px'
  866.            });
  867.        }
  868.    }
  869.    function enChange() {
  870.        var en_item = 1;
  871.        var en_size = 14;
  872.        while (en_item)
  873.        {
  874.            var en_now = $('.web-en').outerHeight();
  875.            if (en_now <=  28.8){
  876.                en_item = 0;
  877.            }else{
  878.                en_size--;
  879.                $(".web-en").css({
  880.                    fontSize:en_size+'px'
  881.                });
  882.            }
  883.        }
  884.    }
  885.    window.onload = function(){
  886.        var width = $(window).width();
  887.        if (width > 480){
  888.            changeSize();
  889.  
  890.        }else{
  891.            changeSmallSize();
  892.        }
  893.        enChange()
  894.  
  895.    };
  896.  
  897. </script>
  898. <script>
  899.    $(document).ready(function() {
  900.        /*
  901.         *  Simple image gallery. Uses default settings
  902.         */
  903.  
  904.        $('.school-profile img').on('click',function () {
  905.  
  906.            if($(this).parent().attr('target') != '_blank' && $(this).parent()[0].tagName != 'A'){
  907.                $.fancybox.open([
  908.                    {
  909.                        src:$(this).attr('src'),
  910.                        type: "image"
  911.                    }
  912.                ], {
  913.                    infobar: false,
  914.  
  915.                });
  916.            }
  917.        });
  918.        $('.ln2-txtcon img').on('click',function () {
  919.  
  920.  
  921.            if($(this).parent().attr('target') != '_blank' && $(this).parent()[0].tagName != 'A'){
  922.                $.fancybox.open([
  923.                    {
  924.                        src:$(this).attr('src'),
  925.                        type: "image"
  926.                    }
  927.                ], {
  928.                    infobar: false,
  929.  
  930.                });
  931.            }
  932.  
  933.  
  934.        });
  935.        $('.contact-us-page  img').on('click',function () {
  936.  
  937.            if($(this).parent().attr('target') != '_blank' && $(this).parent()[0].tagName != 'A'){
  938.                $.fancybox.open([
  939.                    {
  940.                        src:$(this).attr('src'),
  941.                        type: "image"
  942.                    }
  943.                ], {
  944.                    infobar: false,
  945.  
  946.                });
  947.            }
  948.        });
  949.        $('.campus-dynamics  img').on('click',function () {
  950.  
  951.            if($(this).parent().attr('target') != '_blank' && $(this).parent()[0].tagName != 'A'){
  952.                $.fancybox.open([
  953.                    {
  954.                        src:$(this).attr('src'),
  955.                        type: "image"
  956.                    }
  957.                ], {
  958.                    infobar: false,
  959.  
  960.                });
  961.            }
  962.  
  963.        });
  964.        $('.school-information img').on('click',function () {
  965.  
  966.            if($(this).parent().attr('target') != '_blank' && $(this).parent()[0].tagName != 'A'){
  967.                $.fancybox.open([
  968.                    {
  969.                        src:$(this).attr('src'),
  970.                        type: "image"
  971.                    }
  972.                ], {
  973.                    infobar: false,
  974.  
  975.                });
  976.            }
  977.  
  978.        });
  979.    });
  980.                        !function(){
  981.        $('img').on('mousedown',function (e) {
  982.            e.preventDefault()
  983.        })
  984.        document.oncontextmenu=new Function('event.returnValue=false;');
  985.  
  986.        document.onselectstart=new Function('event.returnValue=false;');
  987.        var ua = navigator.userAgent;
  988.  
  989.        var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
  990.  
  991.            isIphone =!ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),
  992.  
  993.            isAndroid = ua.match(/(Android)\s+([\d.]+)/),
  994.  
  995.            isMobile = isIphone || isAndroid;
  996.  
  997.        if(isMobile){
  998.            $('#whatsapp').attr('href',"whatsapp://send?text=保良局鄧碧雲紀念幼稚園-最新消息%0Dhttps://www.plkkgs.edu.hk/plktbwmkg/hk/news/article/402");
  999.        }else{
  1000.            $('#whatsapp').attr('href',"https://www.whatsapp.com/");
  1001.  
  1002.        }
  1003.        $('#twitter').attr('href','https://twitter.com/intent/tweet?text=保良局鄧碧雲紀念幼稚園-最新消息&url=https://www.plkkgs.edu.hk/plktbwmkg/hk/news/article/402&related=');
  1004.        $.ajax({
  1005.            type: "GET",
  1006.            url: 'https://www.plkkgs.edu.hk/plktbwmkg/hk/api/cms/site',
  1007.            success: function (success) {
  1008.                for(var i=0;i <success.length;i++ ){
  1009.                    for (var j = 0;j < success[i].length;j++){
  1010.                        $('#site').append('<li><a href="'+success[i][j].url+'">'+success[i][j].name+'</a></li>');
  1011.                    }
  1012.                }
  1013.                $('#site').append('<li><a href="'+"https://www.plkkgs.edu.hk/plktbwmkg/hk/contact"+'">'+"聯絡我們"+'</a></li>');
  1014.                $('#site').append('<li><a href="'+"https://www.plkkgs.edu.hk/plktbwmkg/hk/extranet/photo"+'">'+"內聯網"+'</a></li>');
  1015.                $('#site').append(' <div class="clearfix"></div>');
  1016.  
  1017.            }
  1018.        });
  1019.        $.ajax({
  1020.            type: "GET",
  1021.            url: 'https://www.plkkgs.edu.hk/plktbwmkg/api/cms/connect',
  1022.            success: function (success) {
  1023.  
  1024.                if (!isEmptyObject(success)){
  1025.                                        $('#address').append(success.address_chi);
  1026.                    
  1027. $('#phone').append(success.phone);
  1028.                    $('#fax').append(success.fax);
  1029.                    var email = '<a href="mailto:'+success.email+'" style="color: black;">'+success.email+'</a>';
  1030.                    $('#email').append(email);
  1031.                }
  1032.  
  1033.            }
  1034.        });
  1035.    }();
  1036.    function isEmptyObject(obj) {
  1037.        for (var key in obj){
  1038.            return false;//返回false，不为空对象
  1039.        }
  1040.        return true;//返回true，为空对象
  1041.    }
  1042. </script>
  1043.  
  1044. <script>
  1045.    $('#patners').owlCarousel({
  1046.        loop:true,
  1047.        margin:0,
  1048.        dots:true,
  1049.        autoplay:true,
  1050.        autoplayTimeout:2000,
  1051.        autoplayHoverPause:false,
  1052.        nav:true,
  1053.        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'>"],
  1054.        responsiveClass:true,
  1055.        responsive:{
  1056.            0:{
  1057.                items:1,
  1058.                nav:true
  1059.            },
  1060.            600:{
  1061.                items:2,
  1062.                nav:true
  1063.            },
  1064.            1000:{
  1065.                items:3,
  1066.                nav:true
  1067.  
  1068.            },
  1069.            1200:{
  1070.                items:4,
  1071.                nav:true
  1072.  
  1073.            }
  1074.        }
  1075.    })
  1076.  
  1077. </script>
  1078. <script>
  1079.    $(document).ready(function(){
  1080.        if($(window).width() > 991){
  1081.            $('#mm-box-mobile').hide();
  1082.        }
  1083.        $(window).resize(function() {
  1084.            if($(window).width() > 991){
  1085.                $('#mm-box-mobile').hide();
  1086.            }
  1087.        });
  1088.  
  1089.        $("#mm-btn").click(function(){
  1090.            $("#mm-box-mobile").slideToggle();
  1091.        });
  1092.  
  1093.        $("#scm-mbtn").click(function(){
  1094.            var current = $(this);
  1095.            var currentActive = $("#scm-menu li.active");
  1096.            if(current.hasClass('open')){
  1097.                if(currentActive.parents('li')){
  1098.                    $("#scm-mbtn").removeClass("open");
  1099.                    $("#scm-menu li").not('.active').not(currentActive.parents('li')).slideUp();
  1100.                    currentActive.find('li').slideDown()
  1101.                }
  1102.                else{
  1103.                    $("#scm-mbtn").removeClass("open");
  1104.                    $("#scm-menu li").not('.active').slideUp();
  1105.                }
  1106.            }
  1107.            else{
  1108.                $("#scm-mbtn").addClass("open");
  1109.                $("#scm-menu li").not('.active').slideDown();
  1110.            }
  1111.        });
  1112.        var has_class = $("#scm-menu").find('li.active');
  1113.        if(has_class){
  1114.  
  1115.            has_class.parents('li').slideDown(1);
  1116.        }
  1117.  
  1118.  
  1119.    });
  1120.  
  1121.  
  1122.  
  1123. </script>
  1124. <script>
  1125.    $(document).ready(function(){
  1126.  
  1127.        var side   = $("#sa-02"),
  1128.            win    = $(window),
  1129.            offset     = side.offset(),
  1130.            wh    = $(window).height(),
  1131.            topPadding = 0;
  1132.        win.scroll(function() {
  1133.  
  1134.            side.stop().animate({
  1135.                marginTop: win.scrollTop() - topPadding
  1136.            });
  1137.  
  1138.        });
  1139.    });
  1140.  
  1141. </script>
  1142. <script src="https://www.plkkgs.edu.hk/plktbwmkg/zoo/js/jssor.slider.min.js" type="text/javascript"></script>
  1143. <script type="text/javascript">
  1144.    jssor_1_slider_init = function() {
  1145.  
  1146.        var jssor_1_SlideshowTransitions = [
  1147.            {$Duration:1200,x:0.3,$During:{$Left:[0.3,0.7]},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1148.            {$Duration:1200,x:-0.3,$SlideOut:true,$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1149.            {$Duration:1200,x:-0.3,$During:{$Left:[0.3,0.7]},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1150.            {$Duration:1200,x:0.3,$SlideOut:true,$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1151.            {$Duration:1200,y:0.3,$During:{$Top:[0.3,0.7]},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1152.            {$Duration:1200,y:-0.3,$SlideOut:true,$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1153.            {$Duration:1200,y:-0.3,$During:{$Top:[0.3,0.7]},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1154.            {$Duration:1200,y:0.3,$SlideOut:true,$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1155.            {$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},
  1156.            {$Duration:1200,x:0.3,$Cols:2,$SlideOut:true,$ChessMode:{$Column:3},$Easing:{$Left:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1157.            {$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},
  1158.            {$Duration:1200,y:0.3,$Rows:2,$SlideOut:true,$ChessMode:{$Row:12},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1159.            {$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},
  1160.            {$Duration:1200,y:-0.3,$Cols:2,$SlideOut:true,$ChessMode:{$Column:12},$Easing:{$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1161.            {$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},
  1162.            {$Duration:1200,x:-0.3,$Rows:2,$SlideOut:true,$ChessMode:{$Row:3},$Easing:{$Left:$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]},$ChessMode:{$Column:3,$Row:12},$Easing:{$Left:$Jease$.$InCubic,$Top:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1164.            {$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},
  1165.            {$Duration:1200,$Delay:20,$Clip:3,$Assembly:260,$Easing:{$Clip:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1166.            {$Duration:1200,$Delay:20,$Clip:3,$SlideOut:true,$Assembly:260,$Easing:{$Clip:$Jease$.$OutCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1167.            {$Duration:1200,$Delay:20,$Clip:12,$Assembly:260,$Easing:{$Clip:$Jease$.$InCubic,$Opacity:$Jease$.$Linear},$Opacity:2},
  1168.            {$Duration:1200,$Delay:20,$Clip:12,$SlideOut:true,$Assembly:260,$Easing:{$Clip:$Jease$.$OutCubic,$Opacity:$Jease$.$Linear},$Opacity:2}
  1169.        ];
  1170.  
  1171.        var jssor_1_options = {
  1172.            $AutoPlay: 1,
  1173.            $SlideshowOptions: {
  1174.                $Class: $JssorSlideshowRunner$,
  1175.                $Transitions: jssor_1_SlideshowTransitions,
  1176.                $TransitionsOrder: 1
  1177.            },
  1178.            $ArrowNavigatorOptions: {
  1179.                $Class: $JssorArrowNavigator$
  1180.            },
  1181.            $ThumbnailNavigatorOptions: {
  1182.                $Class: $JssorThumbnailNavigator$,
  1183.                $Cols: 3,
  1184.                $SpacingX: 5,
  1185.                $SpacingY: 5,
  1186.                $Align: 145
  1187.            }
  1188.        };
  1189.  
  1190.        var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);
  1191.  
  1192.        /*#region responsive code begin*/
  1193.  
  1194.        var MAX_WIDTH = 457;
  1195.  
  1196.        function ScaleSlider() {
  1197.            var containerElement = jssor_1_slider.$Elmt.parentNode;
  1198.            var containerWidth = containerElement.clientWidth;
  1199.  
  1200.            if (containerWidth) {
  1201.  
  1202.                var expectedWidth = Math.min(MAX_WIDTH || containerWidth, containerWidth);
  1203.  
  1204.                jssor_1_slider.$ScaleWidth(expectedWidth);
  1205.            }
  1206.            else {
  1207.                window.setTimeout(ScaleSlider, 30);
  1208.            }
  1209.        }
  1210.  
  1211.        ScaleSlider();
  1212.  
  1213.        $Jssor$.$AddEvent(window, "load", ScaleSlider);
  1214.        $Jssor$.$AddEvent(window, "resize", ScaleSlider);
  1215.        $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
  1216.        /*#endregion responsive code end*/
  1217.    };
  1218. </script>
  1219. <script type="text/javascript">jssor_1_slider_init();</script>
  1220.  
  1221. <script>
  1222.    function openNav() {
  1223.        document.getElementById("mySidenav").style.width = "310px";
  1224.        document.getElementById("filter").style.display= "block";
  1225.    }
  1226.  
  1227.    function closeNav() {
  1228.        document.getElementById("mySidenav").style.width = "0";
  1229.        document.getElementById("filter").style.display= "none";
  1230.  
  1231.    }
  1232. </script>
  1233. <script>
  1234. $(function() {
  1235.    $('#site li a').dotdotdot({
  1236.        truncate: "letter"
  1237.    });
  1238. });
  1239. </script>
  1240. </body>
  1241. </html>
  1242.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda