bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

245
历届学生/刘合群/学校官网实战/index.html Normal file
View File

@@ -0,0 +1,245 @@
<!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>安徽工商职业学院</title>
<link rel="stylesheet" href="css/public.css">
<link rel="stylesheet" href="css/utils.css">
<link rel="stylesheet" href="./css/swiper.css">
<link rel="stylesheet" href="css/index.css">
<style>
.ShowSearch {
width: 142px !important;
padding: 0 0 0 5px !important;
}
</style>
</head>
<body>
<!-- 头部 -->
<div class="header width-100">
<!-- 最顶部黑色导航 -->
<div class="header-drak-nav width-100">
<div class="wp-inner">
<ul class="nav-left">
<li><a target="_blank" href="http://www.ahbvc.cn/1372/list.htm" title="学生">学生</a></li>
<li><a target="_blank" href="http://www.ahbvc.cn/1373/list.htm" title="教工">教工</a></li>
<li><a target="_blank" href="http://www.ahbvc.edu.cn/xqhzc/2014/1224/c1212a14257/page.htm" title="校友">校友</a></li>
<li><a target="_blank" href="http://www.ahbvc.edu.cn/" title="访客">访客</a></li>
<li><a target="_blank" href="http://wxpt.ahbvc.cn:8080/wxpt/a/xzxx/XxXjxxb/getXjmhckList" title="校长信箱">校长信箱</a></li>
</ul>
<ul class="nav-right">
<li><a target="_blank" href="" title="English">English</a></li>
</ul>
</div>
</div>
<!-- 最顶部深红色导航 -->
<div class="header-red-nav">
<div class="wp-inner">
<!-- 版权logo -->
<div class="red-nav-logo left">
<img src="./img/logo.png" alt="" srcset="">
</div>
<!-- 搜索框 -->
<div class="red-nav-menu right">
<img src="./img/xiaoxun2.png" alt="">
<input class="search" type="text" name="" id="" placeholder="Search...">
<input onfocus="getShowSearch()" onblur="leaveShowSearch()" type="submit" class="search-submit" value="">
</div>
</div>
</div>
<!-- 最顶部浅红色导航 -->
<div class="header-qred-nav">
<div class="wp-inner">
<ul>
<li class="items">
<a href="" class="item-text">学校概况</a>
<ol class="dropdown">
<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>
</ol>
</li>
</ul>
</div>
</div>
</div>
<!-- 中间内容 -->
<div class="main-content">
<!-- banner轮播图 -->
<div class="banner width-100">
<ul class="swiper-content" style="left:0">
<li class="swiper-item"><img src="./img/1.jpg" alt=""></li>
<li class="swiper-item"><img src="./img/2.jpg" alt=""></li>
<li class="swiper-item"><img src="./img/3.jpg" alt=""></li>
<li class="swiper-item"><img src="./img/4.jpg" alt=""></li>
<li class="swiper-item"><img src="./img/5.jpg" alt=""></li>
<li class="swiper-item"><img src="./img/6.jpg" alt=""></li>
</ul>
<ul class="swiper-spot">
<li class="active"></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<div class="swiper-action">
<div class="action-left">&lt;</div>
<div class="action-right">&gt;</div>
</div>
</div>
<!-- 学校新闻 -->
<div class="school-news width-100">
<div class="school-news-content wp-inner">
<!-- 左边的新闻 -->
<div class="news-content-left left">
<div class="content-left-top">
<h3>学校新闻</h3>
</div>
<div class="content-left-bottom">
<div class="left-bottom-img left">
<img src="./img/bcfd983.jpg" alt="" srcset="">
<a>
学校2018年大学生骨干培训班暨“青马工程”培训班圆满结束
</a>
<a href="" class="news_infos">
12月20日中午，我校大学生骨干培训班暨“青马工程”培训班结业仪式在学术报告厅隆重举行。马克思主义学院院长喻小红，校团委常务副书记赵艳...
</a>
</div>
<div class="left-bottom-new-list right">
<ul>
<li>
<a href="">学校2018年大学生骨干培训班暨“青马工程”培训班...</a>
<span>12-21</span>
</li>
<li>
<a href="">学校组织《中国共产党纪律处分条例》知识竞赛</a>
<span>12-21</span>
</li>
<li>
<a href="">学校组织《中国共产党纪律处分条例》知识竞赛</a>
<span>12-21</span>
</li>
<li>
<a href="">学校组织《中国共产党纪律处分条例》知识竞赛</a>
<span>12-21</span>
</li>
<li>
<a href="">学校组织《中国共产党纪律处分条例》知识竞赛</a>
<span>12-21</span>
</li>
<li>
<a href="">学校组织《中国共产党纪律处分条例》知识竞赛</a>
<span>12-21</span>
</li>
<li>
<a href="">学校组织《中国共产党纪律处分条例》知识竞赛</a>
<span>12-21</span>
</li>
<li>
<a href="">学校组织《中国共产党纪律处分条例》知识竞赛</a>
<span>12-21</span>
</li>
<li>
<a href="">学校组织《中国共产党纪律处分条例》知识竞赛</a>
<span>12-21</span>
</li>
<li>
<a href="">学校组织《中国共产党纪律处分条例》知识竞赛</a>
<span>12-21</span>
</li>
</ul>
</div>
</div>
</div>
<!-- 右边tab切换 -->
<div class="news-content-right right">
<!-- tab切换的标题 -->
<ul class="tab-title">
<li class="selected">
通知公告
</li>
<li>
学生公告
</li>
<li>
招标公告
</li>
</ul>
<!-- tabs切换对应的内容 -->
<ol class="tab-content">
<li class="tab-content-item item-active">
<p>通知公告</p>
<p>通知公告</p>
</li>
<li class="tab-content-item">
<p>学生公告</p>
<p>学生公告</p>
</li>
<li class="tab-content-item">
<p>招标公告</p>
<p>招标公告</p>
</li>
</ol>
</div>
</div>
</div>
</div>
<!-- 底部版权 -->
<div class="footer">
</div>
<!-- 轮播图的js -->
<script src="./js/swiper.js"></script>
<!-- 首页的js -->
<script src="./js/index.js"></script>
<script>
// 为每一个动态设置宽度，等于浏览器的宽度
var li = document.getElementsByClassName("swiper-item")
for(var i = 0;i<li.length;i++){
li[i].style.width = document.body.clientWidth + 'px'
}
var searchInput = document.getElementsByClassName("search")[0]
function getShowSearch() {
searchInput.className = "search ShowSearch"
}
function leaveShowSearch() {
searchInput.className = "search"
}
</script>
</body>
</html>