<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>头条</title>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="./css/news1.css" />
</head>
<body>
<div class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<a href="index.html" class="navbar-brand"></a>
</div>
<label id="toggle-label" class="visible-xs-inline-block" for="toggle-checkbox">MENU</label>
<input class="hidden" id="toggle-checkbox" type="checkbox" />
<div class="hidden-xs">
<ul class="nav navbar-nav">
<li class="active"><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>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">登录</a></li>
<li><a href="#">注册</a></li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-2">
<div class="hidden-xs list-group side-bar">
<a href="#" class="list-group-item active">综合</a>
<a href="#" class="list-group-item">电影</a>
<a href="#" class="list-group-item">电视剧</a>
<a href="#" class="list-group-item">明星</a>
<a href="#" class="list-group-item">政治</a>
<a href="#" class="list-group-item">国际</a>
<a href="#" class="list-group-item">体育</a>
<a href="#" class="list-group-item">民生</a>
</div>
</div>
<div class="col-sm-7">
<div class="news-list">
<div class="news-list-item clearfix">
<div class="col-xs-5">
<img src="images/002.jpg" />
</div>
<div class="col-xs-7">
<a href="#" class="title">2年前他为互联网事业和高圆圆分手,今成这般,高圆圆:我有一句MMP如鲠在喉</a>
<div class="info">
<span><span class="avatar"><img src="images/logo.jpg" /></span>卓伟</span>
⋅ <span>25k评论</span> ⋅
<span>10分钟前</span>
</div>
</div>
</div>
<div class="news-list-item clearfix">
<div class="col-xs-5">
<img src="images/p617951690.jpg" />
</div>
<div class="col-xs-7">
<a href="#" class="title">幕后君带你解读经典电影《肖申克的救赎》</a>
<div class="info">
<span><span class="avatar"><img src="images/logo.jpg" /></span>幕后君</span>
⋅ <span>25k评论</span> ⋅
<span>10分钟前</span>
</div>
</div>
</div>
<div class="news-list-item clearfix">
<div class="col-xs-5">
<img src="images/mun01.jpeg" />
</div>
<div class="col-xs-7">
<a href="#" class="title">曼联主场2-1塞维利亚,昔日豪门欧冠路该何去何从?</a>
<div class="info">
<span><span class="avatar"><img src="images/logo.jpg" /></span>不懂球</span>
⋅ <span>25k评论</span> ⋅
<span>10分钟前</span>
</div>
</div>
</div>
<div class="news-list-item clearfix">
<div class="col-xs-5">
<img src="images/liao.jpeg" />
</div>
<div class="col-xs-7">
<a href="#" class="title">别了,大师。别了,李敖。</a>
<div class="info">
<span><span class="avatar"><img src="images/logo.jpg" /></span>学东</span>
⋅ <span>25k评论</span> ⋅
<span>10分钟前</span>
</div>
</div>
</div>
<div class="news-list-item clearfix">
<div class="col-xs-5">
<img src="images/sun.jpg" />
</div>
<div class="col-xs-7">
<a href="#" class="title">孙宏斌撤了,乐视网一字跌停了,博反弹的股民傻眼了</a>
<div class="info">
<span><span class="avatar"><img src="images/logo.jpg" /></span>一财经</span>
⋅ <span>25k评论</span> ⋅
<span>10分钟前</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="search-bar">
<input type="search" class="form-control" placeholder="搜一下" />
</div>
<div class="side-bar-card flag clearfix">
<div class="col-xs-5">
<img src="images/1-1.png" />
</div>
<div class="col-xs-7">
<div class="text-lg">有害信息举报专区</div>
<div>举报电话:12377</div>
</div>
</div>
<div class="side-bar-card">
<div class="card-title">24小时热闻</div>
<div class="card-body">
<div class="list">
<div class="item">
<div class="title">孙宏斌撤了,乐视网一字跌停了,博反弹的股民傻眼了</div>
<div class="desc">15k阅读 1k评论</div>
</div>
<div class="item">
<div class="title">孙宏斌撤了,乐视网一字跌停了,博反弹的股民傻眼了</div>
<div class="desc">15k阅读 1k评论</div>
</div>
<div class="item">
<div class="title">孙宏斌撤了,乐视网一字跌停了,博反弹的股民傻眼了</div>
<div class="desc">15k阅读 1k评论</div>
</div>
<div class="item">
<div class="title">孙宏斌撤了,乐视网一字跌停了,博反弹的股民傻眼了</div>
<div class="desc">15k阅读 1k评论</div>
</div>
<div class="item">
<div class="title">孙宏斌撤了,乐视网一字跌停了,博反弹的股民傻眼了</div>
<div class="desc">15k阅读 1k评论</div>
</div>
<div class="item">
<div class="title">孙宏斌撤了,乐视网一字跌停了,博反弹的股民傻眼了</div>
<div class="desc">15k阅读 1k评论</div>
</div>
<div class="item">
<div class="title">孙宏斌撤了,乐视网一字跌停了,博反弹的股民傻眼了</div>
<div class="desc">15k阅读 1k评论</div>
</div>
<div class="item">
<div class="title">孙宏斌撤了,乐视网一字跌停了,博反弹的股民傻眼了</div>
<div class="desc">15k阅读 1k评论</div>
</div>
<div class="item">
<div class="title">孙宏斌撤了,乐视网一字跌停了,博反弹的股民傻眼了</div>
<div class="desc">15k阅读 1k评论</div>
</div>
<div class="item">
<div class="title">孙宏斌撤了,乐视网一字跌停了,博反弹的股民傻眼了</div>
<div class="desc">15k阅读 1k评论</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">© 头条 </div>
</body>
</html>
html+css+js网页设计
- 粉丝: 1843
- 资源: 549
最新资源
- Git 分布式版本控制系统常见操作指南
- 电力市场出清程序 IEEE14节点考虑输电阻塞,求解机组边际电价和节点边际电价 采用拉格朗日乘子进行分析计算,目标函数为发电成本最小 运用matlab中的linprog()函数实现此程序,均为m
- 电力电子、电机驱动、数字滤波器matlab simulink仿真模型实现及相关算法的C代码实现 配置C2000 DSP ADC DAC PWM定时器 中断等模块,提供simulink与DSP的联合仿
- 双层优化 大型电动汽车 时空调度 测试环境:MATLAB 关键词:双层优化,电动汽车,时空调度,配电网 考虑电动汽车有序充放电的机组组合和最优趋势,机组组合采用相同的线性化方法,采用二阶锥松弛的
- 基于MATLAB的四旋翼无人机PID控制
- 堆垛机-西门子PLC程序+输送线程序+触摸屏程序 物流仓储 涵盖通信,算法,运动控制,屏幕程序 实际项目程序 西门子S7-1200+G120+ET200S+劳易测激光测距 博途编程 采用用
- 分析储能接入对新能源消纳能力影响 目标函数:系统经济性最优包括燃料成本和弃风惩罚成本 约束:功率平衡,储能约束,机组出力上下限,机组爬坡约束,风电出力约束
- (matlab)三相并网逆变器svpwm控制+PI电流环控制(有参考文献) (1)符合入网电流谐波标准 (2)并网电流和电压同相 (3)采用锁相环PLL
- 三菱PlC程序大型项目QCPU+QD77MS16 项目说明如下: 1.包含一套完整的电气开发系统资料(包含plc程序,触摸屏程序,伺服模块设置程序,程序开发地址规划表) 2.这套开发程序是用一套完
- 基于遗传算法的配电网优化配置 软件:Matlab 介绍:分布式电源、无功补偿装置接入配电网,考虑配电网经济性、环境成本和电能质量为目标函数,使用遗传算法进行优化配置,在IEEE33节点系统进行了仿真验
- 遗传算法求解微电网日前调度 测试环境:MATLAB 用遗传算法求解电力系统简单日前调度问题,考虑微网发电成本的经济性,以微型燃气轮机发电成本、 储能运行维护成本和微网与主网之间买、卖电的交互成本为系统
- 直驱永磁风力发电机,基于Simulink建立了包括风力机、传 动系统、永磁同步发电机、整流逆变、电网等模块的永磁直驱风力发电机控制系统模型 附带文件说明
- 西门子modbus通讯 读取或写入仪表
- 三菱Q程序程序(某集团设备程序) 用三菱Q系列和威纶触摸屏编写 此程序已经实际设备上批量应用,程序成熟可靠,借鉴价值高,程序有注释 由于程序代码可复制发后不可 此款为宏指令未加密
- 考虑降解成本的具有混合储能的微电网两层能源管理系统,采用了模型预测控制的方法
- 综合能源系统仿真,冷热电三联供仿真,simulink仿真
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈