Files
ClassContent/历届学生/font-end-nine/项目练习/学生项目/杨锐/6.6作业/haokan.html
2024-09-27 02:06:13 +08:00

223 lines
10 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>好看视频</title>
<link rel="stylesheet" href="../6.2作业/css/clear.css">
<link rel="stylesheet" href="../6.2作业/css/public.css">
<link rel="stylesheet" href="./css/haokan.css">
<link rel="stylesheet" href="http://at.alicdn.com/t/font_3445167_it6ine1mov8.css">
</head>
<body>
<div class="mian">
<div class="meun">
<img class="logo" src="./img/logo.png" alt="">
<ul>
<li class="active">
<a href="">
<img src="./img/caidan.svg" alt="">
<span>首页</span>
</a>
</li>
<li>
<a href="">
<img src="./img/caidan.svg" alt="">
<span>首页</span>
</a>
</li>
<li>
<a href="">
<img src="./img/caidan.svg" alt="">
<span>首页</span>
</a>
</li>
<li>
<a href="">
<img src="./img/caidan.svg" alt="">
<span>首页</span>
</a>
</li>
<li>
<a href="">
<img src="./img/caidan.svg" alt="">
<span>首页</span>
</a>
</li>
</ul>
</div>
<div class="header">
<div class="search left">
<input class="left" type="text" placeholder="搜索">
<div class="but left">
<i class="iconfont icon-sousuo"></i>
<span>搜索</span>
</div>
</div>
<div class="login right hidden">
<ul class="menu_two hidden left">
<li>
<a href="">
<i class="iconfont icon-sousuo"></i>
<span>下载客户端</span>
</a>
</li>
<li>
<i class="iconfont icon-sousuo"></i>
<span>创作中心</span>
</li>
<li>
<i class="iconfont icon-sousuo"></i>
<span>消息</span>
</li>
</ul>
<ul class="log_reg hidden right">
<li>
<i class="iconfont icon-sousuo"></i>
<span>上传视频</span>
</li>
<li>
<span>登 录</span>
</li>
</ul>
</div>
</div>
<ul class="content hidden">
<li class="first">
<img class="tupian" src="./img/first.png" alt="">
</li>
<li>
<div class="dingwei hidden">
<img src="https://pics5.baidu.com/feed/80cb39dbb6fd5266f21d74dd60e1e521d60736cc.jpeg?token=c038382b2d3ad92cd25fa36fc4206b15"
alt="">
<div class="zhibo">直播中</div>
<div class="shuzhi">0:22</div>
</div>
<div class="cont_b hidden">
<img src="./img/touxiang.jpeg" alt="">
<div class="tietle">浙江牛人研发的“自动吸鱼器”火了,鱼虾鳝鱼天天吃不完</div>
<div class="name">丽莎爱运动</div>
<div class="bofang">3次观看 · 正在直播</div>
</div>
</li>
<li class="dd">
<div class="dingwei hidden">
<img src="https://pics5.baidu.com/feed/80cb39dbb6fd5266f21d74dd60e1e521d60736cc.jpeg?token=c038382b2d3ad92cd25fa36fc4206b15"
alt="">
<div class="zhibo">直播中</div>
<div class="shuzhi">0:22</div>
</div>
<div class="cont_b hidden">
<img src="./img/touxiang.jpeg" alt="">
<div class="tietle">浙江牛人研发的“自动吸鱼器”火了,鱼虾鳝鱼天天吃不完</div>
<div class="name">丽莎爱运动</div>
<div class="bofang">3次观看 · 正在直播</div>
</div>
</li>
<li class="dd">
<div class="dingwei hidden">
<img src="https://pics5.baidu.com/feed/80cb39dbb6fd5266f21d74dd60e1e521d60736cc.jpeg?token=c038382b2d3ad92cd25fa36fc4206b15"
alt="">
<div class="zhibo">直播中</div>
<div class="shuzhi">0:22</div>
</div>
<div class="cont_b hidden">
<img src="./img/touxiang.jpeg" alt="">
<div class="tietle">浙江牛人研发的“自动吸鱼器”火了,鱼虾鳝鱼天天吃不完</div>
<div class="name">丽莎爱运动</div>
<div class="bofang">3次观看 · 正在直播</div>
</div>
</li>
<li class="dd">
<div class="dingwei hidden">
<img src="https://pics5.baidu.com/feed/80cb39dbb6fd5266f21d74dd60e1e521d60736cc.jpeg?token=c038382b2d3ad92cd25fa36fc4206b15"
alt="">
<div class="zhibo">直播中</div>
<div class="shuzhi">0:22</div>
</div>
<div class="cont_b hidden">
<img src="./img/touxiang.jpeg" alt="">
<div class="tietle">浙江牛人研发的“自动吸鱼器”火了,鱼虾鳝鱼天天吃不完</div>
<div class="name">丽莎爱运动</div>
<div class="bofang">3次观看 · 正在直播</div>
</div>
</li>
<li class="dd">
<div class="dingwei hidden">
<img src="https://pics5.baidu.com/feed/80cb39dbb6fd5266f21d74dd60e1e521d60736cc.jpeg?token=c038382b2d3ad92cd25fa36fc4206b15"
alt="">
<div class="zhibo">直播中</div>
<div class="shuzhi">0:22</div>
</div>
<div class="cont_b hidden">
<img src="./img/touxiang.jpeg" alt="">
<div class="tietle">浙江牛人研发的“自动吸鱼器”火了,鱼虾鳝鱼天天吃不完</div>
<div class="name">丽莎爱运动</div>
<div class="bofang">3次观看 · 正在直播</div>
</div>
</li>
<li class="dd">
<div class="dingwei hidden">
<img src="https://pics5.baidu.com/feed/80cb39dbb6fd5266f21d74dd60e1e521d60736cc.jpeg?token=c038382b2d3ad92cd25fa36fc4206b15"
alt="">
<div class="zhibo">直播中</div>
<div class="shuzhi">0:22</div>
</div>
<div class="cont_b hidden">
<img src="./img/touxiang.jpeg" alt="">
<div class="tietle">浙江牛人研发的“自动吸鱼器”火了,鱼虾鳝鱼天天吃不完</div>
<div class="name">丽莎爱运动</div>
<div class="bofang">3次观看 · 正在直播</div>
</div>
</li>
<li class="dd">
<div class="dingwei hidden">
<img src="https://pics5.baidu.com/feed/80cb39dbb6fd5266f21d74dd60e1e521d60736cc.jpeg?token=c038382b2d3ad92cd25fa36fc4206b15"
alt="">
<div class="zhibo">直播中</div>
<div class="shuzhi">0:22</div>
</div>
<div class="cont_b hidden">
<img src="./img/touxiang.jpeg" alt="">
<div class="tietle">浙江牛人研发的“自动吸鱼器”火了,鱼虾鳝鱼天天吃不完</div>
<div class="name">丽莎爱运动</div>
<div class="bofang">3次观看 · 正在直播</div>
</div>
</li>
<li class="dd">
<div class="dingwei hidden">
<img src="https://pics5.baidu.com/feed/80cb39dbb6fd5266f21d74dd60e1e521d60736cc.jpeg?token=c038382b2d3ad92cd25fa36fc4206b15"
alt="">
<div class="zhibo">直播中</div>
<div class="shuzhi">0:22</div>
</div>
<div class="cont_b hidden">
<img src="./img/touxiang.jpeg" alt="">
<div class="tietle">浙江牛人研发的“自动吸鱼器”火了,鱼虾鳝鱼天天吃不完</div>
<div class="name">丽莎爱运动</div>
<div class="bofang">3次观看 · 正在直播</div>
</div>
</li>
<li class="dd">
<div class="dingwei hidden">
<img src="https://pics5.baidu.com/feed/80cb39dbb6fd5266f21d74dd60e1e521d60736cc.jpeg?token=c038382b2d3ad92cd25fa36fc4206b15"
alt="">
<div class="zhibo">直播中</div>
<div class="shuzhi">0:22</div>
</div>
<div class="cont_b hidden">
<img src="./img/touxiang.jpeg" alt="">
<div class="tietle">浙江牛人研发的“自动吸鱼器”火了,鱼虾鳝鱼天天吃不完</div>
<div class="name">丽莎爱运动</div>
<div class="bofang">3次观看 · 正在直播</div>
</div>
</li>
</ul>
</div>
</body>
</html>