<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<!-- 优先使用 IE 最新版本和 Chrome -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- 为移动设备添加 viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<!--忽略页面中的数字识别为电话，忽略email识别-->
<meta name="format-detection" content="telphone=no, email=no" />
<title>图片新闻列表</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="css/base.css" />
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5shiv.min.js"></script>
<script type="text/javascript" src="js/respond.min.js"></script>
<![endif]-->
<style type="text/css">
.page-banner img{max-width:100%;}
.glyphicon-heart{margin-left:20px;}
</style>
<link rel="stylesheet" type="text/css" href="css/media.css" />
</head>
<body>
<!--导航-->
<nav class="navbar navbar-default navbar-fixed-top top-box">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" >
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<h1><a class="navbar-brand" href="#">
医疗保健预防疗养
</a></h1>
</div>
<div class="collapse navbar-collapse" >
<ul class="nav navbar-nav navbar-right top-nav">
<li class="active">
<a href="index.html">
首页
<span class="sr-only">(current)</span>
</a>
</li>
<li>
<a href="page.html">关于我们</a>
</li>
<li class="dropdown">
<a href="news.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">公司新闻 <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more </a></li>
</ul>
</li>
<li>
<a href="news.html">新闻中心</a>
</li>
<li>
<a href="img-news.html">图文新闻</a>
</li>
<li>
<a href="news-con.html">文章内容</a>
</li>
<li>
<a href="search.html">搜索页面</a>
</li>
<li class="search_c"><a href="#">搜索 <i class="glyphicon glyphicon-search"></i></a></li>
<form>
<input type="text" value="" class="form-control search" placeholder="请输入文章关键字或标题" >
</form>
</ul>
</div>
<!-- /.navbar-collapse 导航结束 -->
</div>
<!-- /.container -->
</nav>
<!--/ 导航-->
<!--广告图-->
<div class="container-fluid page-banner">
<div class="row">
<img src="img/4.jpg" alt="" class="img-responsive" />
</div>
</div>
<!--文章列表 -->
<div class="news">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3 hidden-xs sidebar">
<span class="open">展开栏目列表</span>
<!--电脑端页面导航-->
<ul>
<span title="关闭栏目列表" class="colse"></span>
<li class="sidebar-title">
<h3>公司新闻</h3>
<p>COMPANY NEWS</p>
</li>
<li class="sidebar-item">
<a href=""><span class="glyphicon glyphicon-play-circle"></span> 公司新闻</a>
</li>
<li class="sidebar-item">
<a href=""><span class="glyphicon glyphicon-play-circle"></span> 行业新闻</a>
</li>
</ul>
</div>
<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 right-content">
<!--手机端页面导航-->
<div class="mobile-nav hidden-md hidden-sm hidden-lg">
<div class="mobile-nav-title">
<h3>公司新闻</h3>
<p>COMPANY NEWS</p>
</div>
<div class="mobile-nav-item clearfix">
<a href=""><span class="glyphicon glyphicon-play-circle"></span> 公司新闻</a>
<a href=""><span class="glyphicon glyphicon-play-circle"></span> 行业新闻</a>
</div>
</div>
<!--面包屑导航-->
<ol class="breadcrumb bread">
<li>
<a href="index.html">首页</a>
</li>
<li class="active">公司新闻</li>
</ol>
<div class="news-list">
<h4 class="content-title">公司新闻 / <small>COMPANY NEWS</small></h4>
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 news-pic">
<img src="img/news-pic.jpg" alt="" class="img-responsive center-block" />
</div>
<div class="col-lg-8 col-md-8 col-sm-8 news-text">
<h3><a href="news-detail.html">多肉脸盲是这样搞出来的?</a></h3>
<p>
<a href="news-detail.html">有些多肉品种的名字你根本叫不出来，因为它们是杂出来的，你可能没想到有多少多肉爱好者在多肉杂交这件事上的兴趣有多浓厚，譬如下文的肉山丨大魔王，杂交了许多多肉，回首移苗，不堪痛 ...</a>
</p>
<a href="news-detail.html" class="readmore hidden-xs">阅读全文</a>
<div>
<span><i class="glyphicon glyphicon-eye-open"></i> 5321</span>
<span class=""><i class="glyphicon glyphicon-heart"></i> 53</span>
<span class="pull-right"><i class="glyphicon glyphicon-time"></i> 2017-04-30</span>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 news-pic">
<img src="img/news-pic1.jpg" alt="" class="img-responsive center-block" />
</div>
<div class="col-lg-8 col-md-8 col-sm-8 news-text">
<h3><a href="news-detail.html">如何把多肉植物养得大大的</a></h3>
<p>
<a href="news-detail.html">怎么把多肉植物养大是许多人感兴趣的话题，尤其是一些新手，恨不得一下子就把多肉植物养大了，经常会有微信后台的花友问联萌大叔诸如以下为，怎么养出老桩？怎么养出群生？怎么把多肉养 ...</a>
</p>
<a href="news-detail.html" class="readmore hidden-xs">阅读全文</a>
<div>
<span><i class="glyphicon glyphicon-eye-open"></i> 5321</span>
<span class=""><i class="glyphicon glyphicon-heart"></i> 53</span>
<span class="pull-right"><i class="glyphicon glyphicon-time"></i> 2017-04-30</span>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 news-pic">
<img src="img/news-pic2.jpg" alt="" class="img-responsive center-block" />
</div>
<div class="col-lg-8 col-md-8 col-sm-8 news-text">
<h3><a href="news-detail.html">2017定个小目标，让多肉变美</a></h3>
<p>
<a href="news-detail.html">本文为Kiki在多肉联萌的投稿，如转载请注明作者和出处，原文标题励志篇of广州。2017定个小目标，让多肉变美，下文作者Kiki坐标广州记录了她多肉变美的对比照，并且给了新 ...</a>
</p>
<a href="news-detail.html" class="readmore hidden-xs">阅读全文</a>
<div>
<span><i class="glyphicon glyphicon-eye-open"></i> 5321</span>
<span class=""><i class="glyphicon glyphicon-heart"></i> 53</spa
医疗网站.rar （41个子文件） 
医疗网站 f11409 css 
media.css 2KB bootstrap.css 111KB base.css 18KB index.css 2KB
page.html 5KB img 
zj_move.png 2KB
news-detail-pic1.jpg 39KB news-1.jpg 65KB pro-1.jpg 66KB map.png 115KB news-pic.jpg 9KB zhaosahng.png 137KB 1.png 279KB pro-3.jpg 80KB news-2.jpg 92KB pro-2.jpg 70KB 4.jpg 170KB news-pic3.jpg 10KB news-pic1.jpg 6KB news-detail-pic2.jpg 39KB news-pic2.jpg 8KB phone.png 38KB pro-4.jpg 64KB news-3.jpg 80KB 2.png 485KB email.png 48KB news-pic4.jpg 11KB img-news.html 12KB fonts glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.ttf 40KB glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.svg 123KB search.html 10KB index.html 12KB js jquery.js 85KB html5shiv.min.js 3KB respond.min.js 4KB nav.js 4KB bootstrap.js 34KB news-con.html 10KB news.html 11KB资源评论
xgliuyi
- 粉丝: 1
- 资源: 7
最新资源
- Nginx安装.docx
- 网络路由技术：华为设备上配置直连路由
- 【java毕业设计】交通事故档案管理系统源码（ssm+mysql+说明文档+LW）.zip
- 【java毕业设计】健康管理系统源码（ssm+mysql+说明文档）.zip
- 【java毕业设计】见福便利店信息管理系统源码（ssm+mysql+说明文档+LW）.zip
- 信息打点技术在APP与小程序中的应用探索及实例演示
- 大学生职业生涯规划策划书.pdf
- 【java毕业设计】机房预约系统源码（ssm+mysql+说明文档+LW）.zip
- 网络设备配置：交换机与路由器Telnet连接与VLAN配置的实践操作
- 信息打点与CDN绕过技术的深入剖析及应用
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
