245 lines
8.2 KiB
HTML
245 lines
8.2 KiB
HTML
<!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"><</div>
|
||
<div class="action-right">></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> |