bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
4dfe3cef7f7ebf77edd3fd040b7ed502eb9c0566
ClassContent/历届学生/fontendseven/项目练习/上课项目/快手/index.html
编码猿 852d94fbb9 first commit
2024-09-27 02:06:13 +08:00

272 lines
14 KiB
HTML
Raw Blame History

<!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="http://at.alicdn.com/t/font_2915751_2q90ct8ysi3.css">
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/public.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<div class="header">
<div class="header_menu">
<div class="center">
<img class="logo left" src="https://s2-10623.kwimgs.com/udata/pkg/cloudcdn/img/logo_dark.49fc3549.svg" alt="">
<div class="search hidden">
<input class="left" type="text" placeholder="请输入你要搜索的内容">
<div class="button left">
<i class="iconfont icon-sousuo"></i>
<span>搜索</span>
</div>
</div>
<div class="login right">
<ul>
<li>
<i class="iconfont icon-sousuo"></i>
<p>上传视频</p>
</li>
<li>
<i class="iconfont icon-sousuo"></i>
<p>快币充值</p>
</li>
</ul>
<div class="login_text left">登录</div>
</div>
</div>
</div>
<img src="https://s2-10623.kwimgs.com/kos/nlav10623/vision_images/topBannerx1.png" alt="">
</div>
<div class="content">
<div class="center">
<ul class="navbar hidden">
<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 class="video hidden">
<div class="video_d left">
<div class="video_d_title hidden">
<div class="video_d_name left">
<p> 精彩短视频 </p>
<div class="dd">
<span>更多</span>
<i class="iconfont icon-sousuo"></i>
</div>
</div>
<div class="video_d_page right">
<i class="iconfont icon-sousuo"></i>
<span>1/15</span>
<i class="iconfont icon-sousuo"></i>
</div>
</div>
<ul class="hidden">
<li>
<img src="https://tx2.a.kwimgs.com/upic/2021/11/02/12/BMjAyMTExMDIxMjM4NThfOTkwMDE3OTY1XzYwMTE1NzY3Mzg2XzFfMw==_Bde31d058eedf4eebe2d9346c1c031b71.jpg?tag=1-1636548068-xpcwebhome-0-hxas16h59r-efb9aad0fb68539d&clientCacheKey=3ximm48ce57i4ic.jpg&di=JAmKMAb_FYDtklEYveib4Q==&bp=14944" alt="">
<p>倘若我要以爱之名困住你呢</p>
<div class="desc">
<i class="iconfont icon-sousuo"></i>
<span>35.8w喜欢</span>
</div>
</li>
<li>
<img src="https://tx2.a.kwimgs.com/upic/2021/11/02/12/BMjAyMTExMDIxMjM4NThfOTkwMDE3OTY1XzYwMTE1NzY3Mzg2XzFfMw==_Bde31d058eedf4eebe2d9346c1c031b71.jpg?tag=1-1636548068-xpcwebhome-0-hxas16h59r-efb9aad0fb68539d&clientCacheKey=3ximm48ce57i4ic.jpg&di=JAmKMAb_FYDtklEYveib4Q==&bp=14944" alt="">
<p>倘若我要以爱之名困住你呢</p>
<div class="desc">
<i class="iconfont icon-sousuo"></i>
<span>35.8w喜欢</span>
</div>
</li>
<li>
<img src="https://tx2.a.kwimgs.com/upic/2021/11/02/12/BMjAyMTExMDIxMjM4NThfOTkwMDE3OTY1XzYwMTE1NzY3Mzg2XzFfMw==_Bde31d058eedf4eebe2d9346c1c031b71.jpg?tag=1-1636548068-xpcwebhome-0-hxas16h59r-efb9aad0fb68539d&clientCacheKey=3ximm48ce57i4ic.jpg&di=JAmKMAb_FYDtklEYveib4Q==&bp=14944" alt="">
<p>倘若我要以爱之名困住你呢</p>
<div class="desc">
<i class="iconfont icon-sousuo"></i>
<span>35.8w喜欢</span>
</div>
</li>
<li>
<img src="https://tx2.a.kwimgs.com/upic/2021/11/02/12/BMjAyMTExMDIxMjM4NThfOTkwMDE3OTY1XzYwMTE1NzY3Mzg2XzFfMw==_Bde31d058eedf4eebe2d9346c1c031b71.jpg?tag=1-1636548068-xpcwebhome-0-hxas16h59r-efb9aad0fb68539d&clientCacheKey=3ximm48ce57i4ic.jpg&di=JAmKMAb_FYDtklEYveib4Q==&bp=14944" alt="">
<p>倘若我要以爱之名困住你呢</p>
<div class="desc">
<i class="iconfont icon-sousuo"></i>
<span>35.8w喜欢</span>
</div>
</li>
<li>
<img src="https://tx2.a.kwimgs.com/upic/2021/11/02/12/BMjAyMTExMDIxMjM4NThfOTkwMDE3OTY1XzYwMTE1NzY3Mzg2XzFfMw==_Bde31d058eedf4eebe2d9346c1c031b71.jpg?tag=1-1636548068-xpcwebhome-0-hxas16h59r-efb9aad0fb68539d&clientCacheKey=3ximm48ce57i4ic.jpg&di=JAmKMAb_FYDtklEYveib4Q==&bp=14944" alt="">
<p>倘若我要以爱之名困住你呢</p>
<div class="desc">
<i class="iconfont icon-sousuo"></i>
<span>35.8w喜欢</span>
</div>
</li>
<li>
<img src="https://tx2.a.kwimgs.com/upic/2021/11/02/12/BMjAyMTExMDIxMjM4NThfOTkwMDE3OTY1XzYwMTE1NzY3Mzg2XzFfMw==_Bde31d058eedf4eebe2d9346c1c031b71.jpg?tag=1-1636548068-xpcwebhome-0-hxas16h59r-efb9aad0fb68539d&clientCacheKey=3ximm48ce57i4ic.jpg&di=JAmKMAb_FYDtklEYveib4Q==&bp=14944" alt="">
<p>倘若我要以爱之名困住你呢</p>
<div class="desc">
<i class="iconfont icon-sousuo"></i>
<span>35.8w喜欢</span>
</div>
</li>
<li>
<img src="https://tx2.a.kwimgs.com/upic/2021/11/02/12/BMjAyMTExMDIxMjM4NThfOTkwMDE3OTY1XzYwMTE1NzY3Mzg2XzFfMw==_Bde31d058eedf4eebe2d9346c1c031b71.jpg?tag=1-1636548068-xpcwebhome-0-hxas16h59r-efb9aad0fb68539d&clientCacheKey=3ximm48ce57i4ic.jpg&di=JAmKMAb_FYDtklEYveib4Q==&bp=14944" alt="">
<p>倘若我要以爱之名困住你呢</p>
<div class="desc">
<i class="iconfont icon-sousuo"></i>
<span>35.8w喜欢</span>
</div>
</li>
<li>
<img src="https://tx2.a.kwimgs.com/upic/2021/11/02/12/BMjAyMTExMDIxMjM4NThfOTkwMDE3OTY1XzYwMTE1NzY3Mzg2XzFfMw==_Bde31d058eedf4eebe2d9346c1c031b71.jpg?tag=1-1636548068-xpcwebhome-0-hxas16h59r-efb9aad0fb68539d&clientCacheKey=3ximm48ce57i4ic.jpg&di=JAmKMAb_FYDtklEYveib4Q==&bp=14944" alt="">
<p>倘若我要以爱之名困住你呢</p>
<div class="desc">
<i class="iconfont icon-sousuo"></i>
<span>35.8w喜欢</span>
</div>
</li>
</ul>
</div>
<div class="video_hot left">
<div class="video_hot_title hidden">
<p class="left">精彩短视频</p>
<div class="video_d_page right">
<i class="iconfont icon-sousuo"></i>
<span>1/15</span>
<i class="iconfont icon-sousuo"></i>
</div>
</div>
<ul class="video_hot_list">
<li>
<div class="nums left">
<span>1</span>
</div>
<div class="text left">
<div class="title">解放军军机今早5次巡台</div>
<i class="iconfont icon-sousuo"></i>
<span>1249.7w热度</span>
</div>
<img class="hot" src="https://ali2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_hot3x.png" alt="">
</li>
<li>
<div class="nums left">
<span>1</span>
</div>
<div class="text left">
<div class="title">解放军军机今早5次巡台</div>
<i class="iconfont icon-sousuo"></i>
<span>1249.7w热度</span>
</div>
<img class="hot" src="https://ali2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_hot3x.png" alt="">
</li>
<li>
<div class="nums left">
<span>1</span>
</div>
<div class="text left">
<div class="title">解放军军机今早5次巡台</div>
<i class="iconfont icon-sousuo"></i>
<span>1249.7w热度</span>
</div>
<img class="hot" src="https://ali2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_hot3x.png" alt="">
</li>
<li>
<div class="nums left">
<span>1</span>
</div>
<div class="text left">
<div class="title">解放军军机今早5次巡台</div>
<i class="iconfont icon-sousuo"></i>
<span>1249.7w热度</span>
</div>
<img class="hot" src="https://ali2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_hot3x.png" alt="">
</li>
<li>
<div class="nums left">
<span>1</span>
</div>
<div class="text left">
<div class="title">解放军军机今早5次巡台</div>
<i class="iconfont icon-sousuo"></i>
<span>1249.7w热度</span>
</div>
<img class="hot" src="https://ali2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_hot3x.png" alt="">
</li>
<li>
<div class="nums left">
<span>1</span>
</div>
<div class="text left">
<div class="title">解放军军机今早5次巡台</div>
<i class="iconfont icon-sousuo"></i>
<span>1249.7w热度</span>
</div>
<img class="hot" src="https://ali2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_hot3x.png" alt="">
</li>
<li>
<div class="nums left">
<span>1</span>
</div>
<div class="text left">
<div class="title">解放军军机今早5次巡台</div>
<i class="iconfont icon-sousuo"></i>
<span>1249.7w热度</span>
</div>
<img class="hot" src="https://ali2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_hot3x.png" alt="">
</li>
<li>
<div class="nums left">
<span>1</span>
</div>
<div class="text left">
<div class="title">解放军军机今早5次巡台</div>
<i class="iconfont icon-sousuo"></i>
<span>1249.7w热度</span>
</div>
<img class="hot" src="https://ali2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_hot3x.png" alt="">
</li>
<li>
<div class="nums left">
<span>1</span>
</div>
<div class="text left">
<div class="title">解放军军机今早5次巡台</div>
<i class="iconfont icon-sousuo"></i>
<span>1249.7w热度</span>
</div>
<img class="hot" src="https://ali2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_hot3x.png" alt="">
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer"></div>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink