<!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>Document</title>
<link rel="stylesheet" href="./CSS/index.css" />
</head>
<body>
<!-- 头部 -->
<div class="header wrapper">
<h1>
<a href="#"><img src="./image/logo.png" alt="" /></a>
</h1>
<!-- 导航 -->
<div class="nav">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">课程</a></li>
<li><a href="#">职业规划</a></li>
</ul>
</div>
<!-- 搜索 -->
<div class="search">
<input type="text" placeholder="请输入关键词" />
<button></button>
</div>
<!-- 用户 -->
<div class="user">
<img src="./image/user.png" alt="" />
<span>lilei</span>
</div>
</div>
<!-- 轮播图 -->
<div class="banner">
<div class="wrapper">
<div class="left">
<ul>
<li>
<a href="#">前端开发<span>></span></a>
</li>
<li>
<a href="#">移动开发<span>></span></a>
</li>
<li>
<a href="#">人工智能<span>></span></a>
</li>
<li>
<a href="#">商业预测<span>></span></a>
</li>
<li>
<a href="#">云计算&大数据<span>></span></a>
</li>
<li>
<a href="#">UI设计<span>></span></a>
</li>
<li>
<a href="#">运维<span>></span></a>
</li>
<li>
<a href="#">产品<span>></span></a>
</li>
<li>
<a href="#">其他<span>></span></a>
</li>
</ul>
</div>
<div class="right">
<h2>我的课程表</h2>
<div class="content">
<dl>
<dt>继续学习 程序语言设计</dt>
<dd>正在学习-使用对象</dd>
</dl>
<dl>
<dt>继续学习 程序语言设计</dt>
<dd>正在学习-使用对象</dd>
</dl>
<dl>
<dt>继续学习 程序语言设计</dt>
<dd>正在学习-使用对象</dd>
</dl>
</div>
<a href="#" class="more">全部课程 </a>
</div>
</div>
<!-- 精品推荐 -->
<div class="goods wrapper_0">
<h2>精品推荐</h2>
<ul>
<li><a href="#">jQuery</a></li>
<li><a href="#">Spark</a></li>
<li><a href="#">MySQL</a></li>
<li><a href="#">JavaWeb</a></li>
<li><a href="#">Python</a></li>
<li><a href="#">HTML</a></li>
</ul>
<a href="#" class="habits">修改兴趣</a>
</div>
<!-- 精品推荐课程 -->
<div class="box wrapper_0">
<div class="title">
<h2>精品推荐</h2>
<a href="#">查看全部</a>
</div>
<div class="content_0 clearfix">
<ul>
<li>
<a href="#">
<img src="./image/course01.png" alt="">
<h3>Think PHP 5. 博客系统实战项目演练</h3>
<p><span>高级</span> · 1125人在学习</p>
</a>
</li>
<li>
<a href="#">
<img src="./image/course02.png" alt="">
<h3>Kami2首页界面切换效果</h3>
<p><span>初级</span> · 2345人在学习</p>
</a>
</li>
<li>
<a href="#">
<img src="./image/course03.png" alt="">
<h3>Android HybridAPP开发实战H5+原生</h3>
<p><span>高级</span> · 8463人在学习</p>
</a>
</li>
<li>
<a href="#">
<img src="./image/course04.png" alt="">
<h3>Android HybridAPP开发实战H5+原生!</h3>
<p><span>高级</span> · 2800人在学习</p>
</a>
</li>
<li>
<a href="#">
<img src="./image/course05.png" alt="">
<h3>Kami2首页界面切换效果</h3>
<p><span>高级</span> · 2376人在学习</p>
</a>
</li>
<li>
<a href="#">
<img src="./image/course06.png" alt="">
<h3>Think PHP 5. 博客系统实战项目演练</h3>
<p><span>高级</span> · 5564人在学习</p>
</a>
</li>
<li>
<a href="#">
<img src="./image/course07.png" alt="">
<h3>Think PHP 5. 博客系统实战项目演练</h3>
<p><span>高级</span> · 1895人在学习</p>
</a>
</li>
<li>
<a href="#">
<img src="./image/course08.png" alt="">
<h3>Android HybridAPP开发实战H5+原生!</h3>
<p><span>高级</span> · 4837人在学习</p>
</a>
</li>
<li>
<a href="#">
<img src="./image/course01.png" alt="">
<h3>Think PHP 5. 博客系统实战项目演练</h3>
<p><span>高级</span> · 6685人在学习</p>
</a>
</li>
<li>
<a href="#">
<img src="./image/course02.png" alt="">
<h3>Kami2首页界面切换效果</h3>
<p><span>初级</span> · 9465人在学习</p>
</a>
</li>
</ul>
</div>
</div>
<!-- 版权 -->
<div class="footer">
<div class="wrapper_0">
<div class="left_0">
<img src="./image/logo.png" alt="">
<p>学成在线致力于普及中国最好的教育它与中国一流大学和机构合作提供在线课程。<br>@2017年XTCGInc保留所有权利。-沪CP备15025210号</p>
<a href="#">下载APP</a>
</div>
<div class="right_0">
<dl>
<dt>新手指南</dt>
<dd><a href="#">如何注册</a></dd>
<dd><a href="#">如何选课</a></dd>
<dd><a href="#">如何拿到毕业证</a></dd>
<dd><a href="#">学分要求是什么</a></dd>
</dl>
<dl>
<dt>关于学成网</dt>
<dd><a href="#">管理团队</a></dd>
<dd><a href="#">客户服务</a></dd>
<dd><a href="#">帮助</a></dd>
</dl>
<dl>
<dt>合作伙伴</dt>
<dd><a href="#">合作机构</a></dd>
<dd><a href="#">合作导师</a></dd>
</dl>
</div>
</div>
</div>
</body>
</html>
p1.rar （21个子文件） 
p1 CSS 
index.css 6KB image 
course03.png 49KB
top.jpg 23KB bottom04.jpg 8KB course08.png 25KB logo.png 5KB course06.png 34KB bottom01.jpg 13KB pic.png 50KB course02.png 45KB course01.png 50KB course04.png 42KB bottom03.jpg 12KB course05.png 39KB bottom02.jpg 10KB course07.png 33KB user.png 4KB btn.png 1KB banner2.png 374KB left.jpg 14KB
index.html 7KB资源评论
