1 Star 5 Fork 2

明金同学 / adult-education-website

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
teacher_team.html 7.59 KB
一键复制 编辑 原始数据 按行查看 历史
明金同学 提交于 2020-12-25 21:02 . 0.1
<!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" />
<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
<script src="js/web_animation.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="css/web_animation.css"/>
<title>教师团队</title>
<link rel="stylesheet" type="text/css" href="css/teacher_team.css"/>
</head>
<body>
<div class="border"><!--大边框-->
<!-- 头部 -->
<div id="header">
<div class="header_left">
欢迎来到教育行业网
</div>
<div class="header_right">
<img src="img/footer_iphone.png" />&nbsp;
<label>400-000-0000</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<img src="img/footer_email.png" >&nbsp;
<label>admin@yourdomain.com</label>
</div>
</div>
<!-- 菜单栏部分 -->
<div id="nav">
<div class="nav_left">
<label><img src="img/logo.png" ></label>
</div>
<div class="nav_right">
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="all_courses.html">所有课程</a></li>
<li><a href="news_information.html">新闻资讯</a></li>
<li><a href="teacher_team.html" style="color: orange;">教师团队</a></li>
<li><a href="about_us.html">关于我们</a></li>
</ul>
</div>
<!-- 手机端导航栏效果 -->
<div class="nav_right_modile_wrap">
<div class="nav_right_modile" onclick="navModile()">
</div>
</div>
</div>
<!-- 滚动图部分 -->
<div id="column">
<div id="column_move1" class="column_text_wrap">
<div class="column_text_t">教师团队</div>
<div class="column_text_f"></div>
</div>
</div>
<!-- ————————————————————————【头部】划分线—————————————————————————————— -->
<div class="fives">
<div class="teacher_team">
教师团队
</div>
<div id="center-1">
<div id="cemter">
<div id="one">
<!--<div class="mgs">-->
<div class="imgs">
<img src="img/famous_teacher_img1.png" width="100%" height="100%"/><br />
</div>
<!--</div>-->
<h3>Jean Thompson</h3><br />
<span>UI设计总监</span><br /><br />
</div>
<div id="two" >
<div class="imgs">
<img src="img/famous_teacher_img2.png" width="100%" height="100%"/></br>
</div>
<h3>Polly Tucker </h3><br />
<span>推广总监/设计总监</span><br /><br />
</div>
<div id="three" >
<div class="imgs">
<img src="img/famous_teacher_img3.png" width="100%" height="100%"/>
</div>
<h3>Nathan Porter</h3><br />
<span>室内课程研发经理</span><br /><br />
</div>
<div id="four" >
<div class="imgs">
<img src="img/famous_teacher_img1.png" width="100%" height="100%"/></br>
</div>
<h3>Polly Tucker</h3><br />
<span>平面造型设计</span><br /><br />
</div>
<div id="five" >
<div class="imgs">
<img src="img/famous_teacher_img2.png" width="100%" height="100%"/></br>
</div>
<h3>Nathan-Porter</h3><br />
<span>经济学、经济情况</span><br /><br />
</div>
<div id="six" >
<div class="imgs">
<img src="img/famous_teacher_img3.png" width="100%" height="100%"/></br>
</div>
<h3>Jean Thompson</h3><br />
<span>心理学、心理特征</span><br /><br />
</div>
</div>
</div>
</div>
<!-- ————————————————————————【尾部】划分线—————————————————————————————— -->
<!-- 页脚 -->
<div id="foot">
<div class="foot_up">
<div class="foot_up_title_one">
成人教育网
</div>
<div class="foot_up_title_two">
SCHOOL OF EDUCAtTION CD., LTD
</div>
</div>
<div class="foot_up_contet">
<div class="foot_up_contet_left">
<div class="fucl_title">联系方式</div>
<div class="fucl_title1">
<img src="img/foot_img1.png" >
&nbsp;联系电话:400-000-0000
</div>
<div class="fucl_title2">
<img src="img/foot_img2.png" >
&nbsp;邮箱:admin@yourdomain.com
</div>
<div class="fucl_title3">
<img src="img/foot_img3.png" >
&nbsp;地址:珠海市XXX区域XXX街道XXX号
</div>
</div>
<div class="foot_up_contet_middle">
<div class="fucl_title">网站导航</div>
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="all_courses.html">所有课程</a></li>
<li><a href="news_information.html">新闻资讯</a></li>
<li><a href="teacher_team.html">教师团队</a></li>
<li><a href="about_us.html">关于我们</a></li>
</ul>
</div>
<div class="foot_up_contet_right">
<div class="fucl_title">
更好关注
</div>
<div class="foot_up_contet_right_middle">
扫描二维码,我们会最新的商品为您推荐,为您更好的体验与服务。
</div>
<div id="foot_up_contet_right_down">
<div class="foot_up_contet_right_down1">
<img src="img/url.png" >
</div>
<div class="foot_up_contet_right_down2">
手机扫一扫
</div>
</div>
</div>
</div>
<div class="foot_down">
Copyright @ 2019-2030 Company name All rights reserved
</div>
<!-- 手机端导航栏 -->
<div id="nav_mobile">
<div class="nav_mobile_all nav_mobile1">
<a href="index.html"><img src="img/nav_mobile_img1.png" ></a>
<a href="index.html">首页</a>
</div>
<div class="nav_mobile_all nav_mobile2">
<a href="all_courses.html"><img src="img/nav_mobile_img2.png" ></a>
<a href="all_courses.html">所有课程</a>
</div>
<div class="nav_mobile_all nav_mobile3">
<a href="news_information.html"><img src="img/nav_mobile_img3.png" ></a>
<a href="news_information.html">新闻资讯</a>
</div>
<div class="nav_mobile_all nav_mobile4">
<a href="teacher_team.html"><img src="img/nav_mobile_img4.png" ></a>
<a href="teacher_team.html">教师团队</a>
</div>
<div class="nav_mobile_all nav_mobile5">
<a href="about_us.html"><img src="img/nav_mobile_img5.png" ></a>
<a href="about_us.html">关于我们</a>
</div>
</div>
<!-- 最右边边按钮点击后的结构 -->
<div id="nav_mobile_w">
<div class="nav_mobile_w_top">
<img src="img/nav_modile_background_w.png" onclick="navModiles()">
</div>
<div class="nav_mobile_w_foot">
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="all_courses.html">所有课程</a></li>
<li><a href="news_information.html">新闻资讯</a></li>
<li><a href="teacher_team.html">教师团队</a></li>
<li><a href="about_us.html">关于我们</a></li>
</ul>
</div>
</div>
</div>
<!-- 手机端导航栏被点击后执行 -->
<script type="text/javascript">
function navModile(){
$("#nav_mobile_w").slideDown(500);
}
function navModiles(){
$("#nav_mobile_w").slideUp(500);
}
// 特色课程页面切换效果
var show = document.getElementsByClassName("button_i");
var hide = document.getElementsByClassName("centent_middle");
</script>
</div>
</body>
</html>
HTML
1
https://gitee.com/vmu/aew.git
git@gitee.com:vmu/aew.git
vmu
aew
adult-education-website
master

搜索帮助