1 Star 0 Fork 2

soulhez / adult-education-website

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
news_information.html 11.32 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" />
<title>新闻资讯</title>
<link rel="stylesheet" href="css/news_information.css" />
<script type="text/javascript" src="js/jquery-3.3.1.js" ></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"/>
<script type="text/javascript">
function ym1(){
var odi1=document.getElementsByClassName("center-1");//页面一
var odi2=document.getElementsByClassName("center-1-1");//页面二
if(odi2[0].style.display=="none"){
}else{
odi1[0].style.display="block";
odi2[0].style.display="none";
}
}
function ym2(){
var odi1=document.getElementsByClassName("center-1");//页面一
var odi2=document.getElementsByClassName("center-1-1");//页面二
if(odi1[0].style.display=="none"){
}else{
odi1[0].style.display="none";
odi2[0].style.display="block";
}
}
$(function(){
$("#dyq").click(function(){
$("#dy").hide();
$("#xy").show();
})
})
$(function(){
$("#xyq").click(function(){
$("#xy").hide();
$("#dy").show();
})
})
$(function(){
$("#dy").click(function(){
$("#dy").hide();
$("#xy").show();
})
})
$(function(){
$("#xy").click(function(){
$("#xy").hide();
$("#dy").show();
})
})
</script>
</head>
<body>
<div id="totals">
<div id="wrap">
<!-- 头部 -->
<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" style="color: orange;">新闻资讯</a></li>
<li><a href="teacher_team.html">教师团队</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>
<!--第一页的图片-->
<div id="center">
<h2>新闻资讯</h2>
</div>
<div class="center-1">
<div class="cemter">
<div id="one">
<div class="imgs">
<img src="img/1585705880936c822ac6bce46f001.png" width="100%" height="100%"/><br />
</div>
<h3>日语在线</h3><br />
<span>四部门出手,说明教育培训机构的管理政出多门,而多头管理的弊端通常就是管理薄弱。</span><br /><br />
<input type="button" id="buttons" value="新闻"/>&nbsp;&nbsp;2020-03-19<br /><br/>
</div>
<div id="two" >
<div class="imgs">
<img src="img/1585705880933b2a1b02b1d0b4e57.png" width="100%" height="100%"/></br>
</div>
<h3>英语在线 实力师资 高频互动 </h3><br />
<span>四部门出手,说明教育培训机构的管理政出多门,而多头管理的弊端通常就是管理薄弱。</span><br /><br />
<input type="button" id="buttons" value="新闻"/>&nbsp;&nbsp;2020-03-19<br /><br/>
</div>
<div id="two" >
<div class="imgs">
<img src="img/1584430356741c856bee98bb82cc6.png" width="100%" height="100%"/>
</div>
<h3>现代出家人的互联网学习生活</h3><br />
<span>四部门出手,说明教育培训机构的管理政出多门,而多头管理的弊端通常就是管理薄弱。</span><br /><br />
<input type="button" id="buttons" value="新闻"/>&nbsp;&nbsp;2020-03-19<br><br/>
</div>
<div id="two" >
<div class="imgs">
<img src="img/newpng8.png" width="100%" height="100%"/></br>
</div>
<h3>透过大数据看中国幼儿"病"在哪里</h3><br />
<span>四部门出手,说明教育培训机构的管理政出多门,而多头管理的弊端通常就是管理薄弱。</span><br /><br />
<input type="button" id="buttons" value="新闻"/>&nbsp;&nbsp;2020-03-19<br /><br>
</div>
<div id="two" >
<div class="imgs">
<img src="img/newpng2-2.png" width="100%" height="100%"/></br>
</div>
<h3>课外培训机构到底有多乱?</h3><br />
<span>四部门出手,说明教育培训机构的管理政出多门,而多头管理的弊端通常就是管理薄弱。</span><br /><br />
<input type="button" id="buttons" value="新闻"/>&nbsp;&nbsp;2020-03-19<br /><br/>
</div>
<div id="two" >
<div class="imgs">
<img src="img/newpng3.png" width="100%" height="100%"/></br>
</div>
<h3>让学生们电脑视频教学</h3><br />
<span>四部门出手,说明教育培训机构的管理政出多门,而多头管理的弊端通常就是管理薄弱。</span><br /><br />
<input type="button" id="buttons" value="新闻"/>&nbsp;&nbsp;2020-03-19<br /><br/>
</div>
</div>
</div>
<!--第二页的图片-->
<div class="center-1-1">
<div class="center-2-1">
<div id="one">
<div class="imgs">
<img src="img/newpng4-1.png" width="100%" height="100%"/><br />
</div>
<h3>日语在线</h3><br />
<span>四部门出手,说明教育培训机构的管理政出多门,而多头管理的弊端通常就是管理薄弱。</span><br /><br />
<input type="button" id="buttons" value="新闻"/>&nbsp;&nbsp;2020-03-19<br /><br>
</div>
<div id="two" >
<div class="imgs">
<img src="img/newpng8.png" width="100%" height="100%"/></br>
</div>
<h3>法语在线 面对面交流 </h3><br />
<span>四部门出手,说明教育培训机构的管理政出多门,而多头管理的弊端通常就是管理薄弱。</span><br /><br />
<input type="button" id="buttons" value="新闻"/>&nbsp;&nbsp;2020-03-19<br /><br/>
</div>
<div id="two" >
<div class="imgs">
<img src="img/newpng3.png" width="100%" height="100%"/>
</div>
<h3>英语在线学习</h3><br />
<span>四部门出手,说明教育培训机构的管理政出多门,而多头管理的弊端通常就是管理薄弱。</span><br /><br />
<input type="button" id="buttons" value="新闻"/>&nbsp;&nbsp;2020-03-19<br/><br/>
</div>
<div id="two">
<div class="imgs">
<img src="img/newpng2-2.png" width="100%" height="100%"/><br />
</div>
<h3>德语在线</h3><br />
<span>四部门出手,说明教育培训机构的管理政出多门,而多头管理的弊端通常就是管理薄弱。</span><br /><br />
<input type="button" id="buttons" value="新闻"/>&nbsp;&nbsp;2020-03-19<br /><br>
</div>
</div>
</div>
<!--按钮-->
<div id="button">
<input type="button" name="" id="dy" value="<" onclick="ym1()" />
<input type="button" name="" id="dyq" value="1" onclick="ym1()" />
<input type="button" name="" id="xyq" value="2" onclick="ym2()" />
<input type="button" name="" id="xy" value=">" onclick="ym2()" />
</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/15844328714945421afb4d858beb9.png" >
&nbsp;联系电话:400-000-0000
</div>
<div class="fucl_title2">
<img src="img/158443287149746bd9ff5a3ee0e8d.png" >
&nbsp;邮箱:admin@yourdomain.com
</div>
<div class="fucl_title3">
<img src="img/1584432871496afa2687aa9111b14.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/1584433332907a29ed7f20576daf1.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>
</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>
<!-- 手机端导航栏被点击后的效果 -->
<script type="text/javascript">
function navModile(){
$("#nav_mobile_w").slideDown(500);
}
function navModiles(){
$("#nav_mobile_w").slideUp(500);
}
</script>
</body>
</html>
HTML
1
https://gitee.com/soulhez/aew.git
git@gitee.com:soulhez/aew.git
soulhez
aew
adult-education-website
master

搜索帮助