104 lines
9.4 KiB
HTML
104 lines
9.4 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="./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> |