bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
852d94fbb93a47ae01be3d710d9cba7f6dc72304
ClassContent/历届学生/fontendsix/项目练习/上课项目/搜狐新闻/index.html
编码猿 852d94fbb9 first commit
2024-09-27 02:06:13 +08:00

249 lines
11 KiB
HTML
Raw 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>Document</title>
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/public.css">
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2880382_tbxs7c9c3i.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<div class="header">
<div class="center">
<div class="logo float_left">
<i class="iconfont icon-shouye-shouye float_left"></i>
<div class="logo_text float_left"></div>
</div>
<ul class="logo_menu float_left">
<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>
<div class="menu_list">
更多
<i class="iconfont icon-zhankai"></i>
<div class="dropmenu">
<a class="item" href="">测试</a>
<a class="item" href="">测试</a>
<a class="item" href="">测试</a>
<a class="item" href="">测试</a>
<a class="item" href="">测试</a>
<a class="item" href="">测试</a>
<a class="item" href="">测试</a>
<a class="item" href="">测试</a>
<a class="item" href="">测试</a>
<a class="item" href="">测试</a>
<a class="item" href="">测试</a>
<a class="item" href="">测试</a>
</div>
</div>
</li>
<li>
<a href="">无障碍</a>
</li>
<li>
<a href="">
<i class="iconfont icon-jurassic_user"></i>
登录
</a>
</li>
</ul>
</div>
</div>
<div class="content">
<div class="center">
<div class="left float_left">
<div class="text_user">
<img class="text_userimg" src="https://5b0988e595225.cdn.sohucs.com/avatar/picon/2014/04/14/139746392399510175.png" alt="">
<p class="text_usertitle">中国新闻网</p>
<div class="text_tip">
<img src="./img/tip.png" alt="">
<img src="./img/tip.png" alt="">
</div>
<ul class="text_nums">
<li>
<p>112万</p>
<span>文章</span>
</li>
<li>
<p>685亿</p>
<span>总阅读</span>
</li>
</ul>
<div class="viewall">查看TA的文章></div>
</div>
<div class="text_comment">
<div class="titlestyle">评论</div>
<i class="iconfont icon-pinglun"></i>
<p>126</p>
</div>
<div class="text_share">
<div class="titlestyle">分享</div>
<ul>
<li>
<img src="./img/wx.png" alt="">
<span>微信分享</span>
</li>
<li>
<img src="./img/wx.png" alt="">
<span>微信分享</span>
</li>
<li>
<img src="./img/wx.png" alt="">
<span>微信分享</span>
</li>
<li>
<img src="./img/wx.png" alt="">
<span>微信分享</span>
</li>
</ul>
</div>
</div>
<div class="mid float_left">
<div class="center_text">
<h2>猪肉价格会继续下降？秋收秋种如何？权威回应来了</h2>
<p>2021-10-20 14:30</p>
</div>
<div class="center_comment">
<div class="comment_push">
<div class="comment_push_title">
<div class="comment_name float_left">
我来说两句
</div>
<div class="comment_tips float_right">
<img class="float_left" src="./img/gt.png" alt="">
<span class="float_left">
<span class="act">126</span>人参与，<span class="act">50</span>条评论
</span>
</div>
</div>
<div class="comment_push_input">
<textarea name="" id="" cols="30" rows="10"></textarea>
<div class="comment_push_action">
<div class="comment_push_action_left">
<span class="float_left">快速登录：</span>
<ul class="float_left">
<li><a href=""><img src="./img/wx.png" alt=""></a></li>
<li><a href=""><img src="./img/wx.png" alt=""></a></li>
<li><a href=""><img src="./img/wx.png" alt=""></a></li>
<li><a href=""><img src="./img/wx.png" alt=""></a></li>
</ul>
</div>
<div class="comment_push_submit">登录并发表</div>
</div>
</div>
</div>
<p class="comment_ts">搜狐“我来说两句” 用户公约</p>
<div class="comment_list">
<div class="comment_list_title">热门评论</div>
<ul class="comment_list_all">
<li>
<img class="float_left" src="http://p6.itc.cn/q_70/images03/20210916/3dbac0fb3bb847dab1634e3c4ea0a78e.jpeg" alt="">
<div class="all_text float_left">
<p class="all_text_title">执著</p>
<p>特别是秋收还能增长？种粮食全在北方，北方那么多地区水灾看不到吗？还增产了居然，呵呵！</p>
<div class="all_bottom">
<span class="float_left">10月20日 19:52</span>
<div class="all_bottom_action float_right">
<div class="bottom_action_item">回复</div>
<div class="bottom_action_item">
<i class="iconfont icon-dianzan_kuai"></i>
2
</div>
</div>
</div>
</div>
</li>
<li>
<img class="float_left" src="http://p6.itc.cn/q_70/images03/20210916/3dbac0fb3bb847dab1634e3c4ea0a78e.jpeg" alt="">
<div class="all_text float_left">
<p class="all_text_title">执著</p>
<p>特别是秋收还能增长？种粮食全在北方，北方那么多地区水灾看不到吗？还增产了居然，呵呵！</p>
<div class="all_bottom">
<span class="float_left">10月20日 19:52</span>
<div class="all_bottom_action float_right">
<div class="bottom_action_item">回复</div>
<div class="bottom_action_item">
<i class="iconfont icon-dianzan_kuai"></i>
2
</div>
</div>
</div>
</div>
</li>
<li>
<img class="float_left" src="http://p6.itc.cn/q_70/images03/20210916/3dbac0fb3bb847dab1634e3c4ea0a78e.jpeg" alt="">
<div class="all_text float_left">
<p class="all_text_title">执著</p>
<p>特别是秋收还能增长？种粮食全在北方，北方那么多地区水灾看不到吗？还增产了居然，呵呵！</p>
<div class="all_bottom">
<span class="float_left">10月20日 19:52</span>
<div class="all_bottom_action float_right">
<div class="bottom_action_item">回复</div>
<div class="bottom_action_item">
<i class="iconfont icon-dianzan_kuai"></i>
2
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="right float_right">
<div class="search overflow">
<input class="float_left" type="input" value="" placeholder="搜索一下">
<i class="iconfont icon-sousuo1 float_left"></i>
</div>
</div>
</div>
</div>
<div class="footer">
</div>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink