Files
ClassContent/历届学生/逯帅帅/项目开发/学生项目/应越波/day2/仿写网站/index.html
2024-09-27 02:06:13 +08:00

266 lines
9.7 KiB
HTML

<!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>仿写ACCA官网</title>
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2390285_jknr6w119f.css">
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2390285_rg1lb19fesr.css">
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2390285_2wkve69vkbj.css">
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2390285_alpt9eg4nns.css">
<link rel="stylesheet" href="./CSS/clear.css">
<link rel="stylesheet" href="./CSS/pub.css">
<link rel="stylesheet" href="./CSS/index.css">
</head>
<body>
<!-- 最上方头部开始 -->
<div class="top_box">
<div class="center">
<ul>
<li><a href="#">职业版公告位</a></li>
<li><a href="#">中国</a></li>
<li>
<div></div>
</li>
</ul>
</div>
</div>
<!-- 最上方头部结束 -->
<!-- 功能搜索框开始 -->
<div class="sou center">
<ul>
<li class="sou_1"><img src="./img/1-NEWS.png" alt=""><a href="#"></a></li>
<li class="sou_2">
<div> <input type="text"></div>
<div><i class="iconfont icon-sousuo"></i></div>
</li>
<li class="sou_3">
<a href="#">
<div>登录</div>
<div>ACCA中国</div>
</a>
</li>
<li class="sou_4">
<a href="#">myACCA</a>
<a href="#"> <i class="iconfont icon-youjiantou"></i></i></a>
</li>
</ul>
</div>
<!-- 功能搜索框结束 -->
<!-- 导航模块开始 -->
<div class="nav center">
<ul class="nav_a">
<li class="nav_li">
<a href="#">首页</a>
<div class="dropdown-content">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
</div>
</li>
<li class="nav_li">
<a href="#">获取资格</a>
<div class="dropdown-content">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
</div>
</li>
<li class="nav_li">
<a href="#">学员</a>
<div class="dropdown-content">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
</div>
</li>
<li class="nav_li">
<a href="#">准会员</a>
<div class="dropdown-content">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
</div>
</li>
<li class="nav_li">
<a href="#">会员</a>
<div class="dropdown-content">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
</div>
</li>
<li class="nav_li">
<a href="#">雇主</a>
<div class="dropdown-content">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
</div>
</li>
<li class="nav_li">
<a href="#">教学机构</a>
<div class="dropdown-content">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
</div>
</li>
<li class="nav_li">
<a href="#">洞察报告</a>
<div class="dropdown-content">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
</div>
</li>
<li class="nav_li">
<a href="#">热点活动</a>
<div class="dropdown-content">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
</div>
</li>
</ul>
</div>
<!-- 导航模块结束 -->
<!-- 轮播图模块开始 -->
<div class="lunbo center">
<div><img src="./img/Home_1170x430.jpg" alt=""></div>
<div class="lunbo_2">
<div>为梦启航</div>
<div>
<a class="lunbo_3">
<span href="#">加入ACCA</span>
<span href="#"> <i class="iconfont icon-youjiantou"></i></a>
</li>
</div>
</div>
</div>
<!-- 轮播图模块结束 -->
<!-- 日历模块开始 -->
<div class="rili center">
<div class="com">日历</div>
<div class="rili_1">
<div class="asd">2021年3月考试报名时间</div>
<div class="rili_2">
<div class="rili_3">
<ul>
<li>
<div>04 <span>AUG</span> 2020</div>
<div>提前开始报名时间</div>
</li>
<li>
<div>16 <span>NOV</span> 2020</div>
<div>提前报名截止时间</div>
</li>
<li>
<div>01 <span>FEB</span> 2021</div>
<div>常规报名截止时间</div>
</li>
<li>
<div>08 <span>FEB</span> 2021</div>
<div>后期报名截止时间</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 日历模块结束 -->
<!-- 新闻模块开始 -->
<div class="news center">
<div class="com">新闻</div>
<div class="newss_com">
<ul class="newss_11">
<li>
<a href="#" class="guding_fu">
<img src="./img/news-1.png" alt="">
<div class="guding_son_2">ACC新闻</div>
<div class="guding_son1">ACC资深会员约翰当选IFAC会长<i class="iconfont icon-iconfontjiantou-copy"></i></div>
</a>
</li>
<li>
<a href="#" class="guding_fu">
<img src="./img/news-2.jpeg" alt="">
<div class="guding_son_2">ACC新闻</div>
<div class="guding_son1">ACC资深会员约翰当选IFAC会长<i class="iconfont icon-iconfontjiantou-copy"></i></div>
</a>
</li>
<li>
<div class="comm">
<p class="news_1">ACCA公告</p>
<p class="news_2">关于2021年3月考季常见问题</p>
<a href="#">
<div class="news_3">点击查看<i class="iconfont icon-youjiantou1"></i></div>
</a>
</div>
</li>
<li class="xxx">
<div class="comm">
<p class="news_1">ACCA公告</p>
<p class="news_2">关于2021年3月考季常见问题</p>
<a href="#">
<div class="news_3">点击查看<i class="iconfont icon-youjiantou1"></i></div>
</a>
</div>
</li>
</ul>
</div>
</div>
<!-- 新闻模块结束 -->
<!-- 热点沙龙模块开始 -->
<div class="shalong center">
<div class="com">热点沙龙</div>
<div class="newss_com">
<ul class="newss_11">
<li>
<div class="comm">
<p class="news_1">ACCA公告</p>
<p class="news_2">关于2021年3月考季常见问题</p>
<a href="#">
<div class="news_3">点击查看<i class="iconfont icon-youjiantou1"></i></div>
</a>
</div>
</li>
<li class="xxx">
<div class="comm">
<p class="news_1">ACCA公告</p>
<p class="news_2">关于2021年3月考季常见问题</p>
<a href="#">
<div class="news_3">点击查看<i class="iconfont icon-youjiantou1"></i></div>
</a>
</div>
</li>
<li>
<a href="#" class="guding_fu">
<img src="./img/news-1.png" alt="">
<div class="guding_son_2">ACC新闻</div>
<div class="guding_son1">ACC资深会员约翰当选IFAC会长<i class="iconfont icon-iconfontjiantou-copy"></i></div>
</a>
</li>
<li>
<a href="#" class="guding_fu">
<img src="./img/news-2.jpeg" alt="">
<div class="guding_son_2">ACC新闻</div>
<div class="guding_son1">ACC资深会员约翰当选IFAC会长<i class="iconfont icon-iconfontjiantou-copy"></i></div>
</a>
</li>
</ul>
</div>
</div>
<!-- 热点沙龙模块结束 -->
</body>
</html>