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