1 Star 0 Fork 1

Komomon/WCMS

forked from doujiaoer/WCMS 
Create your Gitee Account
Explore and code with more than 12 million developers,Free private repositories !:)
Sign up
文件
This repository doesn't specify license. Please pay attention to the specific project description and its upstream code dependency when using it.
Clone or Download
index.html 23.74 KB
Copy Edit Raw Blame History
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>xxxx大学</title>
<meta charset="utf-8">
<title>学校召开电商学院培养方案研讨会</title>
<!--<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>-->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/default.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.12.0.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/default.js"></script>
</head>
<body>
<div class="container">
<div class="row" style="background-color:#171C60;width:1135px;margin-left:3px;">
<div class="col-sm-5 col-xs-12">
<img src="image/mhdlnulogo.jpg" class=img-rounded width="400px" height="100px" class="img-responsive">
</div>
<div class="col-sm-7 col-xs-12" style="padding:2.5% 0;">
<!--定义表单-->
<form id="frmSearch" action="#">
<div class="input-group">
<input type="text" class="form-control" placeholder="请输入关键字进行站内搜索">
<span class="input-group-btn">
<input type="submit" class="btn btn-default" value="搜索">
</span>
</div>
</form>
</div>
</div>
</div>
<!--定义导航条内容居中容器-->
<div class="navbar navbar-default" role="navigation">
<div class="container">
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse" id="navbar-main">
<ul class="nav navbar-nav">
<li><a href="index.html">首页</a></li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">学校概况
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="s_introduce.html">学校介绍</a></li>
<li><a href="#">信息公开</a></li>
<li><a href="#">学校历史</a></li>
<li><a href="#">校长信箱</a></li>
</ul>
</li>
<li><a href="#">机构设施</a></li>
<li><a href="#">人才培养</a></li>
<li><a href="#">科学研究</a></li>
<li><a href="#">校园生活</a></li>
<li><a href="#">教育教学</a></li>
<li><a href="#">人才招进</a></li>
<li><a href="newLayout.html">新闻中心</a></li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-4">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">
<a href="newLayout.html" style="float:right;">更多...</a>
<span class="glyphicon glyphicon-volume-up"></span>&nbsp;&nbsp;综合新闻</h3>
</div>
<ul class="list-group">
<li class="list-group-item">
<a href="s_new01.html">学校召开电商学院培养方案研讨会</a>
</li>
<li class="list-group-item">
<a href="#" target="_blank">我校举行2016年度辅导员精品项目结题答辩会</a>
</li>
<li class="list-group-item">
<a href="#" target="_blank">东北地区第二届互联网安全研讨会在我校召开</a>
</li>
<li class="list-group-item">
<a href="#" target="_blank">我校第23届校园之声广播台换届大会成功举办</a>
</li>
<li class="list-group-item">
<a href="#" target="_blank">设计学院荣获2017德国红点设计最佳设计奖</a>
</li>
</ul>
</div>
</div>
<!--新闻轮播设置-->
<div class="col-xs-12 col-sm-5">
<div id="carousel-news" class="carousel slide" data-ride="carousel" data-interval="2000">
<!--定义轮播图片容器-->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img alt="" src="image/xx01.jpg" style="width:457px; height:242px;" />
<div class="carousel-caption" contenteditable="true">
<h4>统一思想,实事求是</h4>
<p>统一思想, 凝心聚力, 真抓实干为全面实现“十二五”发展目标而努力奋斗</p>
</div>
</div>
<div class="item">
<img alt=" " src="image/xx02.jpg" style="width:457px; height:242px;" />
<div class="carousel-caption" contenteditable="true">
<h4>《人民日报》八论学习贯彻习近平总书记“7·26”重要讲话精神 </h4>
<p>7月26日,习近平总书记在省部级主要领导干部专题研讨班开班式上发表重要讲话后,如何深刻理解讲话,《人民日报》推出了一系列论述,逐一解读重点。</p>
</div>
</div>
<div class="item">
<img alt=" " src="image/xx03.jpg" style="width:457px; height:242px;" />
<div class="carousel-caption" contenteditable="true">
<h4>砥砺奋进的5年</h4>
<p>党的十八大以来,以习近平同志为核心的党中央着眼于实现中华民族伟大复兴中国梦、实现党和国家长治久安,作出全面推进依法治国的重大抉择。</p>
</div>
</div>
</div>
<!--定义圆圈指示符-->
<ol class="carousel-indicators">
<li class="active" data-targle="#carousle-news" data-slide-to="0"></li>
<li data-targle="#carousle-news" data-slide-to="1"></li>
<li data-targle="#carousle-news" data-slide-to="2"></li>
</ol>
<!--定义左右控制按钮-->
<a class="left carousel-control" href="#carousel-news" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">previous</span>
</a>
<a class="right carousel-control" href="#carousel-news" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">next</span>
</a>
</div>
</div>
<div class="col-xs-12 col-sm-3">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">
<span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;用户登录
</h3>
</div>
<div class="panel-body">
<form class="form-horizontal" role="form">
<p>
<input type="text" class="form-control" placeholder="用户名/手机号/邮箱账号">
</p>
<p>
<input type="password" class="form-control" placeholder="密码">
</p>
<p>
<lable class="checkbox-inline">
<input type="checkbox" />十天内免登录
</lable>
</p>
<p>
<input type="button" class="btn btn-success" value="登&nbsp;录">
<input type="button" class="btn btn-default" value="注&nbsp;册" data-toggle="modal" data-target="#userRegisterModal" />
</p>
</form>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-4">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">
<a href="#" style="float:right;">更多...</a>
<span class="glyphicon glyphicon-volume-up"></span>&nbsp;&nbsp;基层动态</h3>
</div>
<ul class="list-group">
<li class="list-group-item">
<a href="#" target="_blank">信息与通信学院召开假期留校学生安全教育大会</a>
</li>
<li class="list-group-item">
<a href="#" target="_blank">文法学院党支举行纪念”七一“党日活动</a>
</li>
<li class="list-group-item">
<a href="#" target="_blank">理学院、预科教育学院举行专题党课</a>
</li>
<li class="list-group-item">
<a href="#" target="_blank">物理与材料工程学院召开诚信考试年级大会</a>
</li>
<li class="list-group-item">
<a href="#" target="_blank">经济管理学院党总支专题党课关注审核评估</a>
</li>
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-5">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">
<a href="notice.html" style="float:right;">更多...</a>
<span class="glyphicon glyphicon-volume-up"></span>&nbsp;&nbsp;通知公告</h3>
</div>
<ul class="list-group">
<li class="list-group-item">
<a href="notice01.html">关于2017年放暑假的通知</a>
</li>
<li class="list-group-item">
<a href="#" target="_blank">经管学院停水的通知</a>
</li>
<li class="list-group-item">
<a href="#" target="_blank">考察预告</a>
</li>
<li class="list-group-item">
<a href="#" target="_blank">干部任前公示</a>
</li>
<li class="list-group-item">
<a href="#" target="_blank">关于举行教师干部大会的通知</a>
</li>
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-3">
<div class="panel panel-primary">
<ul class="nav nav-tabs" id="tab_ul">
<li class="active">
<a href="#zsxx" id="zsxx_a" data-toggle="tab">
<span class="glyphicon glyphicon-bullhorn"></span>&nbsp;招生信息
</a>
</li>
<li>
<a href="#jyxx" id="jyxx_a" data-toggle="tab">
<span class="glyphicon glyphicon-briefcase"></span>&nbsp;就业信息
</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade in active" id="zsxx">
<a class="list-group-item" href="admi.html">招生简章</a>
<a class="list-group-item" href="#">招生计划</a>
<a class=" list-group-item " href="# ">录取办法</a>
<a class="list-group-item " href="# ">院系介绍</a>
<a class="list-group-item " href="# ">计划分配</a>
</div>
<div class="tab-pane fade " id="jyxx">
<a class="list-group-item " href="# ">本科生就业</a>
<a class="list-group-item " href="# ">研究生就业</a>
<a class="list-group-item " href="# ">招聘信息</a>
<a class="list-group-item " href="# ">就业服务</a>
<a class="list-group-item " href="# ">邀请函</a>
</div>
</div>
</div>
</div>
</div>
<div class="row ">
<div class="col-xs-12 col-sm-9 ">
<div class="panel panel-primary ">
<div class="panel-heading ">
<h3 class="panel-title ">
<a href="art.html" style="float:right ">更多</a>
<span class="glyphicon glyphicon-picture "></span>&nbsp;&nbsp;校园文化
</h3>
</div>
<div class="panel-body ">
<div class="media ">
<a class="pull-left " href="# ">
<img src="image/donggan.jpg " height="100px " width="150px " class="media-object img-thumbnail img-response " alt=" ">
</a>
<div class="media-body ">
<h4 class="media-heading ">
<a href="art01.html">动感社团专场演出圆满落幕</a>
</h4>
<p>2017-6-14</p>
<p> 6月4日,动感社团Pick me专场演出在我校开发区校区大学生活动中心圆满落幕。动感社团指导老师协团体社员出席现场。
</p>
</div>
</div>
<div class="media ">
<a class="pull-left " href="# ">
<img src="image/tingxie.jpg " height="100px " width="150px " class="media-object img-thumbnail img-response " alt=" ">
</a>
<div class="media-body ">
<h4 class="media-heading ">
<a href="# ">“第四届汉字听写大赛”在我校成功举办</a>
</h4>
<p>2017-6-19</p>
<p>两个校区分别开展了“第四届汉字听写大赛”,本次活动由校语言文字工作委员会主办、普通话艺术协会承办。</p>
</div>
</div>
</div>
</div>
</div>
<!--图文新闻列表结束-->
<div class="col-xs-12 col-sm-3 ">
<div class="panel panel-primary " id="divChannelLink ">
<div class="panel-heading ">
<h3 class="panel-title ">
<span class="glyphicon glyphicon-hand-right "></span>&nbsp;&nbsp;快捷通道
</h3>
</div>
<div class="panel-body ">
<div class="row ">
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 ">
<a href="rec.html" style=" color:#666; "><img src="image/rencai.png " class="img-thumbnail img-response ">人才引进</a>
</div>
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 ">
<a href="# " style=" color:#666;"><img src="image/xinxiang.png " class="img-thumbnail img-response ">我校信箱</a>
</div>
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 ">
<a href="# " style=" color:#666;"><img src="image/tushu.png " class="img-thumbnail img-response ">图书资源</a>
</div>
</div>
<div class="row ">
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 ">
<a href="# " style=" color:#666; "><img src="image/VPN.png " class="img-thumbnail img-response ">VPN服务</a>
</div>
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 ">
<a href="# " style=" color:#666;"><img src="image/zhaosheng.png " class="img-thumbnail img-response ">招生就业</a>
</div>
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 ">
<a href="# " style=" color:#666; "><img src="image/xinxi.png " class="img-thumbnail img-response ">信息门户</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--版权信息-->
<footer id="divFooter">
<div class="container">
<div class="row rowLinkLogo">
<div class="col-md-3 col-sm-3 col-lg-3 leftLink">
<ul>
<li><a href="#">规章制度</a></li>
<li><a href="#">财务预算</a></li>
<li><a href="#">官方微信</a></li>
<li><a href="#">官方APP</a></li>
<li><a href="#">虚拟校园</a></li>
<li><a href="#">手绘地图</a></li>
</ul>
</div>
<div class="col-md-6 col-xs-4 col-sm-6 centerLogo">
<ul>
<li><a href="#">教育部</a></li>
<li><a href="#">辽宁省教育厅</a></li>
<li><a href="#">学术委员会</a></li>
<li><a href="#">基金会</a></li>
</ul>
</div>
<div class="col-md-3 col-xs-3 col-lg-3 rightLink">
<ul>
<li><a href="#">本科审核专题</a></li>
<li><a href="#">干部在线学习</a></li>
<li><a href="#">学院团结进步创建</a></li>
<li><a href="#">贯彻高校思想政治精神</a></li>
<li><a href="#">两学一做专题教育</a></li>
<li><a href="#">专题网站</a></li>
</ul>
</div>
</div>
</div>
<div class="divCopyRight">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-lg-12">
<center>地址:辽宁省大连市XXXXXXXXXXXXXXX
</center>
</div>
</div>
</div>
</div>
</footer>
<!--模态弹窗插件进行布局-->
<div class="modal fade" id="userRegisterModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog ">
<!--默认模态弹窗容器样式-->
<div class="modal-content ">
<div class="modal-header ">
<button type="button" class="close" value="&times;" data-dismiss="modal" aria-hidden="true">×
</button>
<h4 class="modal-title glyphicon glyphicon-user ">&nbsp; 用户注册
<!--增强可访问性,为移动设备创建“对触摸友好的外观,通知辅助性工具略过模态弹窗的DOM元素-->
</h4>
</div>
<div class="modal-body ">
<div class="row ">
<div class="userRegisterText ">用户名</div>
<div class="userRegisterInput ">
<input type="text " class="form-control " name="username ">
<p class="userRegisterNotice ">6~18个字符,可使用数字、字母、下划线,需以字母开头。</p>
</div>
</div>
<div class="row ">
<div class="userRegisterText ">密码</div>
<div class="userRegisterInput ">
<input type="password " class="form-control ">
<p class="userRegisterNotice ">6~16个字符,区分大小写。</p>
</div>
</div>
<div class="row ">
<div class="userRegisterText ">确认密码</div>
<div class="userRegisterInput ">
<input type="password " class="form-control ">
<p class="userRegisterNotice ">请再次填写密码。</p>
</div>
</div>
<div class="row ">
<div class="userRegisterText ">Email</div>
<div class="userRegisterInput ">
<input type="password " class="form-control ">
<p class="userRegisterNotice ">Email格式:rjxy@163.com</p>
</div>
</div>
</div>
<div class="modal-footer ">
<input type="submit" class="btn btn-success" value="立即注册 ">
</div>
</div>
</div>
</div>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/Komomon/WCMS.git
git@gitee.com:Komomon/WCMS.git
Komomon
WCMS
WCMS
master

Search