<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>G-Team全栈攻城狮</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css" >
<link rel="stylesheet" type="text/css" href="css/about.css"/>
<!-- jQuery -->
<script src="js/jquery-3.2.1.min.js"></script>
<!-- Bootstrap JavaScript -->
<script src="js/bootstrap.min.js" ></script>
</head>
<body>
<!--
············································头部导航区域····················································
-->
<div class="navbar navbar-default my_nav" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
<span class="sr-only">切换导航</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand my_nav_logo" href=""><img src="img/logo.png" alt=""></a>
</div>
<div class="collapse navbar-collapse" id="example-navbar-collapse">
<ul class="nav navbar-nav" id="myNav">
<li><span class="my_nav_shadow"></span><a href="../index.html">首页</a></li>
<li><span class="my_nav_shadow"></span><a href="../js-study.html">WEB全栈</a></li>
<li><span class="my_nav_shadow"></span><a href="../security/security.html">网络安全</a></li>
<li><span class="my_nav_shadow"></span><a href="../Linux_Services/index.html">服务器</a></li>
<li><span class="my_nav_shadow"></span><a href="../php-study/index.html">WEB后台</a></li>
<li><span class="my_nav_shadow"></span><a href="../security/about.html">关于我们</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="../adduser/zcy.html"><span class="glyphicon glyphicon-user"></span> 注册</a></li>
<li><a href="../Login/denglu.html"><span class="glyphicon glyphicon-log-in"></span> 登录</a></li>
</ul>
</div>
</div>
</div>
<div class="junmbotron banner">
<div class="row banner-info">
<div class="col-md-5">
<img class="img-responsive" src="img/cordova_bot.png" alt="">
</div>
<div class="col-md5">
<h2>ABOUT US</h2>
<p>
<small>G-Tea商城是由高教社推出的在线教育平台，集成继承教育部国家精品开放课程，向大众提供中国知名高校的课程，在这里，每个有意愿提升自己的人都可以免费获得更优质的高等教育。</small>
</p>
<p></p>
</div>
</div>
</div>
<div class="botton-strip">
<div class="container" style="padding-top：15px">
<div clas="col-lg-4">
<div class="row">
<div class="col-lg-4 col-md-3">
<img class="img-responsive" src="img/book.png" alt="">
</div>
<div class="col-lg-8 col-md-9">
<h4>丰富的名师课程</h4>
<br>
<small>来自众多985高校的优质课程，更好更全的大学课程，与名师零距离。</small>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="row">
<div class="col-lg-4 col-md-3">
<img class="img-responsive" src="img/boshi.png" alt="">
</div>
<div class="cocol-lg-8 col-lg-9">
<h4>广泛认可的证书支持
<br>
<small>当你完成课程学习后，可以获得讲师的签名证书，这些证书不仅仅是一种荣耀，更是你成长的里程碑。</small>
</h4>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="row">
<div class="col-lg-4 col-md-3">
<img class="img-responsive" src="img/zan.png" alt="">
</div>
<div class="col-lg-8 col-md-9">
<h4>令人赞叹的教学体验
<br>
<small>全新完整的在线教学模式，定期开课，简短视频，提交作业，和同学老师交流。</small>
</h4>
</div>
</div>
</div>
<div class="bule-divider"></div>
<div class="my-box">
<div class="container">
<h3>G-Team商城是一种任何人都能免费注册的在线教育商城。G-Team商城有一套类似于线下课程的作业评估体系和考核的方式。每门课程定期开课，整个学习过程包括多个环节：观看视频、参与讨论、提交作业，穿插课程的提问和终极考试。</h3>
<div class="my-container-img">
<img class="img-responsive" src="img/total.png" alt="">
</div>
</div>
</div>
<div class="bule-divider"></div>
<div class="container we-inf">
<h3>
<span class="gluphicon glyphicon-align-left"></span>
优秀讲师
</h3>
</div>
<div class="dol-md-3 col-sm-6 col-lg3">
<div class="text-center">
<div class="img-boder">
<img ser="img/x1.jpg" alt="">
</div>
<h3 class="text-center text-success">刘修培的爹</h3>
<p>联系方式:111111111111</p>
</div>
</div>
<div class="dol-md-3 col-sm-6 col-lg3">
<div class="text-center">
<div class="img-boder">
<img ser="img/x2.jpg" alt="">
</div>
<h3 class="text-center text-success">刘修培的爹</h3>
<p>联系方式:111111111111</p>
</div>
</div>
<div class="dol-md-3 col-sm-6 col-lg3">
<div class="text-center">
<div class="img-boder">
<img ser="img/x3.jpg" alt="">
</div>
<h3 class="text-center text-success">刘修培的爹</h3>
<p>联系方式:111111111111</p>
</div>
</div>
<div class="dol-md-3 col-sm-6 col-lg3">
<div class="text-center">
<div class="img-boder">
<img ser="img/x4.jpg" alt="">
</div>
<h3 class="text-center text-success">刘修培的爹</h3>
<p>联系方式:111111111111</p>
</div>
</div>
<div class="dol-md-3 col-sm-6 col-lg3">
<div class="text-center">
<div class="img-boder">
<img ser="img/x5.jpg" alt="">
</div>
<h3 class="text-center text-success">刘修培的爹</h3>
<p>联系方式:111111111111</p>
</div>
</div>
<div class="dol-md-3 col-sm-6 col-lg3">
<div class="text-center">
<div class="img-boder">
<img ser="img/x6.jpg" alt="">
</div>
<h3 class="text-center text-success">刘修培的爹</h3>
<p>联系方式:111111111111</p>
</div>
</div>
<div class="col-md-0 col-sm-0 col-"></div>
<div id="gotop">
<span class="goshadow"></span>
<a href="javascript:;"><span class="glyphicon glyphicon-chevron-up"></span></a>
</div>
<script type="text/javascript">
$(document).ready(function()
{
/**导航动画**/
$('#myNav').find('li').on('mouseover', function(event)
{
event.preventDefault();
$(this).find('span').animate({'height':75}, 500);
}).on('mouseout', function(event)
{
event.preventDefault();
$(this).find('span').animate({'height':0}, 500);
});
/**up**/
$(document).on('scroll', function(event)
{
event.preventDefault();
if ($(window).scrollTop() >= 100)
{
$('#gotop').fadeIn(1000);
}
else
{
$('#gotop').fadeOut(1000);
}
});
$('#gotop').on('click', function(event)
{
event.preventDefault();
$('body,html').animate({'scrollTop':0}, 400);
});
});
</script>
</body>
</html>
帮忙改错图在上个文章
最新推荐文章于 2024-05-19 11:27:40 发布
4323
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
