bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

249
历届学生/吴欣阳/项目开发/练习项目/课程练习/5.28/好看视频/好看视频.html Normal file
View File

@@ -0,0 +1,249 @@
<!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="http://at.alicdn.com/t/font_2580548_2ntvjg0u7ml.css">
<link rel="stylesheet" href="css/clear.css">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/public.css">
</head>
<body>
<div class="header">
<div class="herder_logo">
<div class="layout relative">
<img src="img/logo.png" alt="图片未加载" class="logo left">
<div class="search left absolute"><!--搜索框-->
<input class="search_input left" type="text" placeholder="15头野象位临昆明">
<div class="search_button left">
<i class="iconfont icon-sousuo"></i>
<span>搜索</span>
</div>
</div>
<div class="action right"><!--用户头像-->
<ul>
<li>
<i class="iconfont icon-shangchuan"></i>
<p>上传</p>
</li>
<li>
<i class="iconfont icon-shouji"></i>
<p>客户端</p>
</li>
<li>
<i class="iconfont icon-shouji"></i>
<p>动态</p>
</li>
<li>
<img src="./img/user.png" alt="图片未加载">
</li>
</ul>
</div>
</div>
</div>
<div class="header_menu">
<ul class="layout">
<li class="active"><a href="">推荐</a></li>
<li><a href="">影视</a></li>
<li><a href="">音乐</a></li>
<li><a href="">VLOG</a></li>
<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>
<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>
<li><a href="">军事</a></li>
<li><a href="">军事</a></li>
</ul>
</div>
</div>
<div class="content"><!--内容-->
<div class="layout"><!--布局-->
<div class="banner hidden"><!--横幅-->
<img class="lunbo left"
src="https://pic.rmb.bdstatic.com/baidu-rmb-video-cover-1/2020-8/1598620789888/2b1fc9f72cfe.jpg" alt="图片未显示">
<ul class="info_ul left"><!--重复性布局-->
<li class="item"><!--图片及文字容器-->
<img src="https://tukuimg.bdstatic.com/processed/7e4602899d113dcf4bb36f02d3c0291a.jpeg@s_0,w_660,h_370,q_80,f_webp" alt=""><!--图片-->
<div class="blak"></div><!--背景层-->
<div class="info">
<div class="info_top">据说针筒靠近特斯拉线圈能抽取光源，试了很成功，那用稀有气体呢</div>
<div class="info_center">胡一零</div>
<ul class="info_list hidden">
<li>
<i class="iconfont icon-chakan"></i>
<span>51万</span>
</li>
<li>
<i class="iconfont icon-huihua"></i>
<span>120</span>
</li>
</ul>
</div>
</li>
<li class="item"><!--图片及文字容器-->
<img src="https://tukuimg.bdstatic.com/processed/7e4602899d113dcf4bb36f02d3c0291a.jpeg@s_0,w_660,h_370,q_80,f_webp" alt=""><!--图片-->
<div class="blak"></div><!--背景层-->
<div class="info">
<div class="info_top">据说针筒靠近特斯拉线圈能抽取光源，试了很成功，那用稀有气体呢</div>
<div class="info_center">胡一零</div>
<ul class="info_list hidden">
<li>
<i class="iconfont icon-chakan"></i>
<span>51万</span>
</li>
<li>
<i class="iconfont icon-huihua"></i>
<span>120</span>
</li>
</ul>
</div>
</li>
<li class="item"><!--图片及文字容器-->
<img src="https://tukuimg.bdstatic.com/processed/7e4602899d113dcf4bb36f02d3c0291a.jpeg@s_0,w_660,h_370,q_80,f_webp" alt=""><!--图片-->
<div class="blak"></div><!--背景层-->
<div class="info">
<div class="info_top">据说针筒靠近特斯拉线圈能抽取光源，试了很成功，那用稀有气体呢</div>
<div class="info_center">胡一零</div>
<ul class="info_list hidden">
<li>
<i class="iconfont icon-chakan"></i>
<span>51万</span>
</li>
<li>
<i class="iconfont icon-huihua"></i>
<span>120</span>
</li>
</ul>
</div>
</li>
<li class="item"><!--图片及文字容器-->
<img src="https://tukuimg.bdstatic.com/processed/7e4602899d113dcf4bb36f02d3c0291a.jpeg@s_0,w_660,h_370,q_80,f_webp" alt=""><!--图片-->
<div class="blak"></div><!--背景层-->
<div class="info">
<div class="info_top">据说针筒靠近特斯拉线圈能抽取光源，试了很成功，那用稀有气体呢</div>
<div class="info_center">胡一零</div>
<ul class="info_list hidden">
<li>
<i class="iconfont icon-chakan"></i>
<span>51万</span>
</li>
<li>
<i class="iconfont icon-huihua"></i>
<span>120</span>
</li>
</ul>
</div>
</li>
<li class="item"><!--图片及文字容器-->
<img src="https://tukuimg.bdstatic.com/processed/7e4602899d113dcf4bb36f02d3c0291a.jpeg@s_0,w_660,h_370,q_80,f_webp" alt=""><!--图片-->
<div class="blak"></div><!--背景层-->
<div class="info">
<div class="info_top">据说针筒靠近特斯拉线圈能抽取光源，试了很成功，那用稀有气体呢</div>
<div class="info_center">胡一零</div>
<ul class="info_list hidden">
<li>
<i class="iconfont icon-chakan"></i>
<span>51万</span>
</li>
<li>
<i class="iconfont icon-huihua"></i>
<span>120</span>
</li>
</ul>
</div>
</li>
<li class="item"><!--图片及文字容器-->
<img src="https://tukuimg.bdstatic.com/processed/7e4602899d113dcf4bb36f02d3c0291a.jpeg@s_0,w_660,h_370,q_80,f_webp" alt=""><!--图片-->
<div class="blak"></div><!--背景层-->
<div class="info">
<div class="info_top">据说针筒靠近特斯拉线圈能抽取光源，试了很成功，那用稀有气体呢</div>
<div class="info_center">胡一零</div>
<ul class="info_list hidden">
<li>
<i class="iconfont icon-chakan"></i>
<span>51万</span>
</li>
<li>
<i class="iconfont icon-huihua"></i>
<span>120</span>
</li>
</ul>
</div>
</li>
</ul>
</div>
<div class="video">
<div class="title">影视</div>
<ul><!--图片及文字容器-->
<li>
<div class="top"><!--上半部分图片-->
<img src="https://tukuimg.bdstatic.com/processed/35e851eb6e1a062e4d5d52e48be2065e.jpeg@s_0,w_660,h_370,q_80" alt="图片无法显示">
<span>00:34</span>
</div>
<p class="top_title">端午节 成都去俄么塘必备三日游攻略#端午节旅行清单#</p>
<div class="icon hidden"><!--图标部分-->
<div class="icon_itme">
<i class="iconfont icon-chakan"></i>
<span>1495</span>
</div>
<div class="icon_itme">
<i class="iconfont icon-huihua"></i>
<span>0</span>
</div>
</div>
</li>
</ul>
</div><!--影视-->
</div>
</div>
<div class="footer">
<div class="footer_wrap">
<ul class="footer_top hidden">
<li>
<a href="">品牌合作</a>
<a href="">品牌合作</a>
</li>
<li>
<a href="">品牌合作</a>
<a href="">品牌合作</a>
</li>
<li>
<a href="">品牌合作</a>
</li>
<li class="line"></li>
<li class="code hidden">
<div class="text left">
<p>扫码下载客户端</p>
<p>轻松有收获</p>
</div>
<img class="left" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAdQAAAHUAQMAAAC56UsvAAAABlBMVEUAAAD///+l2Z/dAAACTUlEQVR42u3cQW7DMAxEUd3A97+lb8A2qS0OKaUFsukE+EYQJI6eu7EEmqQ64u3jHFisnT3HPPJq3yePeJx5friGPT/kYCzW0uq8eAwQe73reJkIWKyjPcu9fd3891Hu/DYYi3W291zQr+UnLPbjbP31OnNgsR9i9bnyHpaxygzC/4pzsFgH2x8Pf329fA7FYh3skvrLufAzC6JELy/zhFisg70XbU33ZYZkyNWWfCAWa2f1PtdA5X7lZeelNJGCxVrajLSPKImRpZKYsTcW62ZvVcKVMWYh5vp6lHcs1tZmzUXXc03utVglsFhju1vkrwseJRTXiB2LdbTz4fHscbWWY/R5UwuOWKybnWfm/Z8tTBKitEwgFutoa1jSFu2W69vUFrFYM6s3eetZmu3T2ROyDbyxWCebab0ZsURoaSYvqw17WKyfzZ90M0tkebHE3m2+YLFmNsdomC2VF/1QWkGwWENbO07bdq2cHWutHIv1s9rasTadrpXH7KPGYt3s0sukMXbvd1r2J2KxbrbNgtLLdGSlRmvl5c9hsU62tXxoiTxz17V/r2UIsVgXuyzvGX5HrvN6vsQzWKyVjc222dJKveRMSpyDxVpZ6TWN9o9oWldeDVewWEerx7nbWhibQvl4tS0Xi/1f21J80QuLGbSM3nqKxRpaXed7kmRpTN20WGOxVrat1TXkntu4WvUci3W3c9iudzp04wAW62/P0RIgPWUdy95wLNbNRslO76dA3dvScn1YrI/tz5KxqZWPMTYtTFism337wGLt7BcOoXzuYAD95QAAAABJRU5ErkJggg==" alt="">
</li>
</ul>
</div>
<div class="footer_bottom">
© 2021 Baidu 京ICP证030173号 京公网安备11000002000001 京网文（2017）2863-327号
</div>
</div>
</body>
</html>