<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>班级概况</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
.container-fluid {
position: relative;
background-color: skyblue;
width: 1400px;
top: 10px;
}
.a0 {
margin: 0 auto;
background: url(img/21.png);
width: 1400px;
height: 1500px;
}
img {
width: 1300px;
}
.carousel-inner {
position: relative;
left: 50px;
width: 1300px;
}
.m {
position: relative;
left: 45%;
top: 70px;
margin: 0 auto;
}
</style>
</head>
<body>
<div class="a0">
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">班级概况</a>
</div>
<div>
<ul class="nav navbar-nav">
<li class="active">
<a href="#">软件212班</a>
</li>
<li><a href="#">欢迎您</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
菜单
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="课程设计.html">返回首页</a></li>
<li><a href="教学在线.html">教学在线</a></li>
<li><a href="班级概况.html">班级概况</a></li>
<li class="divider"></li>
<li><a href="留言板2.html">建议评论</a></li>
<li class="divider"></li>
<li><a href="天气预报.html">天气预报</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div id="myCarousel" class="carousel slide">
<!-- 轮播（Carousel）指标 -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- 轮播（Carousel）项目 -->
<div class="carousel-inner">
<div class="item active">
<img src="img/n1.jpeg" alt="First slide">
</div>
<div class="item">
<img src="img/n3.jpeg" alt="Second slide">
</div>
<div class="item">
<img src="img/n1.jpeg" alt="Third slide">
</div>
</div>
<!-- 轮播（Carousel）导航 -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- 控制按钮 -->
<div style="text-align:center;">
<input type="button" class="btn start-slide" value="Start">
<input type="button" class="btn pause-slide" value="Pause">
<input type="button" class="btn prev-slide" value="Previous Slide">
<input type="button" class="btn next-slide" value="Next Slide">
<input type="button" class="btn slide-one" value="Slide 1">
<input type="button" class="btn slide-two" value="Slide 2">
<input type="button" class="btn slide-three" value="Slide 3">
</div>
<script>
$(function() {
// 初始化轮播
$(".start-slide").click(function() {
$("#myCarousel").carousel('cycle');
});
// 停止轮播
$(".pause-slide").click(function() {
$("#myCarousel").carousel('pause');
});
// 循环轮播到上一个项目
$(".prev-slide").click(function() {
$("#myCarousel").carousel('prev');
});
// 循环轮播到下一个项目
$(".next-slide").click(function() {
$("#myCarousel").carousel('next');
});
// 循环轮播到某个特定的帧
$(".slide-one").click(function() {
$("#myCarousel").carousel(0);
});
$(".slide-two").click(function() {
$("#myCarousel").carousel(1);
});
$(".slide-three").click(function() {
$("#myCarousel").carousel(2);
});
});
</script>
<div class="container">
<h2> <b> <i> 班级信息</i> </b></h2>
<table class="table table-bordered">
<thead>
<tr>
<th> <b>信息类别</b> </th>
<div class="m">
<h3><b>详细信息</b></h3>
</div>
</tr>
</thead>
<tbody>
<tr>
<td><b>班委信息</b></td>
<td>
<p style="text-indent: 2em;"><b><i>1.班委会由班长、团支部书记、纪律检查副班长、文体卫生副班长、劳动委员、学习委员、生活委员、统计委员、组织委员组成。 2.配合班主任教育学生努力学习,组织有关学习活动,介绍学习方法,交流学习经验,帮助同学解决学习中的困难,完成学习任务,提高学习质量。 3.协助班主任和任课教师教育学生增强组织性、纪律性,遵守学校和班级规章制度,保证各项规定和措施顺利进行。 4.协助班主任组织同学参加各种有意义的活动,提高同学的政治觉悟、道德水平和各种能力,增强劳动观念。
1.班委会由班长、团支部书记、纪律检查副班长、文体卫生副班长、劳动委员、学习委员、生活委员、统计委员、组织委员组成。 2.配合班主任教育学生努力学习,组织有关学习活动,介绍学习方法,交流学习经验,帮助同学解决学习中的困难,完成学习任务,提高学习质量。 3.协助班主任和任课教师教育学生增强组织性、纪律性,遵守学校和班级规章制度,保证各项规定和措施顺利进行。 4.协助班主任组织同学参加各种有意义的活动,提高同学的政治觉悟、道德水平和各种能力,增强劳动观念。
</i></b></p>
</td>
</tr>
<tr>
<td><b>党员信息</b></td>
<td>
<p style="text-indent: 2em;"><b><i>1、增强党的执政能力，永葆党的青春活力。 2、勇于创新，敢挑重担，冲锋在前，无私奉献。3、贯彻党的路线方针政策，团结凝聚职工群众，维护各方合法权益，促进非公有制企业健康发展。 4、按照“三个代表”的要求，进一步增强党建工作活力，扎实推进党的建设新的伟大工程。5、进门是培训课堂，出门是实践基地。 6、以饱满的政治热情，以良好的精神风貌，迎接基层组织建设年工作。7、学习实践“三个代表”重要思想，始终保持共产党员先进性
1、增强党的执政能力，永葆党的青春活力。 2、勇于创新，敢挑重担，冲锋在前，无私奉献。3、贯彻党的路线方针政策，团结凝聚职工群众，维护各方合法权益，促进非公有制企业健康发展。 4、按照“三个代表”的要求，进一步增强党建工作活力，扎实推进党的建设新的伟大工程。5、进门是培训课堂，出门是实践基地。 6、以饱满的政治热情，以良好的精神风貌，迎接基层组织建设年工作。7、学习实践“三个代表”重要思想，始终保持共产党员先进性</i></b></p>
</td>
</tr>
<tr>
<td><b>团员信息</b></td>
<td>
<p style="text-indent: 2em;"><b><i>团支部和班级委员作为班团的核心，要充分发挥好先锋模范带头作用，在学习、工作、生活等各个方面都应积极努力、精益求精，带动其他同学进步提高；要充分发挥上传下达的桥梁纽带作用，认真领会学院的决策部署、规章制度、工作安排，准确传达给同学们，同时及时观察、反馈同学们的思想动态和意见建议；要充分发挥参谋助手作用，认真履行职责，扎实开展工作，努力完成学院和老师布置的各项工作任务；要充分发挥组织凝聚作用，团结支部成员，增强支部凝聚力；要充分发挥宣传动员作用，积极转发学院和各系的推送、通知等文件。
团支部和班级委员作为班团的核心，要充分发挥好先锋模范带头作用，在学习、工作、生活等各个方面都应积极努力、精益求精，带动其他同学进步提高；要充分发挥上传下达的桥梁纽带作用，认真领会学院的决策部署、规章制度、工作安排，准确传达给同学们，同时及时观察、反馈同学们的思想动态和意见建议；要充分发挥参谋助手作用，认真履行职责，扎实开展工作，努力完成学院和老师布置的各项工作任务；要充分发挥组织凝聚作用，团结支部成员，增强支部凝聚力；要充分发挥宣传动员作用，积极转发学院和各系的推送、通知等文件。
</i></b></p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>
扫一扫
评论 1
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
