guanwang/index.html
2022-06-25 23:12:53 +08:00

729 lines
32 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="./css/css01.css">
<link rel="stylesheet" href="./css/swiper-bundle.min.css">
<script src="./jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="/css/nav.css">
</head>
<body>
<div class="main">
<div id="top">
<a href="/" class="top1" style="border-bottom: 5px solid blue;">首页</a>
<a href="/about.html" class="top2">关于我们</a>
<span class="top3">课程体系
<div class="t3-2"><img src="./images/图层 9.png" alt=""></div>
<div class="t3-3">
<div class="t3-3-1">
<a href="/java.html">java全栈</a>
<a href="/web.html" style="width: 116px;">HTML&JS+前端</a>
<a href="/softwaretest.html">软件测试</a>
<a>大数据运维</a>
<a href="/ued.html">UI/UE设计</a>
</div>
</div>
</span>
<a href="/graduates.html" class="top4">毕业生风采</a>
<a class="top5">新闻动态</a>
<a href="/localtion.html" class="top6">联系我们</a>
<div class="tu"><img src="./images/ma.png" alt=""></div>
</div>
<div class="bottem">
<div class="bo1">
<div class="bo1-1-1">热门课程</div>
<div class="bo1-1-2">
<div class="bo12">java全栈</div>
<div class="bo12">HTML&JS+前端</div>
<div class="bo12">软件测试</div>
<div class="bo12">大数据运维</div>
<div class="bo12">UI/UE设计</div>
</div>
</div>
<div class="swiper mySwiper" id="re">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="./images/img.png" alt=""></div>
<!-- <div class="swiper-slide">slide up</div> -->
</div>
<div class="swiper-pagination"></div>
</div>
<div class="bo3">
<div class="bo31"><img src="./images/1.png" alt=""></div>
<div class="bo32">
<span class="s1">国内权威的</span>
<span>it职业培训平台</span>
</div>
</div>
<div class="bo4">
<div class="bo31"><img src="./images/2.png" alt=""></div>
<div class="bo32">
<span class="s1">资深专家</span>
<span>亲传授课</span>
</div>
</div>
<div class="bo5">
<div class="bo31"><img src="./images/3.png" alt=""></div>
<div class="bo32">
<span class="s1">独家教程</span>
<span>学习更高效</span>
</div>
</div>
<div class="bo6">
<div class="bo31"><img src="./images/4.png" alt=""></div>
<div class="bo32">
<span class="s1">陪伴式教学</span>
<span>时间自由安排</span>
</div>
</div>
<div class="bo7">
<div class="bo31"><img src="./images/5.png" alt=""></div>
<div class="bo32">
<span class="s1">模拟考试系统</span>
<span>提高通过率</span>
</div>
</div>
</div>
</div>
<div class="m2">
<div class="m2s1"><span>完善的课程研发体系</span></div>
<div class="m2s2"><span>紧跟技术发展及企业需求</span></div>
<span class="m2s3">完善的课程研发体系&emsp;每年平均33次课程升级&emsp;力求传递给学员更多知识与技术</span>
<div class="md1">
<div class="md1d"><img src="./images/2-1.png" alt=""></div>
<span class="md1s">java全栈</span>
<span class="md1s2">编程语言中的王者</span>
</div>
<div class="md2">
<div class="md1d"><img src="./images/2-2.png" alt=""></div>
<span class="md1s">HTML&JS+前端</span>
<span class="md1s2">覆盖全栈+全段,培养实战人才</span>
</div>
<div class="md3">
<div class="md1d"><img src="./images/2-3.png" alt=""></div>
<span class="md1s">软件测试</span>
<span class="md1s2">软件质量的捍卫者</span>
</div>
<div class="md4">
<div class="md1d"><img src="./images/2-4.png" alt=""></div>
<span class="md1s">大数据运维</span>
<span class="md1s2">引领未来的万能编程语言</span>
</div>
<div class="md5">
<div class="md1d"><img src="./images/2-5.png" alt=""></div>
<span class="md1s">UI/UE设计</span>
<span class="md1s2">了解业务的全链路设计师</span>
</div>
</div>
<div class="m3">
<div class="m3s1"><span>企业级真项目实战</span></div>
<div class="m3s2"><span>助力学员好就业</span></div>
<span class="m3s3">每年斥资亿元进行全场景、全行业、深技术的项目研发,深度还原企业级项目</span>
<div class="m3s4">
<span onclick="dianji1()" id="ja" style="color:#255DF2">java全栈</span>
<span>&emsp;&emsp;</span>
<span onclick="dianji2()" id="ht">HTML&JS+前端</span>
<span>&emsp;&emsp;</span>
<span onclick="dianji3()" id="ru">软件测试</span>
<span>&emsp;&emsp;</span>
<span onclick="dianji4()" id="da">大数据运维</span>
<span>&emsp;&emsp;</span>
<span onclick="dianji5()" id="ui">UI/UE设计</span>
</div>
<div class="qie1" id="qi1">
<div class="m3s5">
<div class="m3s51"><img src="./images/图层 111.png" alt=""></div>
<span>Gdoo协同办公</span>
<div class="m3s52"></div>
<p>进销存功能、营销管理功能、简单生产计划、业务员销售团队分级管理、支持客户任务和业务员任务进度统计、支持客户自主下单。特别注重销售管理、业绩分析。
</p>
</div>
<div class="m3s6">
<div class="m3s61"><img src="./images/图层 222.png" alt=""></div>
<span>优客服组件结构</span>
<div class="m3s62"></div>
<p>优客服提供WebIM功能在线坐席能够通过工作台操作界面接收来自WebIM的咨询请求优客服通过整合多个渠道来源让坐席在同一个工作界面上处理来自PC端、移...。
</p>
</div>
</div>
<div class="qie2" id="qi2">
<div class="m3s5">
<div class="m3s51"><img src="./images/图层 333.png" alt=""></div>
<span>城规学堂 </span>
<div class="m3s52"></div>
<p>主要功能用于为企业内部员工的学习交流。管理可通过后台自主上传图文、音频、视频资料库,选择,判断题库,内部员工可以通过系统进行学习与评价,添加学习笔记..
</p>
</div>
<div class="m3s6">
<div class="m3s61"><img src="./images/图层 444.png" alt=""></div>
<span>法律平台</span>
<div class="m3s62"></div>
<p>是一款基于 java 语言开发的论坛系统采用前后端分离技术java,mysql 提供 api 进行数据支撑用户界面使用vue框架, element-ui axios vue-router vuex
</p>
</div>
<div class="m3s7">
<div class="m3s71"><img src="./images/图层 555.png" alt=""></div>
<span>关爱购药</span>
<div class="m3s72"></div>
<p>应用为患者提供一站式购药体验送货上门服务采用前后端分离后端使用spingboot开发前台使用vue框架。
</p>
</div>
<div class="m3s8">
<div class="m3s81"><img src="./images/图层 666.png" alt=""></div>
<span>颂喜租房</span>
<div class="m3s82"></div>
<p>这是一个移动端手机App方便忙于用户找到心仪的房子特此上线该平台用户可以通过平台在所在城市寻找合适的房源。
</p>
</div>
</div>
<div class="qie3" id="qi3">
<div class="m3s5">
<div class="m3s51"><img src="./images/31.png" alt=""></div>
<span>测试用例</span>
<div class="m3s52"></div>
<p>测试用例是指对一项特定的软件产品进行测试任务的描述,体现测试方案、方法、技术和策略。其内容包括测试目标、测试环境、输入数据、测试步骤、预期结果、测试...
</p>
</div>
<div class="m3s6">
<div class="m3s61"><img src="./images/32.png" alt=""></div>
<span>禅道</span>
<div class="m3s62"></div>
<p>禅道是第一款国产的开源项目管理软件她的核心管理思想基于敏捷方法scrum内置了产品管理和项目管理同时又根据国内研发现状补充了测试管理、计划管理、发..
</p>
</div>
<div class="m3s7">
<div class="m3s71"><img src="./images/33.png" alt=""></div>
<span>Apache JMeter</span>
<div class="m3s72"></div>
<p>Apache JMeter是一个Apache项目,可用作负载测试工具i以分析和测量各种服务的性能,重点是Web应用程序。JMeter可用作JDBC数据库连接FTP,L .DAP,Web服...
</p>
</div>
<div class="m3s8">
<div class="m3s81"><img src="./images/图层 29.png" alt=""></div>
<span>自动化测试</span>
<div class="m3s82"></div>
<p>随着软件系统规模的日益扩大,以及应用领域的不断拓展,对软件系统的测试也变得更加困难和复杂,传统的人工测试的局限性也越来越明显。自动化软件测试技术可以...
</p>
</div>
</div>
<div class="qie5" id="qi5">
<div class="m3s5">
<div class="m3s51"><img src="./images/31.png" alt=""></div>
<span>测试用例</span>
<div class="m3s52"></div>
<p>测试用例是指对一项特定的软件产品进行测试任务的描述,体现测试方案、方法、技术和策略。其内容包括测试目标、测试环境、输入数据、测试步骤、预期结果、测试...
</p>
</div>
<div class="m3s6">
<div class="m3s61"><img src="./images/32.png" alt=""></div>
<span>禅道</span>
<div class="m3s62"></div>
<p>禅道是第一款国产的开源项目管理软件她的核心管理思想基于敏捷方法scrum内置了产品管理和项目管理同时又根据国内研发现状补充了测试管理、计划管理、发..
</p>
</div>
<div class="m3s7">
<div class="m3s71"><img src="./images/33.png" alt=""></div>
<span>Apache JMeter</span>
<div class="m3s72"></div>
<p>Apache JMeter是一个Apache项目,可用作负载测试工具i以分析和测量各种服务的性能,重点是Web应用程序。JMeter可用作JDBC数据库连接FTP,L .DAP,Web服...
</p>
</div>
<div class="m3s8">
<div class="m3s81"><img src="./images/图层 29.png" alt=""></div>
<span>自动化测试</span>
<div class="m3s82"></div>
<p>随着软件系统规模的日益扩大,以及应用领域的不断拓展,对软件系统的测试也变得更加困难和复杂,传统的人工测试的局限性也越来越明显。自动化软件测试技术可以...
</p>
</div>
</div>
<div class="qie4" id="qi4">
<div class="m3s5">
<div class="m3s51"><img src="./images/图层 777.png" alt=""></div>
<span>ERP-进销存仓库管理系统</span>
<div class="m3s52"></div>
<p>重新定义供应商、分销商和制造商相互之间的业务关系重新构建企业的业务和信息流程及组织结构ERP主要功能包含物流管理...
</p>
</div>
<div class="m3s6">
<div class="m3s61"><img src="./images/图层 888.png" alt=""></div>
<span>飞客</span>
<div class="m3s62"></div>
<p>飞客是一款定位于在外海华人交友聚会的设计产品。一款信息整合的交流平台,能够方便的进行信息发布以及浏览,方便华人圈子的交流。
</p>
</div>
<div class="m3s7">
<div class="m3s71"><img src="./images/矢量智能对象.png" alt=""></div>
<span>易居</span>
<div class="m3s72"></div>
<p>随着科技发展和移动互联网物联网技术的发展智能家居逐渐走进我们的生活人们希望通过手机这一媒介可以链接控制自己全部的智能家居设备通过这款app用户可...
</p>
</div>
<div class="m3s8">
<div class="m3s81"><img src="./images/图层 999.png" alt=""></div>
<span>掌通教育</span>
<div class="m3s82"></div>
<p>掌通教育是一款专为幼教行业精心打造的互动管理平台软件。拥有数十项贴心功能,解决园方管理与家长沟通的难题,通知活动、刷卡签到、宝宝视频、成长档案、扫一...
</p>
</div>
</div>
</div>
<div class="m4">
<div class="m4s1"><span>与众多企业深度合作</span></div>
<div class="m4s2"><span>保障课程项目契合企业刚需</span></div>
<span class="m4s3">从实际出发,不断优化课程知识,增加技术深度、广度,才能更加贴合大厂技术需求</span>
<div class="m4s41"><img src="./images/41.png" alt=""></div>
<div class="m4s42"><img src="./images/42.png" alt=""></div>
<div class="m4s43"><img src="./images/43.png" alt=""></div>
<div class="m4s44"><img src="./images/44.png" alt=""></div>
<div class="m4s45"><img src="./images/45.png" alt=""></div>
<div class="m4s46"><img src="./images/46.png" alt=""></div>
<div class="m4s47"><img src="./images/47.png" alt=""></div>
<div class="m4s48"><img src="./images/48.png" alt=""></div>
<div class="m4s49"><img src="./images/49.png" alt=""></div>
<div class="m4s50"><img src="./images/50.png" alt=""></div>
<span class="m4s5">(仅展示部分合作企业/机构)
</span>
</div>
<div class="m5">
<div class="m5s1"><span>技术大牛+硬核讲师</span></div>
<div class="m5s2"><span>为教学质量保驾护航</span></div>
<span class="m5s3">不断引进大厂技术大牛,保障课程与企业需求实时接轨;10余年经验的教学老师更懂“教”与“学”!
</span>
<div class="m5d1">
<div class="m5d11"></div>
<span class="s1">耿老师</span>
<span class="s2">java全栈、大数据</span>
<span class="s3">成就及阅历</span>
<div class="m5d12"></div>
<p>知名互联网公司高级架构师10年互联网IT从业经验资深IT技术专家。先后就职于民生银行、凤凰金融担任京东高级架构师、高级工程师、高级项目经理等职位精通JAVA开发技术对JAVA开发及大数...</p>
</div>
<div class="m5d2">
<div class="m5d21"></div>
<span class="s1">赵老师</span>
<span class="s2">资深软件培训专家</span>
<span class="s3">成就及阅历</span>
<div class="m5d22"></div>
<p>十年互联网软件培训经验负责多家校企合作专业教学管理精通Java、PHP、Python、Web前端开发目前负责Web前端、Python、Linux、项目实战等课程授课。熟悉任务管理负责过企业内训善...
</p>
</div>
<div class="m5d3">
<div class="m5d31"></div>
<span class="s1">徐老师</span>
<span class="s2">Java大数据</span>
<span class="s3">成就及阅历</span>
<div class="m5d32"></div>
<p>留日软件工程硕士,曾就职于文思海辉,中软多家知名互联网企业,主要从事领域包括大数据收集与分析,数据挖掘,人工智能,自然语言处理,分布式计算等。主要负责大数据分析,数据挖掘以及分布...</p>
</div>
<div class="m5d4">
<div class="m5d41"></div>
<span class="s1">薛老师</span>
<span class="s2">前端高级工程师</span>
<span class="s3">成就及阅历</span>
<div class="m5d42"></div>
<p>曾就职于携程和去哪儿网参与过旅游行业线上线下一体化的多个平台级项目服务于游客线上买票到景区验票丰富的前端编程经验对软硬件都有研究所得钟情于全栈JS精通nodejsvuejsrequire...
</p>
</div>
</div>
<div class="zhuti">
<div class="zhuti002">
<div class="zhuti002_1">严格的教学管理,造就良好的学习氛围</div>
<div class="zhuti002_2">
<div style="width: 329px;
height: 167px;
background: linear-gradient(180deg, #eaeaec, #FFFFFF);
border-radius: 3px;">
<div style="
margin-left: 43px;
margin-top: 35px;
width: 200px;
height: 20px;
font-size: 20px;
font-weight: bold;
display: flex;
color: #34363B;">
<div><img src="images/图层 2 拷贝.png" alt=""></div> &nbsp;<div>全日制管理</div>
</div>
<div style="
margin-left: 43px;
margin-top: 27px;
width: 250px;
height: 45px;
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #6C6D6F;
line-height: 27px;">每天10小时个性化学习计划 营造校园全天候学习氛围</div>
</div>
<div style="width: 329px;
margin-left: 18px;
height: 167px;
background: linear-gradient(180deg, #eaeaec, #FFFFFF);
border-radius: 3px;">
<div style="
margin-left: 43px;
margin-top: 35px;
width: 200px;
height: 20px;
font-size: 20px;
font-weight: bold;
display: flex;
color: #34363B;">
<div><img src="images/图层 4.png" alt=""></div> &nbsp;<div>360°微服务</div>
</div>
<div style="
margin-left: 43px;
margin-top: 27px;
width: 250px;
height: 45px;
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #6C6D6F;
line-height: 27px;">授课&答疑&学管三师全程督学,严管学习进度</div>
</div>
<div style="width: 329px;
margin-left: 18px;
height: 167px;
background: linear-gradient(180deg, #eaeaec, #FFFFFF);
border-radius: 3px;">
<div style="
margin-left: 43px;
margin-top: 35px;
width: 200px;
height: 20px;
font-size: 20px;
font-weight: bold;
display: flex;
color: #34363B;">
<div><img src="images/图层 6.png" alt=""></div> &nbsp;<div>高效课堂管理</div>
</div>
<div style="
margin-left: 43px;
margin-top: 27px;
width: 250px;
height: 45px;
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #6C6D6F;
line-height: 27px;">公示测试出勤排名,学习时间、效率、状态严把控</div>
</div>
<div style="width: 329px;
margin-left: 18px;
height: 167px;
background: linear-gradient(180deg, #eaeaec, #FFFFFF);
border-radius: 3px;">
<div style="
margin-left: 43px;
margin-top: 35px;
width: 200px;
height: 20px;
font-size: 20px;
font-weight: bold;
display: flex;
color: #34363B;">
<div><img src="images/图层 7.png" alt=""></div> &nbsp;<div>闭环教学服务</div>
</div>
<div style="
margin-left: 43px;
margin-top: 27px;
width: 250px;
height: 45px;
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #6C6D6F;
line-height: 27px;">早课+课堂+辅导+测试+心理疏导,紧扣各学习环节</div>
</div>
</div>
<div class="zhuti002_3">
<div style="
width: 540px;
height: 220px;
background: #000000;
border-radius: 10px;"></div>
<div style="width: 346px;
height: 220px;
margin-left: 23px;
background: #000000;
border-radius: 10px;"></div>
<div style="width: 346px;
height: 220px;
margin-left: 23px;
background: #000000;
border-radius: 10px;"></div>
</div>
<div class="zhuti002_4">
<img src="images/组 8_1.png">
<img src="images/组 8.png">
</div>
</div>
<div class="zt00">
<div class="zt001">
用心为每一位学员的职业发展助力
</div>
<div class="zt002">为毕业学员提供高质量人脉、职场资源、技术研习等众多学习交流机会</div>
</div>
<div class="zz01">
<div class="ih-item">
<a href="#">
<div class="img"><img src="images/tp.png" alt="img"></div>
<div class="info">
<div class="zt01">
<p> 柴瑞强 </p>
<p>中央国债登记结算</p>
<p>¥15000 </p>
</div>
</div>
</a>
</div>
<div class="ih-item">
<a href="#">
<div class="img"><img src="images/图层 11.png" alt="img"></div>
<div class="info">
<div class="zt01">
<p> 程春峰 </p>
<p>山东公安部门</p>
<p>¥13000 </p>
</div>
</div>
</a>
</div>
<div class="ih-item">
<a href="#">
<div class="img"><img src="images/图层 12.png" alt="img"></div>
<div class="info">
<div class="zt01">
<p> 王超 </p>
<p>中国兵器集团</p>
<p>¥14000 </p>
</div>
</div>
</a>
</div>
<div class="ih-item">
<a href="#">
<div class="img"><img src="images/图层 13.png" alt="img"></div>
<div class="info">
<div class="zt01">
<p> 孙莉 </p>
<p>太平洋保险</p>
<p>¥12000(包吃住) </p>
</div>
</div>
</a>
</div>
<div class="ih-item">
<a href="#">
<div class="img"><img src="images/图层 14.png" alt="img"></div>
<div class="info">
<div class="zt01">
<p> 王诗华 </p>
<p>浪潮集团</p>
<p>¥10000 </p>
</div>
</div>
</a>
</div>
<div class="ih-item">
<a href="#">
<div class="img"><img src="images/图层 15.png" alt="img"></div>
<div class="info">
<div class="zt01">
<p> 徐盛 </p>
<p>吉林省公安厅</p>
<p>¥11000 </p>
</div>
</div>
</a>
</div>
<div class="ih-item">
<a href="#">
<div class="img"><img src="images/图层 16.png" alt="img"></div>
<div class="info">
<div class="zt01">
<p> 杨波 </p>
<p>北京汽车集团</p>
<p>¥12000 </p>
</div>
</div>
</a>
</div>
<div class="ih-item">
<a href="#">
<div class="img"><img src="images/图层 17.png" alt="img"></div>
<div class="info">
<div class="zt01">
<p> 张硕 </p>
<p>中科软件</p>
<p>¥11500 </p>
</div>
</div>
</a>
</div>
</div>
<div class="zz01">
<div class="ih-item">
<a href="#">
<div class="img"><img src="images/图层 18.png" alt="img"></div>
<div class="info">
<div class="zt01">
<p> 刘亦婷 </p>
<p>中国兵器集团</p>
<p>¥12000 </p>
</div>
</div>
</a>
</div>
<div class="ih-item">
<a href="#">
<div class="img"><img src="images/图层 19.png" alt="img"></div>
<div class="info">
<div class="zt01">
<p> 曹玉硕 </p>
<p>浪潮集团</p>
<p>¥15000 </p>
</div>
</div>
</a>
</div>
<div class="ih-item">
<a href="#">
<div class="img"><img src="images/图层 20.png" alt="img"></div>
<div class="info">
<div class="zt01">
<p> 纪雨萌 </p>
<p>浪潮集团</p>
<p>¥14000 </p>
</div>
</div>
</a>
</div>
<div class="ih-item">
<a href="#">
<div class="img"><img src="images/图层 21.png" alt="img"></div>
<div class="info">
<div class="zt01">
<p> 熊舒 </p>
<p>浪潮集团</p>
<p>¥10000 </p>
</div>
</div>
</a>
</div>
<div class="ih-item">
<a href="#">
<div class="img"><img src="images/图层 22.png" alt="img"></div>
<div class="info">
<div class="zt01">
<p> 蒋悦 </p>
<p>山东省教科院</p>
<p>¥13000 </p>
</div>
</div>
</a>
</div>
<div class="ih-item">
<a href="#">
<div class="img"><img src="images/矩形 9 拷贝.png" alt="img"></div>
<div class="info">
<div class="zt01">
<p> 李人和 </p>
<p>浪潮集团</p>
<p>¥12000 </p>
</div>
</div>
</a>
</div>
<div class="ih-item">
<a href="#">
<div class="img"><img src="images/图层 24.png" alt="img"></div>
<div class="info">
<div class="zt01">
<p> 赵程程 </p>
<p>济南监管局</p>
<p>¥14000 </p>
</div>
</div>
</a>
</div>
<div class="ih-item">
<a href="#">
<div class="img"><img src="images/图层 25.png" alt="img"></div>
<div class="info">
<div class="zt01">
<p> 范志敏 </p>
<p>浪潮集团</p>
<p>¥13000 </p>
</div>
</div>
</a>
</div>
</div>
<div class="footer">
<div class="foot1">
<a href="/about.html" class="About-us">关于我们</a>
<a href="#" class="Learning-resources">学习资源</a>
<a href="#" class="frequently-asked-questions">常见问题</a>
<a href="#" class="Quick-navigation">快速导航</a>
<a class="cp">ICP备案编号京ICP备18051111号-2 版权所有:码小白训练营</a>
</div>
<div class="foot2">
<a>ICP备案编号京ICP备18051111号-2 版权所有:码小白训练营</a>
</div>
</div>
</div>
</body>
<script src="./swiper-bundle.min.js"></script>
<script>
var swiper = new Swiper(".mySwiper", {
spaceBetween: 30,
centeredSlides: true,
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
pagination: {
el: ".swiper-pagination",
clickable: true,
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
});
</script>
<script src="./index.js"></script>
</html>