<!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="./css/index.css">
</head>
<body>
<!-- 头部 -->
<div class="header wrapper">
<h1>
<a href="#">
<img src="./images/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 type="submit"></button>
</div>
<!-- 用户 -->
<div class="user">
<img src="./images/user.png" alt="">
<span>张三 您好!</span>
</div>
</div>
<!-- 轮播图banner -->
<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="#">云计算&大数据<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>
</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>
<!-- 精品推荐 -->
<div class="goods wrapper">
<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="#">HTML5</a></li>
<li><a href="#">CSS3</a></li>
</ul>
<a href="#" class="hobby">修改兴趣</a>
</div>
<!-- 精品推荐课程 -->
<div class="box wrapper">
<div class="title">
<h2>精品推荐</h2>
<a href="#">查看全部</a>
</div>
<div class="content clearfix">
<ul>
<li>
<a href="#">
<img src="./images/course03.png" alt="">
<h3>Think PHP 5.0 博客系统实战项目演练</h3>
<p><span>高级</span> • 1125人在线学习</p>
<img src="./images/hot.png" alt="" class="hot">
</a>
</li>
<li>
<a href="#">
<img src="./images/course02.png" alt="">
<h3>Think PHP 5.0 博客系统实战项目演练</h3>
<p><span>高级</span> • 1125人在线学习</p>
<img src="./images/hot.png" alt="" class="hot">
</a>
</li>
<li>
<a href="#">
<img src="./images/course03.png" alt="">
<h3>Think PHP 5.0 博客系统实战项目演练</h3>
<p><span>高级</span> • 1125人在线学习</p>
<img src="./images/hot.png" alt="" class="hot">
</a>
</li>
<li>
<a href="#">
<img src="./images/course04.png" alt="">
<h3>Think PHP 5.0 博客系统实战项目演练</h3>
<p><span>高级</span> • 1125人在线学习</p>
<img src="./images/hot.png" alt="" class="hot">
</a>
</li>
<li>
<a href="#">
<img src="./images/course05.png" alt="">
<h3>Think PHP 5.0 博客系统实战项目演练</h3>
<p><span>高级</span> • 1125人在线学习</p>
<img src="./images/hot.png" alt="" class="hot">
</a>
</li>
<li>
<a href="#">
<img src="./images/course06.png" alt="">
<h3>Think PHP 5.0 博客系统实战项目演练</h3>
<p><span>高级</span> • 1125人在线学习</p>
<img src="./images/hot.png" alt="" class="hot">
</a>
</li>
<li>
<a href="#">
<img src="./images/course07.png" alt="">
<h3>Think PHP 5.0 博客系统实战项目演练</h3>
<p><span>高级</span> • 1125人在线学习</p>
<img src="./images/hot.png" alt="" class="hot">
</a>
</li>
<li>
<a href="#">
<img src="./images/course08.png" alt="">
<h3>Think PHP 5.0 博客系统实战项目演练</h3>
<p><span>高级</span> • 1125人在线学习</p>
<img src="./images/hot.png" alt="" class="hot">
</a>
</li>
<li>
<a href="#">
<img src="./images/course05.png" alt="">
<h3>Think PHP 5.0 博客系统实战项目演练</h3>
<p><span>高级</span> • 1125人在线学习</p>
<img src="./images/hot.png" alt="" class="hot">
</a>
</li>
<li>
<a href="#">
<img src="./images/course02.png" alt="">
<h3>Think PHP 5.0 博客系统实战项目演练</h3>
<p><span>高级</span> • 1125人在线学习</p>
<img src="./images/hot.png" alt="" class="hot">
</a>
</li>
</ul>
</div>
</div>
<!-- 版权 -->
<!-- 注意要清除浮动的影响,课程的li 的 父级 -->
<!-- li都浮动了,脱标,撑不开父级的高度 -->
<div class="footer">
<div class="wrapper">
<div class="left">
<img src="./images/logo.png" alt="">
<p>学成在线致力于普及中国最好的教育它与中国一流大学和机构合作提供在线课程<br>
@2017年XTCG Inc.保留所有权利。�
学成在线项目前端(图片、源码、psd图片)
版权申诉
5星 · 超过95%的资源 111 浏览量
2022-04-01
23:57:17
上传
评论
收藏 10.6MB ZIP 举报
bug消灭师
- 粉丝: 13
- 资源: 2
最新资源
- 基于python实现的基于PyQt5和爬虫的小说阅读系统.zip
- 机械设计整经机上纱自动化sw20非常好的设计图纸100%好用.zip
- Screenshot_20240427_031602.jpg
- 网页PDF_2024年04月26日 23-46-14_QQ浏览器网页保存_QQ浏览器转格式(6).docx
- 直接插入排序,冒泡排序,直接选择排序.zip
- 在排序2的基础上,再次对快排进行优化,其次增加快排非递归,归并排序,归并排序非递归版.zip
- 实现了7种排序算法.三种复杂度排序.三种nlogn复杂度排序(堆排序,归并排序,快速排序)一种线性复杂度的排序.zip
- 冒泡排序 直接选择排序 直接插入排序 随机快速排序 归并排序 堆排序.zip
- 课设-内部排序算法比较 包括冒泡排序、直接插入排序、简单选择排序、快速排序、希尔排序、归并排序和堆排序.zip
- Python排序算法.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
- 1
- 2
前往页