Files
ClassContent/历届学生/fontendsix/项目练习/学生项目/计梦梦/ks/ks.html
2024-09-27 02:06:13 +08:00

252 lines
13 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>Document</title>
<link rel="stylesheet" href="./ks.css">
<link rel="stylesheet" href="http//at.alicdn.com/t/font_2882869_ykb64gbuupf.css">
</head>
<body>
<div class="heard">
<div class="heard_bt">
<div class="center">
<img class="center_lgt" src="../ks/img/ks.png" alt="">
<ul class="heardz_left">
<li class="heardz_left_li">我的关注</li>
<li class="heardz_left_li">我的关注</li>
<li class="heardz_left_li">我的关注<img src="../ks/img/xx.png" alt=""></li>
</ul>
<div class="heard_sousu">
<div class="heard_sousu_left">
<input type="text" value="" placeholder="输入你想输入的neir">
</div>
<div class="heard_sousu_right">
<img src="../ks/img/搜索 (1).png" alt="">
<span>搜索</span>
</div>
</div>
<ul class="heardz_right">
<li>
<img src="../ks/img/上传视频.png" alt="">
<span class="list_two_t_text">上传视频</span>
</li>
<li>
<img src="../ks/img/上传视频.png" alt="">
<span class="list_two_t_text">上传视频</span>
</li>
<li class="heardz_right_dl">登录</li>
</ul>
</div>
</div>
</div>
<div class="conten center2">
<ul class="center_list">
<li class="center_li"> 我的关注 </li>
<li class="center_li"> 我的关注 </li>
<li class="center_li"> 我的关注 </li>
<li class="center_li"> 我的关注 </li>
<li class="center_li"> 我的关注 </li>
<li class="center_li"> 我的关注 </li>
<li class="center_li"> 我的关注 </li>
<li class="center_li"> 我的关注 </li>
</ul>
<div class="conten_sy">
<div class="conten_lf">
<div class="conten_lfs">
<div class="conten_lfsz">
<span class="conten_lfsz_sp">精彩视频</span>
<span class="conten_lfsz_gd">更多></span>
</div>
<div class="conten_lfsy">
<span class="center_sjl"> &lt;</span>
<span class="center_sjl">1/15</span>
<span class="center_sjl">&gt;</span>
</div>
</div>
<ul class="conten_lfxm">
<li class="conten_lfxm_sp">
<img class="conten_lfxm_tuy" src="../ks/img/sp.jpg" alt="">
<h5> #思维游戏 </h5>
<div class="conten_lfxm_sp_tu">
<img src="../ks/img/ax.png" alt="">
<span class="conten_lfxm_sp_xih">1.4w喜欢</span>
</div>
</li>
<li class="conten_lfxm_sp">
<img class="conten_lfxm_tuy" src="../ks/img/sp.jpg" alt="">
<h5> #思维游戏 </h5>
<div class="conten_lfxm_sp_tu">
<img src="../ks/img/ax.png" alt="">
<span class="conten_lfxm_sp_xih">1.4w喜欢</span>
</div>
</li>
<li class="conten_lfxm_sp">
<img class="conten_lfxm_tuy" src="../ks/img/sp.jpg" alt="">
<h5> #思维游戏 </h5>
<div class="conten_lfxm_sp_tu">
<img src="../ks/img/ax.png" alt="">
<span class="conten_lfxm_sp_xih">1.4w喜欢</span>
</div>
</li>
<li class="conten_lfxm_sp">
<img class="conten_lfxm_tuy" src="../ks/img/sp.jpg" alt="">
<h5> #思维游戏 </h5>
<div class="conten_lfxm_sp_tu">
<img src="../ks/img/ax.png" alt="">
<span class="conten_lfxm_sp_xih">1.4w喜欢</span>
</div>
</li>
<li class="conten_lfxm_sp conte_zxm_tp">
<img class="conten_lfxm_tuy" src="../ks/img/sp.jpg" alt="">
<h5> #思维游戏 </h5>
<div class="conten_lfxm_sp_tu">
<img src="../ks/img/ax.png" alt="">
<span class="conten_lfxm_sp_xih">1.4w喜欢</span>
</div>
</li>
<li class="conten_lfxm_sp conte_zxm_tp">
<img class="conten_lfxm_tuy" src="../ks/img/sp.jpg" alt="">
<h5> #思维游戏 </h5>
<div class="conten_lfxm_sp_tu">
<img src="../ks/img/ax.png" alt="">
<span class="conten_lfxm_sp_xih">1.4w喜欢</span>
</div>
</li>
<li class="conten_lfxm_sp conte_zxm_tp">
<img class="conten_lfxm_tuy" src="../ks/img/sp.jpg" alt="">
<h5> #思维游戏 </h5>
<div class="conten_lfxm_sp_tu">
<img src="../ks/img/ax.png" alt="">
<span class="conten_lfxm_sp_xih">1.4w喜欢</span>
</div>
</li>
<li class="conten_lfxm_sp conte_zxm_tp">
<img class="conten_lfxm_tuy" src="../ks/img/sp.jpg" alt="">
<h5> #思维游戏 </h5>
<div class="conten_lfxm_sp_tu">
<img src="../ks/img/ax.png" alt="">
<span class="conten_lfxm_sp_xih">1.4w喜欢</span>
</div>
</li>
</ul>
</div>
<div class="conten_rg">
<div class="conten_lfs">
<div class="conten_lfsz">
<span class="conten_lfsz_sp">快手热榜</span>
</div>
<div class="conten_lfsy">
<span class="center_sjl"> &lt;</span>
<span class="center_sjl">1/15</span>
<span class="center_sjl">&gt;</span>
</div>
</div>
<ul class="conten_rg_xr">
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>