guanwangh/index.html

462 lines
21 KiB
HTML
Raw Normal View History

2022-09-15 01:52:18 +00:00
<!DOCTYPE html>
<html>
<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="./index.css">
<script src=""></script>
<link rel="stylesheet" href="./swiper-bundle.min.css">
<link rel="stylesheet" href="./02.css">
</head>
<body>
<div class="index">
<div class="wrap">
<img class="logo_top" src="./images/logo1@2x.png" alt="">
<div class="top">
<div><a href="../java.html">课程体系</a> </div>
<div><a href="../Aboutuse.html">关于我们</a></div>
<div><a href="../NewsInformation.html">新闻动态</a></div>
<div><a href="../GraduateStyle.html">毕业生风采</a></div>
<div style="margin-left:0.7rem; margin-right:0.3rem"><a href="../ContacUs.html">联系我们</a></div>
</div>
</div>
<div class="lun">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"><img data-src="./images/lun@2x.png" data-srcset="./images/lun@2x.png"
class="swiper-lazy">
<div class="swiper-lazy-preloader"></div>
</div>
<div class="swiper-slide"><img data-src="./images/lun@2x.png" data-srcset="./images/lun@2x.png"
class="swiper-lazy">
<div class="swiper-lazy-preloader"></div>
</div>
<div class="swiper-slide"><img data-src="./images/lun@2x.png" data-srcset="./images/lun@2x.png"
class="swiper-lazy">
<div class="swiper-lazy-preloader"></div>
</div>
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
<div class="tu1">
<div class="zu"><a href="../java.html"></a>
<img style="height: 0.82rem;z-index: 200;" src="./images/tu1.png" alt="">
<a href="../java.html">
<div class="bo">
<div class="zu2">Java全栈</div>
<div class="zu3">编程语言中的王者</div>
</div>
</a>
</div>
<div class="zu" style="margin-left: 0.19rem;">
<img style="width: 0.98rem;height: 0.81rem;z-index: 200;" src="./images/tu2@2x.png" alt="">
<a href="../wob.html">
<div class="bo">
<div class="zu2">HTML&JS+前端 </div>
<div class="zu3">培养实战人才</div>
</div>
</a>
</div>
<div class="zu" style="margin-left: 0.19rem;">
<img style="width: 0.92rem;height: 0.82rem;z-index: 200;" src="./images/tu3@2x.png" alt="">
<a href="../Test.html">
<div class="bo">
<div class="zu2">软件测试</div>
<div class="zu3">软件质量捍卫者</div>
</div>
</a>
</div>
<div class="zu">
<img style="width: 0.82rem;height: 0.82rem;z-index: 200;" src="./images/tu4@2x.png" alt="">
<a href="../Bigdata.html">
<div class="bo">
<div class="zu2">大数据运维</div>
<div class="zu3">万能编程语言</div>
</div>
</a>
</div>
<div class="zu" style="margin-left: 0.19rem;">
<img style="width: 0.91rem;margin-top: 0.2rem;height: 0.60rem;z-index: 200;" src="./images/tu5@2x.png"
alt="">
<a href="../UI.html">
<div class="bo">
<div class="zu2">UI/UE设计</div>
<div class="zu3">全链路设计师</div>
</div>
</a>
</div>
</div>
<div class="qi">企业真项目实战</div>
<div class="qie">
<div class="q1" onclick="d1()">测试</div>
<div class="q2" onclick="d2()">JAVA</div>
<div class="q3" onclick="d3()">HTML&JS+前端</div>
<div class="q4" onclick="d4()">大数据运维</div>
<div class="q5" onclick="d5()">UI/UE设计</div>
</div>
<div class="xian1">
<div class="tu">
<div class="h1">测试用例</div>
<div class="heng"></div>
<div class="h2">测试用例是指对一项特定的软件产品进行测试任务的描述,体现测试方案、方法、技术和策略。其内容包括测试目标、测试环境、输入数据、测...</div>
</div>
<div class="tu">
<div class="h1">禅道</div>
<div class="heng"></div>
<div class="h2">禅道是第一款国产的开源项目管理软件她的核心管理思想基于敏捷方法scrum内置了产品管理和项目管理同时又根据国内研发现状补...</div>
</div>
<div class="tu">
<div class="h1">Apache JMeter</div>
<div class="heng"></div>
<div class="h2">Apache JMeter是一个Apache项目可用作负载测试工具以分析和测量各种服务的性能重点是Web应用程序。</div>
</div>
<div class="tu">
<div class="h1">自动化测试</div>
<div class="heng"></div>
<div class="h2">随着软件系统规模的日益扩大,以及应用领域的不断拓展,对软件系统的测试也变得更加困难和复杂,传统的人工测试的局限性也越来越明显。</div>
</div>
</div>
<div class="xian2" style="display: none;">
<div class="tu">
<div class="h1">Gdoo协同办公</div>
<div class="heng"></div>
<div class="h2">进销存功能、营销管理功能、简单生产计划、业务员销售团队分级管理、支持客户任务和业务员任务进度统计、支持客户自主下单。特别注重销...</div>
</div>
<div class="tu">
<div class="h1">优客服组件结构</div>
<div class="heng"></div>
<div class="h2">优客服提供WebIM功能在线坐席能够通过工作台操作界面接收来自WebIM的咨询请求优客服通过整合多个渠道来源让坐席在同...</div>
</div>
</div>
<div class="xian3" style="display: none;">
<div class="tu">
<div class="h1">城规学堂</div>
<div class="heng"></div>
<div class="h2">主要功能用于为企业内部员工的学习交流。管理可通过后台自主上传图文、音频、视频资料库,选择,判断题库,内部员工可以通过系统进行学...</div>
</div>
<div class="tu">
<div class="h1">法律平台</div>
<div class="heng"></div>
<div class="h2">是一款基于 java 语言开发的论坛系统采用前后端分离技术java,mysql 提供 api 进行数据支撑用户界面使用vu...</div>
</div>
<div class="tu">
<div class="h1">关爱购药</div>
<div class="heng"></div>
<div class="h2">应用为患者提供一站式购药体验送货上门服务采用前后端分离后端使用spingboot开发前台使用vue框架。...</div>
</div>
<div class="tu">
<div class="h1">颂喜租房</div>
<div class="heng"></div>
<div class="h2">这是一个移动端手机App方便忙于用户找到心仪的房子特此上线该平台用户可以通过平台在所在城市寻找合适的房源...</div>
</div>
</div>
<div class="xian4" style="display: none;">
<div class="tu">
<div class="h1">ERP-进销存仓库管理系统</div>
<div class="heng"></div>
<div class="h2">东道ERP是一套商家后台管理系统重新定义供应商、分销商和制造商相互之间的业务关系重新构建企业的业务和信息流程及组织结构E...</div>
</div>
<div class="tu">
<div class="h1">飞客</div>
<div class="heng"></div>
<div class="h2">飞客是一款定位于在外海华人交友聚会的设计产品。一款信息整合的交流平台,能够方便的进行信息发布以及浏览,方便华人圈子的交流。产品...</div>
</div>
<div class="tu">
<div class="h1">易居</div>
<div class="heng"></div>
<div class="h2">随着科技发展和移动互联网,物联网技术的发展,智能家居逐渐走进我们的生活,人们希望通过手机这一媒介可以链接控制自己全部的智能家居...</div>
</div>
<div class="tu">
<div class="h1">掌通教育</div>
<div class="heng"></div>
<div class="h2">掌通教育是一款专为幼教行业精心打造的互动管理平台软件。拥有数十项贴心功能,解决园方管理与家长沟通的难题,通知活动、刷卡签到、宝...</div>
</div>
</div>
<div class="xian5" style="display: none;">
<div class="tu">
<div class="h1">ERP-进销存仓库管理系统</div>
<div class="heng"></div>
<div class="h2">东道ERP是一套商家后台管理系统重新定义供应商、分销商和制造商相互之间的业务关系重新构建企业的业务和信息流程及组织结构E...</div>
</div>
<div class="tu">
<div class="h1">飞客</div>
<div class="heng"></div>
<div class="h2">飞客是一款定位于在外海华人交友聚会的设计产品。一款信息整合的交流平台,能够方便的进行信息发布以及浏览,方便华人圈子的交流。产品...</div>
</div>
<div class="tu">
<div class="h1">易居</div>
<div class="heng"></div>
<div class="h2">随着科技发展和移动互联网,物联网技术的发展,智能家居逐渐走进我们的生活,人们希望通过手机这一媒介可以链接控制自己全部的智能家居...</div>
</div>
<div class="tu">
<div class="h1">掌通教育</div>
<div class="heng"></div>
<div class="h2">掌通教育是一款专为幼教行业精心打造的互动管理平台软件。拥有数十项贴心功能,解决园方管理与家长沟通的难题,通知活动、刷卡签到、宝...</div>
</div>
</div>
<div class="he">合作企业</div>
<div class="htu">
<img src="./images//lang.png" alt="">
<img src="./images/he2@2x.png" alt="">
<img src="./images/he3@2x.png" alt="">
<img src="./images/he4@2x.png" alt="">
<img src="./images/he5@2x.png" alt="">
<img src="./images/he6@2x.png" alt="">
<img src="./images/he7@2x.png" alt="">
<img src="./images/he8@2x.png" alt="">
<img src="./images/he9@2x.png" alt="">
</div>
<div class="zhan">(仅展示部分合作企业/机构)</div>
<div class="shi">师资力量</div>
<div class="stu">
<div class="zu">
<div class="zu1"><img src="../images/图层 34@3x.png" alt=""></div>
<div class="youe">
<div class="zu2">耿老师</div>
<div class="zu3">Java全栈、大数据</div>
<div class="zu4">成就及阅历</div>
<div class="zu5"></div>
<div class="zu6">知名互联网公司高级架构师10年互联网IT从业经验资深IT技术专家。先后就职于民生银行、凤凰金融担任京东高级架构师、高级工程师、高级项目经理等职位精...
</div>
</div>
</div>
<div class="zu">
<div class="zu1"><img src="../images/图层 31@3x.png" alt=""></div>
<div class="youe">
<div class="zu2">赵老师</div>
<div class="zu3">资深软件培训专家</div>
<div class="zu4">成就及阅历</div>
<div class="zu5"></div>
<div class="zu6">
十年互联网软件培训经验负责多家校企合作专业教学管理精通Java、PHP、Python、Web前端开发目前负责Web前端、Python、Linux、项目实战等课程授课...</div>
</div>
</div>
<div class="zu">
<div class="zu1"><img src="../images/图层 32@3x.png" alt=""></div>
<div class="youe">
<div class="zu2">薛老师</div>
<div class="zu3">前端高级工程师</div>
<div class="zu4">成就及阅历</div>
<div class="zu5"></div>
<div class="zu6">曾就职于携程和去哪儿网参与过旅游行业线上线下一体化的多个平台级项目,服务于游客线上买票到景区验票;丰富的前端编程经验,对软硬件都有研究所得,钟情于全...</div>
</div>
</div>
<div class="zu">
<div class="zu1"><img src="../images/图层 33@3x.png" alt=""></div>
<div class="youe">
<div class="zu2">徐老师</div>
<div class="zu3">Java大数据</div>
<div class="zu4">成就及阅历</div>
<div class="zu5"></div>
<div class="zu6">留日软件工程硕士,曾就职于文思海辉,中软多家知名互联网企业,主要从事领域包括大数据收集与分析,数据挖掘,人工智能,自然语言处理,分布式计算等。主要负...</div>
</div>
</div>
</div>
<div class="xue">学习氛围</div>
<div class="xtu">
<div class="x1">
<img src="./images/x1@2x.png" alt="">
<div class="h1">全日制管理</div>
<div class="h2">每天10小时个性化学习计划营造校园全天候学习氛围</div>
</div>
<div class="x1">
<img src="./images/x2@2x.png" alt="">
<div class="h1">360°微服务</div>
<div class="h2">授课&答疑&学管三师全程督学,
严管学习进度</div>
</div>
<div class="x1">
<img src="./images/x3@2x.png" alt="">
<div class="h1">高效课堂管理</div>
<div class="h2">公示测试出勤排名,学习时间、
效率、状态严把控</div>
</div>
<div class="x1">
<img src="./images/x4@2x.png" alt="">
<div class="h1">闭环教学服务</div>
<div class="h2">早课+课堂+辅导+测试+心理
疏导,紧扣各学习环节</div>
</div>
<div class="x2"><img src="../images/图层 35@3x.png" alt=""></div>
<div class="x2"><img src="../images/图层 36@3x.png" alt=""></div>
<div class="x3"><img src="../images/图层 37@3x.png" alt=""></div>
</div>
<div class="you">优秀毕业生</div>
<div class="ytu">
<img src="./images/图层 38@3x.png" alt="">
<img src="./images/图层 39@3x.png" alt="">
<img src="./images/图层 40@3x.png" alt="">
<img src="./images/图层 41@3x.png" alt="">
<img src="./images/图层 42@3x.png" alt="">
<img src="./images/图层 43@3x.png" alt="">
<img src="./images/图层 44@3x.png" alt="">
<img src="./images/图层 45@3x.png" alt="">
<img src="./images/图层 46@3x.png" alt="">
<img src="./images/图层 47@3x.png" alt="">
<img src="./images/图层 48@3x.png" alt="">
<img src="./images/图层 49@3x.png" alt="">
<img src="./images/图层 50@3x.png" alt="">
<img src="./images/图层 51@3x.png" alt="">
<img src="./images/图层 52@3x.png" alt="">
<img src="./images/图层 53@3x.png" alt="">
</div>
<div class="bottem">
<div class="bo1">
<a href="../Aboutuse.html">
<div>关于我们</div>
</a>
<div>学习资源</div>
<div>常见问题</div>
<div>快速导航</div>
</div>
<div class="bo2">ICP备案编号京ICP备18051111号-2 版权所有:码小白训练营</div>
</div>
</div>
</body>
<script src="./swiper-bundle.min.js"></script>
<script>
window.onload = function () {
getRem(750, 100)
};
window.onresize = function () {
getRem(750, 100)
};
function getRem(pwidth, prem) {
var html = document.getElementsByTagName("html")[0];
var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
html.style.fontSize = oWidth / pwidth * prem + "px";
}
var swiper = new Swiper('.swiper-container', {
autoplay: {
delay: 5000,
disableOnInteraction: false,
},
speed: 700,
allowTouchMove: false,
lazy: {
loadPrevNext: true,
loadPrevNextAmount: 3,
},
centeredSlides: true,
spaceBetween: 50,
slidesOffsetBefore: 40,
loop: true,
slidesPerView: 'auto',
on: {
slideChangeTransitionEnd: function () {
this.slides.transition(this.params.autoplay.delay + this.params.speed).transform('translate3d(-60px, 0, 0)');
},
slideChangeTransitionStart: function () {
this.slides.transition(this.params.speed).transform('translate3d(0, 0, 0)');
},
},
pagination: {
el: '.swiper-pagination',
clickable: true,
renderBullet: function (index, className) {
return '<div class="' + className + '"><span></span><i></i></div>';
},
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
window.onresize = function () {
swiper.update();
}
</script>
<script>
var xian1 = document.getElementsByClassName("xian1")[0]
var xian2 = document.getElementsByClassName("xian2")[0]
var xian3 = document.getElementsByClassName("xian3")[0]
var xian4 = document.getElementsByClassName("xian4")[0]
var xian5 = document.getElementsByClassName("xian5")[0]
var q1 = document.getElementsByClassName(" q1")[0]
var q2 = document.getElementsByClassName(" q2")[0]
var q3 = document.getElementsByClassName(" q3")[0]
var q4 = document.getElementsByClassName(" q4")[0]
var q5 = document.getElementsByClassName(" q5")[0]
function d1() {
q1.className = "q1"
q2.className = "q2"
q3.className = "q2"
q4.className = "q2"
q5.className = "q2"
xian1.style.display = "flex"
xian2.style.display = "none"
xian3.style.display = "none"
xian4.style.display = "none"
xian5.style.display = "none"
}
function d2() {
q1.className = "q2"
q2.className = "q1"
q3.className = "q2"
q4.className = "q2"
q5.className = "q2"
xian1.style.display = "none"
xian2.style.display = "flex"
xian3.style.display = "none"
xian4.style.display = "none"
xian5.style.display = "none"
}
function d3() {
q1.className = "q2"
q2.className = "q2"
q3.className = "q1"
q4.className = "q2"
q5.className = "q2"
xian1.style.display = "none"
xian2.style.display = "none"
xian3.style.display = "flex"
xian4.style.display = "none"
xian5.style.display = "none"
}
function d4() {
q1.className = "q2"
q2.className = "q2"
q3.className = "q2"
q4.className = "q1"
q5.className = "q2"
xian1.style.display = "none"
xian2.style.display = "none"
xian3.style.display = "none"
xian4.style.display = "flex"
xian5.style.display = "none"
}
function d5() {
q1.className = "q2"
q2.className = "q2"
q3.className = "q2"
q4.className = "q2"
q5.className = "q1"
xian1.style.display = "none"
xian2.style.display = "none"
xian3.style.display = "none"
xian4.style.display = "none"
xian5.style.display = "flex"
}
</script>
</html>