249 lines
13 KiB
HTML
249 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="http://at.alicdn.com/t/font_2580548_2ntvjg0u7ml.css">
|
||
<link rel="stylesheet" href="css/clear.css">
|
||
<link rel="stylesheet" href="css/index.css">
|
||
<link rel="stylesheet" href="css/public.css">
|
||
</head>
|
||
<body>
|
||
<div class="header">
|
||
<div class="herder_logo">
|
||
<div class="layout relative">
|
||
<img src="img/logo.png" alt="图片未加载" class="logo left">
|
||
<div class="search left absolute"><!--搜索框-->
|
||
<input class="search_input left" type="text" placeholder="15头野象位临昆明">
|
||
<div class="search_button left">
|
||
<i class="iconfont icon-sousuo"></i>
|
||
<span>搜索</span>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="action right"><!--用户头像-->
|
||
<ul>
|
||
<li>
|
||
<i class="iconfont icon-shangchuan"></i>
|
||
<p>上传</p>
|
||
</li>
|
||
<li>
|
||
<i class="iconfont icon-shouji"></i>
|
||
<p>客户端</p>
|
||
</li>
|
||
<li>
|
||
<i class="iconfont icon-shouji"></i>
|
||
<p>动态</p>
|
||
</li>
|
||
<li>
|
||
<img src="./img/user.png" alt="图片未加载">
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
<div class="header_menu">
|
||
<ul class="layout">
|
||
<li class="active"><a href="">推荐</a></li>
|
||
<li><a href="">影视</a></li>
|
||
<li><a href="">音乐</a></li>
|
||
<li><a href="">VLOG</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>
|
||
<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>
|
||
</div>
|
||
<div class="content"><!--内容-->
|
||
<div class="layout"><!--布局-->
|
||
<div class="banner hidden"><!--横幅-->
|
||
<img class="lunbo left"
|
||
src="https://pic.rmb.bdstatic.com/baidu-rmb-video-cover-1/2020-8/1598620789888/2b1fc9f72cfe.jpg" alt="图片未显示">
|
||
<ul class="info_ul left"><!--重复性布局-->
|
||
<li class="item"><!--图片及文字容器-->
|
||
<img src="https://tukuimg.bdstatic.com/processed/7e4602899d113dcf4bb36f02d3c0291a.jpeg@s_0,w_660,h_370,q_80,f_webp" alt=""><!--图片-->
|
||
<div class="blak"></div><!--背景层-->
|
||
<div class="info">
|
||
<div class="info_top">据说针筒靠近特斯拉线圈能抽取光源，试了很成功，那用稀有气体呢</div>
|
||
<div class="info_center">胡一零</div>
|
||
<ul class="info_list hidden">
|
||
<li>
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>51万</span>
|
||
</li>
|
||
<li>
|
||
<i class="iconfont icon-huihua"></i>
|
||
<span>120</span>
|
||
</li>
|
||
</ul>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="item"><!--图片及文字容器-->
|
||
<img src="https://tukuimg.bdstatic.com/processed/7e4602899d113dcf4bb36f02d3c0291a.jpeg@s_0,w_660,h_370,q_80,f_webp" alt=""><!--图片-->
|
||
<div class="blak"></div><!--背景层-->
|
||
<div class="info">
|
||
<div class="info_top">据说针筒靠近特斯拉线圈能抽取光源，试了很成功，那用稀有气体呢</div>
|
||
<div class="info_center">胡一零</div>
|
||
<ul class="info_list hidden">
|
||
<li>
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>51万</span>
|
||
</li>
|
||
<li>
|
||
<i class="iconfont icon-huihua"></i>
|
||
<span>120</span>
|
||
</li>
|
||
</ul>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="item"><!--图片及文字容器-->
|
||
<img src="https://tukuimg.bdstatic.com/processed/7e4602899d113dcf4bb36f02d3c0291a.jpeg@s_0,w_660,h_370,q_80,f_webp" alt=""><!--图片-->
|
||
<div class="blak"></div><!--背景层-->
|
||
<div class="info">
|
||
<div class="info_top">据说针筒靠近特斯拉线圈能抽取光源，试了很成功，那用稀有气体呢</div>
|
||
<div class="info_center">胡一零</div>
|
||
<ul class="info_list hidden">
|
||
<li>
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>51万</span>
|
||
</li>
|
||
<li>
|
||
<i class="iconfont icon-huihua"></i>
|
||
<span>120</span>
|
||
</li>
|
||
</ul>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="item"><!--图片及文字容器-->
|
||
<img src="https://tukuimg.bdstatic.com/processed/7e4602899d113dcf4bb36f02d3c0291a.jpeg@s_0,w_660,h_370,q_80,f_webp" alt=""><!--图片-->
|
||
<div class="blak"></div><!--背景层-->
|
||
<div class="info">
|
||
<div class="info_top">据说针筒靠近特斯拉线圈能抽取光源，试了很成功，那用稀有气体呢</div>
|
||
<div class="info_center">胡一零</div>
|
||
<ul class="info_list hidden">
|
||
<li>
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>51万</span>
|
||
</li>
|
||
<li>
|
||
<i class="iconfont icon-huihua"></i>
|
||
<span>120</span>
|
||
</li>
|
||
</ul>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="item"><!--图片及文字容器-->
|
||
<img src="https://tukuimg.bdstatic.com/processed/7e4602899d113dcf4bb36f02d3c0291a.jpeg@s_0,w_660,h_370,q_80,f_webp" alt=""><!--图片-->
|
||
<div class="blak"></div><!--背景层-->
|
||
<div class="info">
|
||
<div class="info_top">据说针筒靠近特斯拉线圈能抽取光源，试了很成功，那用稀有气体呢</div>
|
||
<div class="info_center">胡一零</div>
|
||
<ul class="info_list hidden">
|
||
<li>
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>51万</span>
|
||
</li>
|
||
<li>
|
||
<i class="iconfont icon-huihua"></i>
|
||
<span>120</span>
|
||
</li>
|
||
</ul>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="item"><!--图片及文字容器-->
|
||
<img src="https://tukuimg.bdstatic.com/processed/7e4602899d113dcf4bb36f02d3c0291a.jpeg@s_0,w_660,h_370,q_80,f_webp" alt=""><!--图片-->
|
||
<div class="blak"></div><!--背景层-->
|
||
<div class="info">
|
||
<div class="info_top">据说针筒靠近特斯拉线圈能抽取光源，试了很成功，那用稀有气体呢</div>
|
||
<div class="info_center">胡一零</div>
|
||
<ul class="info_list hidden">
|
||
<li>
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>51万</span>
|
||
</li>
|
||
<li>
|
||
<i class="iconfont icon-huihua"></i>
|
||
<span>120</span>
|
||
</li>
|
||
</ul>
|
||
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
|
||
</div>
|
||
<div class="video">
|
||
<div class="title">影视</div>
|
||
<ul><!--图片及文字容器-->
|
||
<li>
|
||
<div class="top"><!--上半部分图片-->
|
||
<img src="https://tukuimg.bdstatic.com/processed/35e851eb6e1a062e4d5d52e48be2065e.jpeg@s_0,w_660,h_370,q_80" alt="图片无法显示">
|
||
<span>00:34</span>
|
||
</div>
|
||
<p class="top_title">端午节 成都去俄么塘必备三日游攻略#端午节旅行清单#</p>
|
||
<div class="icon hidden"><!--图标部分-->
|
||
<div class="icon_itme">
|
||
<i class="iconfont icon-chakan"></i>
|
||
<span>1495</span>
|
||
</div>
|
||
<div class="icon_itme">
|
||
<i class="iconfont icon-huihua"></i>
|
||
<span>0</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
</ul>
|
||
</div><!--影视-->
|
||
</div>
|
||
</div>
|
||
<div class="footer">
|
||
<div class="footer_wrap">
|
||
<ul class="footer_top hidden">
|
||
<li>
|
||
<a href="">品牌合作</a>
|
||
<a href="">品牌合作</a>
|
||
</li>
|
||
<li>
|
||
<a href="">品牌合作</a>
|
||
<a href="">品牌合作</a>
|
||
</li>
|
||
<li>
|
||
<a href="">品牌合作</a>
|
||
</li>
|
||
<li class="line"></li>
|
||
<li class="code hidden">
|
||
<div class="text left">
|
||
<p>扫码下载客户端</p>
|
||
<p>轻松有收获</p>
|
||
</div>
|
||
<img class="left" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAdQAAAHUAQMAAAC56UsvAAAABlBMVEUAAAD///+l2Z/dAAACTUlEQVR42u3cQW7DMAxEUd3A97+lb8A2qS0OKaUFsukE+EYQJI6eu7EEmqQ64u3jHFisnT3HPPJq3yePeJx5friGPT/kYCzW0uq8eAwQe73reJkIWKyjPcu9fd3891Hu/DYYi3W291zQr+UnLPbjbP31OnNgsR9i9bnyHpaxygzC/4pzsFgH2x8Pf329fA7FYh3skvrLufAzC6JELy/zhFisg70XbU33ZYZkyNWWfCAWa2f1PtdA5X7lZeelNJGCxVrajLSPKImRpZKYsTcW62ZvVcKVMWYh5vp6lHcs1tZmzUXXc03utVglsFhju1vkrwseJRTXiB2LdbTz4fHscbWWY/R5UwuOWKybnWfm/Z8tTBKitEwgFutoa1jSFu2W69vUFrFYM6s3eetZmu3T2ROyDbyxWCebab0ZsURoaSYvqw17WKyfzZ90M0tkebHE3m2+YLFmNsdomC2VF/1QWkGwWENbO07bdq2cHWutHIv1s9rasTadrpXH7KPGYt3s0sukMXbvd1r2J2KxbrbNgtLLdGSlRmvl5c9hsU62tXxoiTxz17V/r2UIsVgXuyzvGX5HrvN6vsQzWKyVjc222dJKveRMSpyDxVpZ6TWN9o9oWldeDVewWEerx7nbWhibQvl4tS0Xi/1f21J80QuLGbSM3nqKxRpaXed7kmRpTN20WGOxVrat1TXkntu4WvUci3W3c9iudzp04wAW62/P0RIgPWUdy95wLNbNRslO76dA3dvScn1YrI/tz5KxqZWPMTYtTFism337wGLt7BcOoXzuYAD95QAAAABJRU5ErkJggg==" alt="">
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="footer_bottom">
|
||
© 2021 Baidu 京ICP证030173号 京公网安备11000002000001 京网文（2017）2863-327号
|
||
</div>
|
||
</div>
|
||
|
||
</body>
|
||
</html> |