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

104
历届学生/fontendsix/项目练习/学生项目/陶瑞/three/kauishou.html Normal file
View File

@@ -0,0 +1,104 @@
<!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="./clear.css">
<link rel="stylesheet" href="./public.css">
<link rel="stylesheet" href="./kuaishou.css">
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2884373_lvsge4ay9gb.css">
</head>
<body>
<div class="header">
<div class="nav_one">
<div class="nav">
<div class="logo">
<img src="https://s2-10623.kwimgs.com/udata/pkg/cloudcdn/img/new-logo.79c3bfe1.svg" alt="">
</div>
<div class="screah">
<input type="text" placeholder="请输入你要搜索的内容">
<p class="screah_right">
<span class="iconfont icon-sousuo_o"></span>
<span class="iconfont_v">搜索</span>
</p>
</div>
<span class="nav_r">
<ul>
<li>
<a class="nav_r_l" href="">
<div class="iconfont icon-shangchuan"></div>
<p>上传视频</p>
</a>
</li>
<li>
<a class="nav_r_c" href="">
<div class="iconfont icon-chongzhi"></div>
<p>快币充值</p>
</a>
</li>
<li>
<a class="nav_r_r" href="">
<div>登录</div>
</a>
</li>
</ul>
</span>
</div>
</div>
<img class="backgund" src="https://s2-10623.kwimgs.com/kos/nlav10623/vision_images/topBannerx1.png" alt="">
</div>
<div class="content">
<div class="top_nav">
<ul>
<li>我的关注</li>
<li>我的关注</li>
<li>我的关注</li>
<li>我的关注</li>
<li>我的关注</li>
<li>我的关注</li>
<li>我的关注</li>
<li>我的关注</li>
</ul>
</div>
<div class="cbody">
<div class="cbody_left">
<div cbody_top>
<div class="cbody_top_one"><h2>精彩短视频</h2><span>更多<i class="iconfont icon-jiantou_liebiaoxiangyou_o"></i></span></div>
<div class="cbody_top_two"><i class="iconfont icon-xiangzuo"></i><span>1/15</span><i class="iconfont icon-xiangyou1"></i></div>
</div>
<div class="cbody_bottom">
<div class="cbody_bottom_img"><img src="https://tx2.a.kwimgs.com/upic/2021/09/10/18/BMjAyMTA5MTAxODIzMzlfNTQyOTY3OF81NjkxOTMwMTg4M18xXzM=_animatedV5_Bc84bb10edb1c573dbf54a19c7fe47b87.webp?tag=1-1635149820-xpcwebhome-0-wzri1mu77m-720552d17bc3dcad&clientCacheKey=3x84gmmb2qr3ih6_animatedV5.webp&di=JAmKMAb2ZEDgfM7xvwIRNg==&bp=14944" alt=""><p>不艾特你的好兄弟</p><i class="iconfont icon-aixin">6.4w喜欢</i></div>
<div class="cbody_bottom_img"><img src="https://tx2.a.kwimgs.com/upic/2021/09/10/18/BMjAyMTA5MTAxODIzMzlfNTQyOTY3OF81NjkxOTMwMTg4M18xXzM=_animatedV5_Bc84bb10edb1c573dbf54a19c7fe47b87.webp?tag=1-1635149820-xpcwebhome-0-wzri1mu77m-720552d17bc3dcad&clientCacheKey=3x84gmmb2qr3ih6_animatedV5.webp&di=JAmKMAb2ZEDgfM7xvwIRNg==&bp=14944" alt=""><p>不艾特你的好兄弟</p><i class="iconfont icon-aixin">6.4w喜欢</i></div>
<div class="cbody_bottom_img"><img src="https://tx2.a.kwimgs.com/upic/2021/09/10/18/BMjAyMTA5MTAxODIzMzlfNTQyOTY3OF81NjkxOTMwMTg4M18xXzM=_animatedV5_Bc84bb10edb1c573dbf54a19c7fe47b87.webp?tag=1-1635149820-xpcwebhome-0-wzri1mu77m-720552d17bc3dcad&clientCacheKey=3x84gmmb2qr3ih6_animatedV5.webp&di=JAmKMAb2ZEDgfM7xvwIRNg==&bp=14944" alt=""><p>不艾特你的好兄弟</p><i class="iconfont icon-aixin">6.4w喜欢</i></div>
<div class="cbody_bottom_img"><img src="https://tx2.a.kwimgs.com/upic/2021/09/10/18/BMjAyMTA5MTAxODIzMzlfNTQyOTY3OF81NjkxOTMwMTg4M18xXzM=_animatedV5_Bc84bb10edb1c573dbf54a19c7fe47b87.webp?tag=1-1635149820-xpcwebhome-0-wzri1mu77m-720552d17bc3dcad&clientCacheKey=3x84gmmb2qr3ih6_animatedV5.webp&di=JAmKMAb2ZEDgfM7xvwIRNg==&bp=14944" alt=""><p>不艾特你的好兄弟</p><i class="iconfont icon-aixin">6.4w喜欢</i></div>
<div class="cbody_bottom_img"><img src="https://tx2.a.kwimgs.com/upic/2021/09/10/18/BMjAyMTA5MTAxODIzMzlfNTQyOTY3OF81NjkxOTMwMTg4M18xXzM=_animatedV5_Bc84bb10edb1c573dbf54a19c7fe47b87.webp?tag=1-1635149820-xpcwebhome-0-wzri1mu77m-720552d17bc3dcad&clientCacheKey=3x84gmmb2qr3ih6_animatedV5.webp&di=JAmKMAb2ZEDgfM7xvwIRNg==&bp=14944" alt=""><p>不艾特你的好兄弟</p><i class="iconfont icon-aixin">6.4w喜欢</i></div>
<div class="cbody_bottom_img"><img src="https://tx2.a.kwimgs.com/upic/2021/09/10/18/BMjAyMTA5MTAxODIzMzlfNTQyOTY3OF81NjkxOTMwMTg4M18xXzM=_animatedV5_Bc84bb10edb1c573dbf54a19c7fe47b87.webp?tag=1-1635149820-xpcwebhome-0-wzri1mu77m-720552d17bc3dcad&clientCacheKey=3x84gmmb2qr3ih6_animatedV5.webp&di=JAmKMAb2ZEDgfM7xvwIRNg==&bp=14944" alt=""><p>不艾特你的好兄弟</p><i class="iconfont icon-aixin">6.4w喜欢</i></div>
<div class="cbody_bottom_img"><img src="https://tx2.a.kwimgs.com/upic/2021/09/10/18/BMjAyMTA5MTAxODIzMzlfNTQyOTY3OF81NjkxOTMwMTg4M18xXzM=_animatedV5_Bc84bb10edb1c573dbf54a19c7fe47b87.webp?tag=1-1635149820-xpcwebhome-0-wzri1mu77m-720552d17bc3dcad&clientCacheKey=3x84gmmb2qr3ih6_animatedV5.webp&di=JAmKMAb2ZEDgfM7xvwIRNg==&bp=14944" alt=""><p>不艾特你的好兄弟</p><i class="iconfont icon-aixin">6.4w喜欢</i></div>
<div class="cbody_bottom_img"><img src="https://tx2.a.kwimgs.com/upic/2021/09/10/18/BMjAyMTA5MTAxODIzMzlfNTQyOTY3OF81NjkxOTMwMTg4M18xXzM=_animatedV5_Bc84bb10edb1c573dbf54a19c7fe47b87.webp?tag=1-1635149820-xpcwebhome-0-wzri1mu77m-720552d17bc3dcad&clientCacheKey=3x84gmmb2qr3ih6_animatedV5.webp&di=JAmKMAb2ZEDgfM7xvwIRNg==&bp=14944" alt=""><p>不艾特你的好兄弟</p><i class="iconfont icon-aixin">6.4w喜欢</i></div>
</div>
</div>
<div class="cbody_right">
<div cbody_top>
<div class="cbody_top_one"><h2>快手热榜</h2></div>
<div class="cbody_top_two"><i class="iconfont icon-xiangzuo"></i><span>1/15</span><i class="iconfont icon-xiangyou1"></i></div>
</div>
<div class="cbody_bright">
<div class="cbody_brighta"><h3>1</h3><div class="cbody_brighta_b"><i>石家庄确诊病例首发声</i><p class="iconfont icon-huore">120w热度</p></div><img src="https://tx2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png" alt=""></div>
<div class="cbody_brighta"><h3>2</h3><div class="cbody_brighta_b"><i>石家庄确诊病例首发声</i><p class="iconfont icon-huore">120w热度</p></div><img src="https://tx2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png" alt=""></div>
<div class="cbody_brighta"><h3>3</h3><div class="cbody_brighta_b"><i>石家庄确诊病例首发声</i><p class="iconfont icon-huore">120w热度</p></div><img src="https://tx2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png" alt=""></div>
<div class="cbody_brighta"><h3>4</h3><div class="cbody_brighta_b"><i>石家庄确诊病例首发声</i><p class="iconfont icon-huore">120w热度</p></div><img src="https://tx2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png" alt=""></div>
<div class="cbody_brighta"><h3>5</h3><div class="cbody_brighta_b"><i>石家庄确诊病例首发声</i><p class="iconfont icon-huore">120w热度</p></div><img src="https://tx2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png" alt=""></div>
<div class="cbody_brighta"><h3>6</h3><div class="cbody_brighta_b"><i>石家庄确诊病例首发声</i><p class="iconfont icon-huore">120w热度</p></div><img src="https://tx2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png" alt=""></div>
<div class="cbody_brighta"><h3>7</h3><div class="cbody_brighta_b"><i>石家庄确诊病例首发声</i><p class="iconfont icon-huore">120w热度</p></div><img src="https://tx2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png" alt=""></div>
<div class="cbody_brighta"><h3>8</h3><div class="cbody_brighta_b"><i>石家庄确诊病例首发声</i><p class="iconfont icon-huore">120w热度</p></div><img src="https://tx2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png" alt=""></div>
<div class="cbody_brighta"><h3>9</h3><div class="cbody_brighta_b"><i>石家庄确诊病例首发声</i><p class="iconfont icon-huore">120w热度</p></div><img src="https://tx2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png" alt=""></div>
<div class="cbody_brighta"><h3>10</h3><div class="cbody_brighta_b"><i>石家庄确诊病例首发声</i><p class="iconfont icon-huore">120w热度</p></div><img src="https://tx2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png" alt=""></div>
</div>
</div>
</div>
</div>
</body>
</html>