bjquanjiang
/
DigitalScholl

﻿
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
    <title>新生指引</title>
    <link rel="stylesheet" href="../Content/phone/css/css/normalize.css" />
    <link rel="stylesheet" href="../Content/phone/css/css/common.css" />
    <link rel="stylesheet" href="../Content/phone/css/css/index.css" />
    <link rel="stylesheet" href="../Content/phone/css/css/swiper-3.3.1.min.css" />
    <link rel="stylesheet" type="text/css" href="../Content/phone/css/title_search.css" />
    <link rel="stylesheet" href="../Content/phone/css/split.css">
    <link rel="stylesheet" href="../Content/phone/css/menu.css">
    <link rel="stylesheet" href="../Content/phone/css/survey.css">
</head>
<body class="surveyCon">
    <div class="title_search">
        <div style="width: 46.4%;">
            <img src="../Content/phone/imgs/newStudentGui/title.png" alt="" width="100%">
        </div>
        <div>
            <!--<input type="text" id="search" placeholder="课程搜索..." />
            <img src="../Content/phone/imgs/search_icon.png" alt="" id="search_icon">-->
        </div>
    </div>
    <div class="menu">
        <a href="javascript:history.back();">
            <img src="../Content/phone/imgs/backBtn.png" alt="" width="100%">
        </a>
        <div class="menuTab">
            <div class="active">学校简介</div>
            <div>历史沿革</div>
            <div>学校荣誉</div>
            <div>校历</div>
        </div>
    </div>
    <div class="split"></div>
    <div class="survey">
        <div class="surveyBox">
            <div class="surveyT surveyT1">
                <img src="../Content/phone/imgs/survey1.png" alt="">
            </div>
            <div class="surveyLine">
                <img src="../Content/phone/imgs/survey2.png" alt="">
            </div>
            <div class="monthText" id="BriefIntroduction">
            </div>
        </div>
        <div class="surveyBox">
            <div class="surveyTxt">
                建校半个多世纪以来，学校性质由技工改为中专，又由中专改为技工，继而进行半工半读教改实验，最后恢复中专性质。其间学校8易归属，10次更改校名，变化繁复，详见下表。
            </div>
            <div class="history">
                <div class="yearx">1955</div>
                <!-- <div class="historyCard"></div> -->
                <div class="monthx right">
                    <span class="line"></span>
                    <div class="monthTime">2月</div>
                    <div class="monthTxt">学校名称：中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校</div>
                    <div class="monthTxt">办学性质：技工</div>
                    <div class="monthTxt">隶属上级：重工业部建筑材料工业管理局</div>
                </div>
                <div class="monthx left">
                    <span class="line"></span>
                    <div class="monthTime">6月</div>
                    <div class="monthTxt">学校名称：琉璃河建筑材料工业技工学校</div>
                    <div class="monthTxt">办学性质：技工</div>
                    <div class="monthTxt">隶属上级：重工业部建筑材料工业管理局</div>
                </div>

            </div>
            <div class="history">
                <div class="yearx">1956</div>
                <!-- <div class="historyCard"></div> -->
                <div class="monthx right">
                    <span class="line"></span>
                    <div class="monthTime">4月</div>
                    <div class="monthTxt">学校名称：建筑材料工业部琉璃河建筑材料工业工人技术学校</div>
                    <div class="monthTxt">办学性质：技工</div>
                    <div class="monthTxt">隶属上级：建筑材料工业部教育司</div>
                </div>
            </div>
            <div class="history">
                <div class="yearx">1957</div>
                <!-- <div class="historyCard"></div> -->
                <div class="monthx left">
                    <span class="line"></span>
                    <div class="monthTime">1月</div>
                    <div class="monthTxt">学校名称：琉璃河技工学校</div>
                    <div class="monthTxt">办学性质：技工</div>
                    <div class="monthTxt">隶属上级：建筑材料工业部教育司</div>
                </div>

            </div>
            <div class="history">
                <div class="yearx">1958</div>
                <!-- <div class="historyCard"></div> -->
                <div class="monthx right">
                    <span class="line"></span>
                    <div class="monthTime">5月</div>
                    <div class="monthTxt">学校名称：琉璃河建筑材料工业技工学校</div>
                    <div class="monthTxt">办学性质：技工</div>
                    <div class="monthTxt">隶属上级：建筑工程部劳资司</div>
                </div>
                <div class="monthx left">
                    <span class="line"></span>
                    <div class="monthTime">7月</div>
                    <div class="monthTxt">学校名称：琉璃河建筑材料工业技工学校</div>
                    <div class="monthTxt">办学性质：技工</div>
                    <div class="monthTxt">隶属上级：琉璃河水泥厂</div>
                </div>
            </div>
            <div class="history">
                <div class="yearx">1959</div>
                <!-- <div class="historyCard"></div> -->
                <div class="monthx right">
                    <span class="line"></span>
                    <div class="monthTime">2月</div>
                    <div class="monthTxt">学校名称：琉璃河水泥工业学校</div>
                    <div class="monthTxt">办学性质：技工</div>
                    <div class="monthTxt">隶属上级：琉璃河水泥厂</div>
                </div>
                <div class="monthx left">
                    <span class="line"></span>
                    <div class="monthTime">4月</div>
                    <div class="monthTxt">学校名称：琉璃河水泥工业学校</div>
                    <div class="monthTxt">办学性质：中专</div>
                    <div class="monthTxt">隶属上级：琉璃河水泥厂</div>
                </div>
                <div class="monthx right">
                    <span class="line"></span>
                    <div class="monthTime">8月</div>
                    <div class="monthTxt">学校名称：琉璃河水泥工业学校</div>
                    <div class="monthTxt">办学性质：中专</div>
                    <div class="monthTxt">隶属上级：建筑工程部水泥局</div>
                </div>
            </div>
            <div class="history">
                <div class="yearx">1962</div>
                <!-- <div class="historyCard"></div> -->
                <div class="monthx left">
                    <span class="line"></span>
                    <div class="monthTime">4月</div>
                    <div class="monthTxt">学校名称：琉璃河水泥工业学校</div>
                    <div class="monthTxt">办学性质：技工</div>
                    <div class="monthTxt">隶属上级：建筑工程部水泥局</div>
                </div>
            </div>
            <div class="history">
                <div class="yearx">1964</div>
                <!-- <div class="historyCard"></div> -->
                <div class="monthx right">
                    <span class="line"></span>
                    <div class="monthTime">5月</div>
                    <div class="monthTxt">学校名称：北京水泥技工学校</div>
                    <div class="monthTxt">办学性质：技工</div>
                    <div class="monthTxt">隶属上级：建筑工程部水泥局</div>
                </div>
                <div class="monthx left">
                    <span class="line"></span>
                    <div class="monthTime">10月</div>
                    <div class="monthTxt">学校名称：北京水泥技工学校</div>
                    <div class="monthTxt">办学性质：技工</div>
                    <div class="monthTxt">隶属上级：琉璃河水泥厂</div>
                </div>
            </div>
            <div class="history">
                <div class="yearx">1965</div>
                <!-- <div class="historyCard"></div> -->
                <div class="monthx right">
                    <span class="line"></span>
                    <div class="monthTime">3月</div>
                    <div class="monthTxt">学校名称：琉璃河水泥厂半工半读中等技术学校</div>
                    <div class="monthTxt">办学性质：中专</div>
                    <div class="monthTxt">隶属上级：琉璃河水泥厂</div>
                </div>
            </div>
            <div class="history">
                <div class="yearx">1967</div>
                <!-- <div class="historyCard"></div> -->
                <div class="monthx left">
                    <span class="line"></span>
                    <div class="monthTime">1月</div>
                    <div class="monthTxt">学校名称：首都水泥工业学校</div>
                    <div class="monthTxt">办学性质：中专</div>
                    <div class="monthTxt">隶属上级：琉璃河水泥厂</div>
                </div>
            </div>
            <div class="history">
                <div class="yearx">1975</div>
                <!-- <div class="historyCard"></div> -->
                <div class="monthx right">
                    <span class="line"></span>
                    <div class="monthTime">6月</div>
                    <div class="monthTxt">学校名称：首都水泥工业学校</div>
                    <div class="monthTxt">办学性质：中专</div>
                    <div class="monthTxt">隶属上级：北京市建筑材料工业局水泥工业公司</div>
                </div>
            </div>
            <div class="history">
                <div class="yearx">1978</div>
                <!-- <div class="historyCard"></div> -->
                <div class="monthx left">
                    <span class="line"></span>
                    <div class="monthTime">至今</div>
                    <div class="monthTxt">学校名称：北京市建筑材料工业学校</div>
                    <div class="monthTxt">办学性质：中专</div>
                    <div class="monthTxt">隶属上级：北京市建材局（后改为北京市建筑材料集团有限责任公司现为北京金隅集团有限责任公司）</div>
                </div>
            </div>
            <div class="history">
                <div class="yearx">2008</div>
                <!-- <div class="historyCard"></div> -->
                <div class="monthx right">
                    <span class="line"></span>
                    <div class="monthTime">至今</div>
                    <div class="monthTxt">学校名称：北京金隅科技学校</div>
                    <div class="monthTxt">办学性质：中专</div>
                    <div class="monthTxt">隶属上级：北京金隅集团有限责任公司</div>
                </div>
            </div>
        </div>
        <div class="surveyBox">
            <div class="surveyT">
                <img src="../Content/phone/imgs/survey3.png" alt="">
            </div>
            <div class="surveyLine">
                <img src="../Content/phone/imgs/survey2.png" alt="">
            </div>
            <div class="surveyList">
                <div>1980年11月，学校被国家教育部命名为“全国重点中等专业学校”。</div>
                <div>1984年，学校被北京市人民政府确定为北京市中等专业学校六所改革试点学校之。</div>
                <div>1991年1月，学校被国家教育委员会、国家计划委员会、劳动部、人事部、财政部授予“全国职业技术教育先进单位”。</div>
                <div>1993年8月被确定为北京市重点中等专业学校。</div>
                <div>1994年8月，学校被国家教委确定为“国家级重点普通中等专业学校”。</div>
                <div>1999年，被劳动部确定为“行业特有工种职业技能鉴定站”。</div>
                <div>2000年6月，学校再次被评为“国家级重点中等职业学校”。</div>
                <div>2003年12月被评为北京市现代化标志性中等职业学校。</div>
                <div>2005年11月被评为全国职业教育先进单位。</div>
                <div>2006年6月被确定为建材行业特有工种职业技能鉴定站(010站)。</div>
                <div>2007年9月，学校被国家教育部和人事部授予“全国教育系统先进集体”。</div>
                <div>2012年5月牵头成立“建材行业北京职教集团”。</div>
                <div>2010-2012年连续三年我校学生在全国职业院校技能大赛中荣获冠军。</div>
                <div>2012年11月数控技术应用、硅酸盐工艺及工业控制专业被评为北京市示范专业。</div>
                <div>2011年，经北京市教委和教育部批准，学校成为首批“国家中等职业教育改革发展示范学校”的项目建设校。2013年8月通过北京市教委验收，2014年6月， 学校正式被教育部确定为首批“国家中等职业教育改革发展示范学校”。</div>
                <div>2014年9月，学校再次被教育部和人社部授予“全国教育系统先进集体”的荣誉称号。</div>
            </div>
        </div>
        <div class="surveyBox">
            <div class="cour-box">
                <div class="loading loading1 covers">
                    <div class="loading-bj"></div>
                    <p>加载中...</p>
                </div>
                <!-- 加载ing END -->
                <section class="out-wrap">
                    <div class="kebiao">
                        <div class="header-main">
                            <section class="header">
                                <div class="child return">
                                    <!-- <i></i> -->
                                </div>
                                <div class="child date"> <em class="f34" id="ymym">2016年06月</em> <i></i> </div>
                            </section>
                            <section class="day">
                                <section class="grid clearfix">
                                    <div class="day-left clearfix">
                                        <h1 id="top_shu">20</h1>
                                        <div class="top-contrl">
                                            <p><em id="top_week">星期二</em></p>
                                            <div><i id="top_yue">八月廿十</i></div>
                                        </div>
                                    </div>
                                    <div class="day-right clearfix">
                                        <div class="yun"> <span class="js_jin">今</span> </div>
                                    </div>
                                </section>
                            </section>
                            <!-- end day -->
                        </div>
                        <!-- end header -->
                        <section class="content">
                            <section class="week">
                                <ul class="clearfix f28">
                                    <li><a href="#">日</a></li>
                                    <li><a href="#">一</a></li>
                                    <li><a href="#">二</a></li>
                                    <li><a href="#">三</a></li>
                                    <li><a href="#">四</a></li>
                                    <li><a href="#">五</a></li>
                                    <li><a href="#">六</a></li>
                                </ul>
                            </section>
                            <section class="calenda">
                                <div class="swiper-container">
                                    <div class="swiper-wrapper" id="swiperBox">
                                        <div class="swiper-slide">
                                            <table id="now1" class="tables">
                                                <tr class="">
                                                    <td class=" list"><i>12</i><em>中秋</em></td>
                                                </tr>
                                            </table>
                                        </div>
                                        <div class="swiper-slide">
                                            <table id="now2" class="tables">
                                                <tr class=""></tr>
                                            </table>
                                        </div>
                                        <div class="swiper-slide">
                                            <table id="now3" class="tables">
                                                <tr class="">
                                                    <td class="list"><i>12</i><em>中秋</em></td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </section>

                            <!-- end calenda -->
                        </section>
                    </div>
                    <!-- end content -->
                    <section class="prorup"></section>
                    <!-- 弹窗 -->
                    <div class="tc"></div>
                    <div class="tc-innner">
                        <h2> 选择日期 </h2>
                        <div class="current-time">
                            <i class="i-year">2018</i><i class="i-month">5</i><i class="i-date">4</i>
                        </div>
                        <div class="swiper-box">
                            <i class="i1"></i> <i class="i2"></i> <i class="i3"></i>
                            <div class="swiper-box-li">
                                <div class="swiper-container2 nbxs">
                                    <div class="swiper-wrapper year">
                                        <div class="swiper-slide">2000年</div>
                                        <div class="swiper-slide">2001年</div>
                                        <div class="swiper-slide">2002年</div>
                                        <div class="swiper-slide">2003年</div>
                                        <div class="swiper-slide">2004年</div>
                                        <div class="swiper-slide">2005年</div>
                                        <div class="swiper-slide">2006年</div>
                                        <div class="swiper-slide">2007年</div>
                                        <div class="swiper-slide">2008年</div>
                                        <div class="swiper-slide">2009年</div>
                                        <div class="swiper-slide">2010年</div>
                                        <div class="swiper-slide">2011年</div>
                                        <div class="swiper-slide">2012年</div>
                                        <div class="swiper-slide">2013年</div>
                                        <div class="swiper-slide">2014年</div>
                                        <div class="swiper-slide">2015年</div>
                                        <div class="swiper-slide">2016年</div>
                                        <div class="swiper-slide">2017年</div>
                                        <div class="swiper-slide">2018年</div>
                                        <div class="swiper-slide">2019年</div>
                                        <div class="swiper-slide">2020年</div>
                                        <div class="swiper-slide">2021年</div>
                                        <div class="swiper-slide">2022年</div>
                                        <div class="swiper-slide">2023年</div>
                                        <div class="swiper-slide">2024年</div>
                                        <div class="swiper-slide">2025年</div>
                                        <div class="swiper-slide">2026年</div>
                                        <div class="swiper-slide">2027年</div>
                                        <div class="swiper-slide">2028年</div>
                                        <div class="swiper-slide">2029年</div>
                                        <div class="swiper-slide">2030年</div>
                                        <div class="swiper-slide">2031年</div>
                                        <div class="swiper-slide">2032年</div>
                                        <div class="swiper-slide">2033年</div>
                                        <div class="swiper-slide">2034年</div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-box-li">
                                <div class="swiper-container3 nbxs">
                                    <div class="swiper-wrapper month">
                                        <div class="swiper-slide">1月</div>
                                        <div class="swiper-slide">2月</div>
                                        <div class="swiper-slide">3月</div>
                                        <div class="swiper-slide">4月</div>
                                        <div class="swiper-slide">5月</div>
                                        <div class="swiper-slide">6月</div>
                                        <div class="swiper-slide">7月</div>
                                        <div class="swiper-slide">8月</div>
                                        <div class="swiper-slide">9月</div>
                                        <div class="swiper-slide">10月</div>
                                        <div class="swiper-slide">11月</div>
                                        <div class="swiper-slide">12月</div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-box-li">
                                <div class="swiper-container4 nbxs">
                                    <div class="swiper-wrapper date">
                                        <div class="swiper-slide">1日</div>
                                        <div class="swiper-slide">2日</div>
                                        <div class="swiper-slide">3日</div>
                                        <div class="swiper-slide">4日</div>
                                        <div class="swiper-slide">5日</div>
                                        <div class="swiper-slide">6日</div>
                                        <div class="swiper-slide">7日</div>
                                        <div class="swiper-slide">8日</div>
                                        <div class="swiper-slide">9日</div>
                                        <div class="swiper-slide">10日</div>
                                        <div class="swiper-slide">11日</div>
                                        <div class="swiper-slide">12日</div>
                                        <div class="swiper-slide">13日</div>
                                        <div class="swiper-slide">14日</div>
                                        <div class="swiper-slide">15日</div>
                                        <div class="swiper-slide">16日</div>
                                        <div class="swiper-slide">17日</div>
                                        <div class="swiper-slide">18日</div>
                                        <div class="swiper-slide">19日</div>
                                        <div class="swiper-slide">20日</div>
                                        <div class="swiper-slide">21日</div>
                                        <div class="swiper-slide">22日</div>
                                        <div class="swiper-slide">23日</div>
                                        <div class="swiper-slide">24日</div>
                                        <div class="swiper-slide">25日</div>
                                        <div class="swiper-slide">26日</div>
                                        <div class="swiper-slide">27日</div>
                                        <div class="swiper-slide">28日</div>
                                        <div class="swiper-slide">29日</div>
                                        <div class="swiper-slide">30日</div>
                                        <div class="swiper-slide">31日</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tc-bot">
                            <div class="tc-bot-left">回到今天</div>
                            <div class="tc-bot-right">确定</div>
                            <i></i>
                        </div>
                    </div>
                </section>
            </div>
            <div class="course-card">
                <div class="split" style="margin: 0 -2.6%;"></div>
                <div class="courseBox" id="calendarDetail">
                    <!-- 校历详情 -->

                </div>
            </div>
        </div>
    </div>

    <!-- <div style="height: 10px;"></div> -->
    <script src="../Content/phone/js/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../Content/phone/js/swiper-3.3.1.min.js"></script>
    <script src="../Content/phone/js/calendar.js" type="text/javascript" charset="utf-8"></script>
    <script src="../Content/phone/js/getSize.js"></script>
    <!--<script src="../Content/phone/js/title_search.js"></script>-->
    <script src="../Content/phone/js/menu.js"></script>
    <script src="server.js"></script>
    <script type="text/javascript">
        $(function () {
            GetMonthText();
            GetCalendarList();
        });
        //有课时间  state 2 1 3 dataK不可改
        var xlFlag = true;
        //var dataK = [
        //    {
        //        y: 2021,
        //        m: 5,
        //        d: 23,
        //        state: 2
        //    },
        //    {
        //        y: 2021,
        //        m: 5,
        //        d: 20,
        //        state: 2
        //    }
        //];
        var dataK = [];
        //日历点击
        $('.survey').on('click',
            '.tables td',
            function () {
                if ($(this).hasClass('active')) {
                    var id = '';
                    var data_y = $(this).attr('data_y');
                    var data_m = $(this).attr('data_m');
                    var data_d = $(this).attr('data_d');
                    $.each(dataK,
                        function (i, n) {
                            if (data_y == n.y && data_m == n.m && data_d == n.d) {
                                id = n.id;
                            }
                        });
                    GetCalendarDetails(id);

                    $('.course-card').css('display', 'block');
                } else {
                    $('.course-card').css('display', 'none');
                }
            });
        //设置头部
        menu.style.height = (pageHeight * 0.056) + 'px';
        //tab 切换
        $('.menuTab').on('click',
            'div',
            function () {
                if ($(this).hasClass('active')) {
                    return;
                }
                var ind = $(this).index();
                console.log(ind);
                $(this).addClass('active').siblings().removeClass('active');
                $('.surveyBox').css('display', 'none').eq(ind).fadeIn();
                if (ind == 3 && xlFlag) {
                    xlFlag = false;
                    calenderInit(LunarDate);
                }
            });


        //获取校区简介
        function GetMonthText() {
            $.ajax({
                url: serverurl + '/arrangelesson/getBriefIntroductionById',
                type: "GET",
                dataType: "json",
                async: true,
                cache: false,
                success: function (data) {
                    
                    $('#BriefIntroduction').html(data.info);
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {

                },
                beforeSend: function () {
                },
                complete: function () {
                }
            });
        }

        //获取校历
        function GetCalendarList() {
            $.ajax({
                url: serverurl + '/arrangelesson/getCalendarList',
                type: "GET",
                dataType: "json",
                async: true,
                cache: false,
                success: function (data) {
                    data = data.data;
                    for (var i = 0; i < data.length; i++) {
                        var start = data[i].StartTime;
                        var end = data[i].EndTime;
                        var id = data[i].ID;
                        getdiffdate(start, end, id);

                    }
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {

                },
                beforeSend: function () {
                },
                complete: function () {
                }
            });
        }
        //获取两日期之间日期列表函数
        function getdiffdate(stime, etime, id) {
            //初始化日期列表，数组
            var diffdate = new Array();
            var i = 0;

            //开始日期小于等于结束日期,并循环
            while (stime <= etime) {
                diffdate[i] = stime;

                var obj = {};
                var time = new Date(stime);
                obj['y'] = time.getFullYear();
                obj['m'] = time.getMonth() + 1;
                obj['d'] = time.getDate();
                obj['state'] = 2;
                obj['id'] = id;
                dataK.push(Object.assign({}, obj));

                //获取开始日期时间戳
                var stime_ts = new Date(stime).getTime();

                //增加一天时间戳后的日期
                var next_date = stime_ts + (24 * 60 * 60 * 1000);

                //拼接年月日，这里的月份会返回（0-11），所以要+1
                var next_dates_y = new Date(next_date).getFullYear() + '-';
                var next_dates_m = (new Date(next_date).getMonth() + 1 < 10) ? '0' + (new Date(next_date).getMonth() + 1) + '-' : (new Date(next_date).getMonth() + 1) + '-';
                var next_dates_d = (new Date(next_date).getDate() < 10) ? '0' + new Date(next_date).getDate() : new Date(next_date).getDate();

                stime = next_dates_y + next_dates_m + next_dates_d;

                //增加数组key
                i++;
            }
            //console.log(dataK);
        }

        //获取校历详情
        function GetCalendarDetails(id) {
            $.ajax({
                url: serverurl + '/arrangelesson/getCalendarDetails?keyValue=' + id,
                type: "GET",
                dataType: "json",
                async: true,
                cache: false,
                success: function (data) {
                    var data = data.data;
                    console.log(data);
                    var str = '';
                    str += '<div class="courseTxt">';
                    str += '<span>学年：' + data.AcademicYearNo + '</span>';
                    str += '<span>学期：' + data.Semester + '</span>';
                    str += '</div>';
                    str += '<div class="courseTxt">';
                    str += '<span>时间：' + GetDate(data.StartTime) + '~' + GetDate(data.EndTime) + '</span>';
                    str += '</div>';
                    str += '<div class="courseCon">';
                    str += data.Content;
                    str += '</div>';

                    $('#calendarDetail').html(str);

                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {

                },
                beforeSend: function () {
                },
                complete: function () {
                }
            });
        }
        //获取年月日格式
        function GetDate(date) {
            date = new Date(date);
            var year = date.getFullYear();
            var month = date.getMonth() + 1;
            var day = date.getDate();
            if (month < 10) {
                month = "0" + month;
            }
            if (day < 10) {
                day = "0" + day;
            }
            var nowDate = year + "-" + month + "-" + day;

            return nowDate;
        }

    </script>
</body>
</html>