bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
main
ClassContent/历届学生/韩一伟/项目开发/练习项目/作业/2021.06.25/index.html
编码猿 852d94fbb9 first commit
2024-09-27 02:06:13 +08:00

219 lines
11 KiB
HTML
Raw Permalink 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_2624277_ffxrqmcw9r9.css">
</head>
<body>
<div class="head">
<div class="container">
<div class="head_left">
<img src="./img/快手logo.png" alt="">
<div class="head_middle">
<input type="text" placeholder="请输入你要搜索的内容" name="" id="">
<div class="sousuo">搜索
<i class="iconfont icon-ziyuan"></i>
</div>
</div>
<ul class="head_right">
<li class="shangchuan">
<i class="iconfont icon-shangchuan"></i>
<p>上传视频</p>
</li>
<li class="chongzhi">
<i class="iconfont icon-chongzhi"></i>
<p>快币充值</p>
</li>
<img src="./img/快手头像.png" alt="">
</ul>
</div>
</div>
</div>
<div class="content">
<div class="container">
<div class="banner">
<img src="https://s2-10623.kwimgs.com/kos/nlav10623/vision_images/topBannerx1.png" alt="">
</div>
<ul class="navigation">
<li>
<i></i>
<p>我的关注</p>
</li>
<li>
<i></i>
<p>我的关注</p>
</li>
<li>
<i></i>
<p>我的关注</p>
</li>
<li>
<i></i>
<p>我的关注</p>
</li>
<li>
<i></i>
<p>我的关注</p>
</li>
<li>
<i></i>
<p>我的关注</p>
</li>
<li>
<i></i>
<p>我的关注</p>
</li>
<li>
<i></i>
<p>我的关注</p>
</li>
</ul>
<div class="duanshiping">
<div class="duanshiping_top_left">
<h2>精彩短视频</h2>
<span>更多></span>
</div>
<div class="duanshiping_top_right">
<i class="iconfont icon-zuo"></i>
<p>1/15</p>
<i class="iconfont icon-you"></i>
</div>
<ul class="duanshiping_bottom">
<li>
<img src="https://tx2.a.yximgs.com/upic/2021/06/13/12/BMjAyMTA2MTMxMjU2NDVfMjIxMzQ4OTYxXzUxMzE1NDcxOTc0XzFfMw==_animatedV5_B5ba15f1441eb212ac5bd24a34fe4d2ea.webp?tag=1-1624801418-xpcwebhome-0-zrchwxjjfj-9cdc6013a98b6820&clientCacheKey=3xz87kc6pfttdme_animatedV5.webp&di=702098e0&bp=14944"
alt="">
<p>等车的正确方式</p>
<i class="iconfont icon-xihuan"></i>
<span>27.8w喜欢</span>
</li>
<li>
<img src="https://tx2.a.yximgs.com/upic/2021/06/13/12/BMjAyMTA2MTMxMjU2NDVfMjIxMzQ4OTYxXzUxMzE1NDcxOTc0XzFfMw==_animatedV5_B5ba15f1441eb212ac5bd24a34fe4d2ea.webp?tag=1-1624801418-xpcwebhome-0-zrchwxjjfj-9cdc6013a98b6820&clientCacheKey=3xz87kc6pfttdme_animatedV5.webp&di=702098e0&bp=14944"
alt="">
<p>等车的正确方式</p>
<i class="iconfont icon-xihuan"></i>
<span>27.8w喜欢</span>
</li>
<li>
<img src="https://tx2.a.yximgs.com/upic/2021/06/13/12/BMjAyMTA2MTMxMjU2NDVfMjIxMzQ4OTYxXzUxMzE1NDcxOTc0XzFfMw==_animatedV5_B5ba15f1441eb212ac5bd24a34fe4d2ea.webp?tag=1-1624801418-xpcwebhome-0-zrchwxjjfj-9cdc6013a98b6820&clientCacheKey=3xz87kc6pfttdme_animatedV5.webp&di=702098e0&bp=14944"
alt="">
<p>等车的正确方式</p>
<i class="iconfont icon-xihuan"></i>
<span>27.8w喜欢</span>
</li>
<li>
<img src="https://tx2.a.yximgs.com/upic/2021/06/13/12/BMjAyMTA2MTMxMjU2NDVfMjIxMzQ4OTYxXzUxMzE1NDcxOTc0XzFfMw==_animatedV5_B5ba15f1441eb212ac5bd24a34fe4d2ea.webp?tag=1-1624801418-xpcwebhome-0-zrchwxjjfj-9cdc6013a98b6820&clientCacheKey=3xz87kc6pfttdme_animatedV5.webp&di=702098e0&bp=14944"
alt="">
<p>等车的正确方式</p>
<i class="iconfont icon-xihuan"></i>
<span>27.8w喜欢</span>
</li>
<li>
<img src="https://tx2.a.yximgs.com/upic/2021/06/13/12/BMjAyMTA2MTMxMjU2NDVfMjIxMzQ4OTYxXzUxMzE1NDcxOTc0XzFfMw==_animatedV5_B5ba15f1441eb212ac5bd24a34fe4d2ea.webp?tag=1-1624801418-xpcwebhome-0-zrchwxjjfj-9cdc6013a98b6820&clientCacheKey=3xz87kc6pfttdme_animatedV5.webp&di=702098e0&bp=14944"
alt="">
<p>等车的正确方式</p>
<i class="iconfont icon-xihuan"></i>
<span>27.8w喜欢</span>
</li>
<li>
<img src="https://tx2.a.yximgs.com/upic/2021/06/13/12/BMjAyMTA2MTMxMjU2NDVfMjIxMzQ4OTYxXzUxMzE1NDcxOTc0XzFfMw==_animatedV5_B5ba15f1441eb212ac5bd24a34fe4d2ea.webp?tag=1-1624801418-xpcwebhome-0-zrchwxjjfj-9cdc6013a98b6820&clientCacheKey=3xz87kc6pfttdme_animatedV5.webp&di=702098e0&bp=14944"
alt="">
<p>等车的正确方式</p>
<i class="iconfont icon-xihuan"></i>
<span>27.8w喜欢</span>
</li>
<li>
<img src="https://tx2.a.yximgs.com/upic/2021/06/13/12/BMjAyMTA2MTMxMjU2NDVfMjIxMzQ4OTYxXzUxMzE1NDcxOTc0XzFfMw==_animatedV5_B5ba15f1441eb212ac5bd24a34fe4d2ea.webp?tag=1-1624801418-xpcwebhome-0-zrchwxjjfj-9cdc6013a98b6820&clientCacheKey=3xz87kc6pfttdme_animatedV5.webp&di=702098e0&bp=14944"
alt="">
<p>等车的正确方式</p>
<i class="iconfont icon-xihuan"></i>
<span>27.8w喜欢</span>
</li>
<li>
<img src="https://tx2.a.yximgs.com/upic/2021/06/13/12/BMjAyMTA2MTMxMjU2NDVfMjIxMzQ4OTYxXzUxMzE1NDcxOTc0XzFfMw==_animatedV5_B5ba15f1441eb212ac5bd24a34fe4d2ea.webp?tag=1-1624801418-xpcwebhome-0-zrchwxjjfj-9cdc6013a98b6820&clientCacheKey=3xz87kc6pfttdme_animatedV5.webp&di=702098e0&bp=14944"
alt="">
<p>等车的正确方式</p>
<i class="iconfont icon-xihuan"></i>
<span>27.8w喜欢</span>
</li>
</ul>
</div>
<div class="kuaishourebang">
<h2 class="kuaishourebang_top_left">快手热榜</h2>
<div class="kuaishourebang_top_right">
<i class="iconfont icon-zuo"></i>
<p>1/15</p>
<i class="iconfont icon-you"></i>
</div>
<ul class="kuaishourebang_bottom">
<li>
<img src="./img/快手热榜1.png" alt="">
<p>七一勋章颁授仪式将隆重举行</p>
<i class="iconfont icon-08"></i>
<span>1907.2w热度</span>
</li>
<li>
<img src="./img/快手热榜1.png" alt="">
<p>七一勋章颁授仪式将隆重举行</p>
<i class="iconfont icon-08"></i>
<span>1907.2w热度</span>
</li>
<li>
<img src="./img/快手热榜1.png" alt="">
<p>七一勋章颁授仪式将隆重举行</p>
<i class="iconfont icon-08"></i>
<span>1907.2w热度</span>
</li>
<li>
<img src="./img/快手热榜1.png" alt="">
<p>七一勋章颁授仪式将隆重举行</p>
<i class="iconfont icon-08"></i>
<span>1907.2w热度</span>
</li>
<li>
<img src="./img/快手热榜1.png" alt="">
<p>七一勋章颁授仪式将隆重举行</p>
<i class="iconfont icon-08"></i>
<span>1907.2w热度</span>
</li>
<li>
<img src="./img/快手热榜1.png" alt="">
<p>七一勋章颁授仪式将隆重举行</p>
<i class="iconfont icon-08"></i>
<span>1907.2w热度</span>
</li>
<li>
<img src="./img/快手热榜1.png" alt="">
<p>七一勋章颁授仪式将隆重举行</p>
<i class="iconfont icon-08"></i>
<span>1907.2w热度</span>
</li>
<li>
<img src="./img/快手热榜1.png" alt="">
<p>七一勋章颁授仪式将隆重举行</p>
<i class="iconfont icon-08"></i>
<span>1907.2w热度</span>
</li>
<li>
<img src="./img/快手热榜1.png" alt="">
<p>七一勋章颁授仪式将隆重举行</p>
<i class="iconfont icon-08"></i>
<span>1907.2w热度</span>
</li>
<li>
<img src="./img/快手热榜1.png" alt="">
<p>七一勋章颁授仪式将隆重举行</p>
<i class="iconfont icon-08"></i>
<span>1907.2w热度</span>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink