加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
b-terminal.html 26.06 KB
一键复制 编辑 原始数据 按行查看 历史
王富先 提交于 2022-10-08 16:16 . 面授课程手机端修改
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<meta name="renderer" content="webkit" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>研思教育 - B端方向开发</title>
<!--[if lt IE 7]>
<meta http-equiv="refresh" content="0; url=/YouLose.htm"/><![endif]-->
<!-- <meta name="Author" content="miraclevision technical team,kunyi"/> -->
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="css/normalize.css" type="text/css" />
<link rel="stylesheet" href="css/index.css" type="text/css" />
<link rel="stylesheet" href="css/normalize.css" type="text/css"/>
<link rel="stylesheet" href="css/secondary.css" type="text/css"/>
<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
<style>
.swiper-slide {
text-align: center;
/* font-size: 18px; */
background: #fff;
width: 100%;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.pagination {
position: absolute;
z-index: 20;
bottom: 10px;
width: 100%;
text-align: center;
}
.swiper-pagination-switch {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 8px;
background: #555;
margin: 0 5px;
opacity: 0.8;
border: 1px solid #fff;
cursor: pointer;
}
.swiper-active-switch {
background: #fff;
}
.swiper-button-prev {
background: center no-repeat url(images/btn_prev01.png);
width: 34px;
height: 34px;
background-size: 100% 100%;
left: 10px;
}
.swiper-button-next {
background: center no-repeat url(images/btn_next01.png);
width: 34px;
height: 34px;
background-size: 100% 100%;
right: 10px;
}
</style>
<!--[if lt IE 9]>
<script type="text/javascript" charset="UTF-8" src="js/Kunyi.Respond.min.js"></script><![endif]-->
<script type="text/javascript" charset="UTF-8" src="js/KunyiHTML5.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="js/Kunyilibrary.js"></script>
<script type="text/javascript" charset="UTF-8" src="js/Kunyi.Init.js"></script>
</head>
<body>
<header>
<div class="BaseMark logoBase">
<a href="index.html">
<img class="load logo" src="images/logo-1.jpg" />
</a>
<div class="BaseMenu">
<img class="menuPic" src="images/Menu.png" />
</div>
<div class="navlist" data-state="0" style="top: 0px;">
<div class="title">导航菜单<a class="close">&nbsp;</a></div>
<div class="list">
<dl class="first">
<dt><a href="index.html">首页</a></dt>
</dl>
<dl class="first">
<dt><a href="c-terminal.html">面授课程</a></dt>
<dd><a href="c-terminal.html">C端课程</a>
<a href="b-terminal.html">B端课程</a>
<a href="ascension.html">学历提升</a>
</dd>
</dl>
<dl>
<dt><a href="index.html">线上课程</a></dt>
<dd><a href="">维护中</a>
</dd>
</dl>
<dl>
<dt><a href="index.html">优秀讲师</a></dt>
<dd><a href="">维护中</a>
</dd>
</dl>
<dl>
<dt><a href="index.html">在线报名</a></dt>
<dd><a href="">维护中</a>
</dd>
</dl>
<dl>
<dt><a href="index.html">关于我们</a></dt>
<dd><a href="">维护中</a>
</dd>
</dl>
</div>
<div class="DIVClose"><a class="closebot">关闭菜单</a></div>
</div>
</div>
</header>
<nav class="navhead">
<div class="navBase">
<div class="nav Inav">
<ul>
<li><a class="ico" data-state="0"></a></li>
<li class="PMenu">
<a href="index.html" class="PAMenu">首页</a>
</li>
<li class="PMenu">
<img src="images/ico_014.png" class="animated" width="15" height="8" />
<a href="c-terminal.html" id="Nav_AMenu0" class="PAMenu" title="面授课程">面授课程</a>
<div class="navboxBase">
<div class="navboxBg">
<div class="navbox">
<div class="navMenus">
<ul>
<li class="first">
<a href="c-terminal.html" title="C端方向开发">C端开发方向</a>
</li>
<li>
<a href="b-terminal.html" title="B端方向开发">B端开发方向</a>
</li>
<li>
<a href="ascension.html" title="学历提升">学历提升</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li class="PMenu">
<img src="images/ico_014.png" class="animated" width="15" height="8" />
<a href="" id="Nav_AMenu1" class="PAMenu" title="线上课程">线上课程</a>
<div class="navboxBase">
<div class="navboxBg">
<div class="navbox">
<div class="navMenus">
<ul>
<li class="first">
<a title="维护中...">维护中...</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li class="PMenu">
<img src="images/ico_014.png" class="animated" width="15" height="8" />
<a href="" id="Nav_AMenu2" class="PAMenu" title="优秀讲师">优秀讲师</a>
<div class="navboxBase">
<div class="navboxBg">
<div class="navbox">
<div class="navMenus">
<ul>
<li class="first"><a href="kexue.html" title="维护中...">维护中...</a></li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li class="PMenu">
<img src="images/ico_014.png" class="animated" width="15" height="8" />
<a href="" id="Nav_AMenu3" class="PAMenu" title="在线报名">在线报名</a>
<div class="navboxBase">
<div class="navboxBg">
<div class="navbox">
<div class="navMenus">
<ul>
<li class="first"><a href="kexue.html" title="维护中...">维护中...</a></li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li class="PMenu">
<img src="images/ico_014.png" class="animated" width="15" height="8" />
<a href="" id="Nav_AMenu4" class="PAMenu" title="关于我们">关于我们</a>
<div class="navboxBase">
<div class="navboxBg">
<div class="navbox">
<div class="navMenus">
<ul>
<li class="first"><a href="kexue.html" title="维护中...">维护中...</a></li>
</ul>
</div>
</div>
</div>
</div>
</li>
</ul>
<div class="clear"></div>
</div>
</div>
</nav>
<section class="BaseMark">
<div class="bread">您所在的位置<span><a href="index.html">首页</a>><a href="c-terminal.html">面授课程</a>>B端课程</span>
</div>
<div class="baseLeft">
<div class="title title05_52">面授课程</div>
<div class="newsMenu">
<ul>
<li><a href="c-terminal.html" title="C端课程"><em>C端课程</em></a></li>
<li class="first active"><a href="b-terminal.html" title="B端课程"><em>B端课程</em></a></li>
<li><a href="ascension.html" title="学历提升"><em>学历提升</em></a></li>
</ul>
</div>
</div>
<div class="baseRight">
<div class="title01">B端课程</div>
<div class="announce">
<ul>
<div class="announce01">
<li>
<div class="announce04">
<div class="announce02">
&nbsp&nbsp&nbsp课程名称:
</div>
<div class="announce05">HTML课程</div>
</div>
<div class="announce02">
&nbsp&nbsp&nbsp课程介绍:
</div>
<div class="announce03">
HTML作为网页内容的载体,包含了用户需要浏览的内容,包括图文、视频,即构成网页的基本元素。HTML是网页的结构,需要有多种框架和布局,比如frameset框架集、iframe内联框架、div+css布局、table布局等,同时支持表单提交(HTML
Form),包括基础表单、input输入框、输入框类型、文本域、列表、label等<br>
</div>
</li>
</div>
<br>
<br>
<br>
<div class="announce01">
<li>
<div class="announce04">
<div class="announce02">
&nbsp&nbsp&nbsp课程名称:
</div>
<div class="announce05">CSS课程</div>
</div>
<div class="announce02">
&nbsp&nbsp&nbsp课程介绍:
</div>
<div class="announce03">
CSS的作用是效果,比如网页上的动态文字、文字的色彩、字体、动画效果。因为CSS的存在使得HTML变得丰富多样,慢慢了解CSS的动画效果,如2D变换、过渡、特殊图形的绘制,雪碧图、滑动门等都是常见的效果,CSS部分需要配合HTML,并结合实例来加以学习,这样我们后续效果会更好。<br>
</div>
</li>
</div>
<br>
<br>
<br>
<div class="announce01">
<li>
<div class="announce04">
<div class="announce02">
&nbsp&nbsp&nbsp课程名称:
</div>
<div class="announce05">JavaScript</div>
</div>
<div class="announce02">
&nbsp&nbsp&nbsp课程介绍:
</div>
<div class="announce03">
如果说一个网页只有“结构”和“表现”,而缺少了用户与网页的交互,即行为(Behavior),那么这样的网页就无法形成良好的用户体验。好的用户体验不仅可以让用户鼠标放在哪里、哪里就会产生人性化的效果,而且可以增强用户的可操作性,例如购物网站用户的订购,网页会实时显示用户的购物动态。<br>
</div>
</li>
</div>
<br>
<br>
<br>
<div class="announce01">
<li>
<div class="announce04">
<div class="announce02">
&nbsp&nbsp&nbsp课程名称:
</div>
<div class="announce05">JAVA基础课程</div>
</div>
<div class="announce02">
&nbsp&nbsp&nbsp课程介绍:
</div>
<div class="announce03">
Java基础是面向电子信息工程专业设置的一门专业选修课,通过本课程的学习,学生能够了解 Java 语言特征、常见的 Java 类库以及面向对象程序设计思想,培养学生用“计算机思维”方式进行计算机编程,使学生能够运用 Java 语言作为一种思维工具解决处理现实问题,启发学生的创新意识,提高学生在程序设计过程中分析问题和解决问题的实际动手能力,使学生的理论知识和实践技能得到共同发展。<br>
</div>
</li>
</div>
<br>
<br>
<br>
<div class="announce01">
<li>
<div class="announce04">
<div class="announce02">
&nbsp&nbsp&nbsp课程名称:
</div>
<div class="announce05">MySQL课程</div>
</div>
<div class="announce02">
&nbsp&nbsp&nbsp课程介绍:
</div>
<div class="announce03"><br>
</div>
</li>
</div>
<br>
<br>
<br>
<div class="announce01">
<li>
<div class="announce04">
<div class="announce02">
&nbsp&nbsp&nbsp课程名称:
</div>
<div class="announce05">javaJDBC</div>
</div>
<div class="announce02">
&nbsp&nbsp&nbsp课程介绍:
</div>
<div class="announce03"><br>
</div>
</li>
</div>
<br>
<br>
<br>
<div class="announce01">
<li>
<div class="announce04">
<div class="announce02">
&nbsp&nbsp&nbsp课程名称:
</div>
<div class="announce05">common插件课程</div>
</div>
<div class="announce02">
&nbsp&nbsp&nbsp课程介绍:
</div>
<div class="announce03"><br>
</div>
</li>
</div>
<br>
<br>
<br>
<div class="announce01">
<li>
<div class="announce04">
<div class="announce02">
&nbsp&nbsp&nbsp课程名称:
</div>
<div class="announce05">Servlet课程</div>
</div>
<div class="announce02">
&nbsp&nbsp&nbsp课程介绍:
</div>
<div class="announce03"><br>
</div>
</li>
</div>
<br>
<br>
<br>
<div class="announce01">
<li>
<div class="announce04">
<div class="announce02">
&nbsp&nbsp&nbsp课程名称:
</div>
<div class="announce05">JAVA高级课程</div>
</div>
<div class="announce02">
&nbsp&nbsp&nbsp课程介绍:
</div>
<div class="announce03"><br>
</div>
</li>
</div>
<br>
<br>
<br>
<div class="announce01">
<li>
<div class="announce04">
<div class="announce02">
&nbsp&nbsp&nbsp课程名称:
</div>
<div class="announce05">VUe+ES6课程</div>
</div>
<div class="announce02">
&nbsp&nbsp&nbsp课程介绍:
</div>
<div class="announce03"><br>
</div>
</li>
</div>
<br>
<br>
<br>
<div class="announce01">
<li>
<div class="announce04">
<div class="announce02">
&nbsp&nbsp&nbsp课程名称:
</div>
<div class="announce05">JQuery&Bootstrap课程</div>
</div>
<div class="announce02">
&nbsp&nbsp&nbsp课程介绍:
</div>
<div class="announce03"><br>
</div>
</li>
</div>
<br>
<br>
<br>
</ul>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</section>
<footer>
<!-- <img src="images/ico_036.png" width="35" class="load" height="18" id="QRMark"/>-->
<div class="menusBase">
<div class="BaseMark">
<div class="BaseMarkLeft">
<dl class="messageBoxHead1">
<dt>
<img src="images/contact.png" class="load" width="36" height="34" />
<em>联系我们</em>
<span>contact information</span>
</dt>
</dl>
<dl class="messageBoxHead2">
<dt>
<img src="images/class.png" class="load" width="36" height="34" />
<em>课程咨询</em>
<span>course consultant</span>
</dt>
</dl>
<dl class="messageBoxHead3">
<dt>
<img src="images/apply.png" class="load" width="36" height="34" />
<em>在线报名</em>
<span>Online registration</span>
</dt>
</dl>
<div class="messageBox1">
联系电话:123456789000
<br>
联系邮箱:XXXXXXXXXXX@brightholdings.cn
<br>
联系地址:辽宁省大连市高新园区火炬路7号
</div>
<div class="messageBox2">
XXX老师:123456789
<br>
XXX老师:123456789
<br>
XXX老师:123456789
</div>
<div class="messageBox3">
<div class="newsPaper">
<input class="applyinp" type="text" placeholder="请输入姓名">
<input class="applyinp" type="text" placeholder="请输入电话">
<select class="applyinp boxselect">
<option value="0">请选择性别</option>
<option value="1"></option>
<option value="2"></option>
</select>
<select class="applyinp boxselect">
<option value="0">请选择学历</option>
<option value="1">中专</option>
<option value="2">大专</option>
<option value="3">本科</option>
<option value="4">研究生</option>
</select>
<input class="newsPaperBtn animated" name="btnGoNewsPaper" id="btnGoNewsPaper"
value="报名" type="button" />
</div>
</div>
</div>
<div class="QRBtn">
<img src="images/tempQR-1.jpg" class="load" width="128" height="128" />
<span>扫描关注官方微信号</span>
</div>
<div class="clear"></div>
</div>
</div>
<div class="BottomHidden"></div>
<div class="websiteInfo">
<ul>
<li class="first"><a href="" target="_blank">关于我们</a></li>
<li><a href="Declaration.html" target="_blank">法律声明</a></li>
<li>
<a href="https://map.baidu.com/search/7%E5%8F%B7%E5%9B%BD%E9%99%85%E5%95%86%E4%B8%9A%E4%B8%AD%E5%BF%83/@13528972.748720564,4675352.785,19z?querytype=s&da_src=shareurl&wd=7%E5%8F%B7%E5%9B%BD%E9%99%85%E5%95%86%E4%B8%9A%E4%B8%AD%E5%BF%83&c=167&src=0&wd2=%E5%A4%A7%E8%BF%9E%E5%B8%82%E7%94%98%E4%BA%95%E5%AD%90%E5%8C%BA&pn=0&sug=1&l=13&b=(13507429,4666615;13556549,4690199)&from=webmap&biz_forward=%7B%22scaler%22:2,%22styles%22:%22pl%22%7D&sug_forward=3d000a1d66de1e9bd72ce2f2&device_ratio=2"
target="_blank">位置地图</a>
</li>
<li><a href="Article-57.html" target="_blank">联系我们</a></li>
</ul>
<div class="clear"></div>
<p>
&copy;2015-
<script language="javascript" type="text/javascript">
document.write(new Date().getFullYear());
</script>
. All Rights Reserved.
<a href="http://www.miitbeian.gov.cn/publish/query/indexFirst.action" target="_blank">
备案号0000001
</a>
</p>
</div>
</footer>
<script type="text/javascript" charset="UTF-8" src="js/Kunyi.Common.js"></script>
<script type="text/javascript" charset="UTF-8" src="js/Kunyi.Index.js"></script>
<script type="text/javascript" charset="UTF-8" src="js/swiper.min.js"></script>
<script>
var mySwiper = new Swiper('.swiper-Banner', {
autoplay: true,
speed: 888,
loop: true,
calculateHeight: true,
roundLengths: true,
autoResize: true,
resizeReInit: true,
pagination: {
el: '.swiper-pagination',
clickable: true
},
navigation: {
prevEl: '.swiper-button-prev',
nextEl: '.swiper-button-next'
}
//其他设置
});
var teacherSwiper = new Swiper('.swiper-teacher', {
autoplay: true,
speed: 666,
loop: true,
slidesPerView: 4, //这个是显示多少个
slidesPerGroup: 4, //这个是表示多少个为一组。
calculateHeight: true,
roundLengths: true,
autoResize: true,
resizeReInit: true,
navigation: {
prevEl: '.Aprev',
nextEl: '.Anext'
},
//其他设置
// spaceBetween: 40,
// breakpointsInverse: true,
breakpoints: {
//当宽度大于等于320
320: {
loop: true,
slidesPerView: 2,
// spaceBetween: 10,
slidesPerGroup: 2
},
//当宽度大于等于480
480: {
loop: true,
slidesPerView: 2,
// spaceBetween: 20,
slidesPerGroup: 2
},
//当宽度大于等于640
640: {
loop: true,
slidesPerView: 4,
// spaceBetween: 30,
slidesPerGroup: 4
}
}
});
</script>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化