加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
blog.html 7.88 KB
一键复制 编辑 原始数据 按行查看 历史
风原 提交于 2022-04-03 14:12 . 初始化
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.ico">
<title>Preclinic - Medical & Hospital - Bootstrap 4 Admin Template</title>
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<!--[if lt IE 9]>
<script src="assets/js/html5shiv.min.js"></script>
<script src="assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="content">
<div class="row">
<div class="col-sm-8 col-4">
<h4 class="page-title">Blog</h4>
</div>
<div class="col-sm-4 col-8 text-right m-b-30">
<a class="btn btn-primary btn-rounded float-right" href="add-blog.html"><i class="fa fa-plus"></i> Add Blog</a>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-6 col-lg-4">
<div class="blog grid-blog">
<div class="blog-image">
<a href="blog-details.html"><img class="img-fluid" src="assets/img/blog/blog-01.jpg" alt=""></a>
</div>
<div class="blog-content">
<h3 class="blog-title"><a href="blog-details.html">Do You Know the ABCs of Health Care?</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur em adipiscing elit, sed do eiusmod tempor incididunt ut labore etmis dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco sit laboris.</p>
<a href="blog-details.html" class="read-more"><i class="fa fa-long-arrow-right"></i> Read More</a>
<div class="blog-info clearfix">
<div class="post-left">
<ul>
<li><a href="#."><i class="fa fa-calendar"></i> <span>December 6, 2017</span></a></li>
</ul>
</div>
<div class="post-right"><a href="#."><i class="fa fa-heart-o"></i>21</a> <a href="#."><i class="fa fa-eye"></i>8</a> <a href="#."><i class="fa fa-comment-o"></i>17</a></div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4">
<div class="blog grid-blog">
<div class="blog-image">
<a href="blog-details.html"><img class="img-fluid" src="assets/img/blog/blog-02.jpg" alt=""></a>
</div>
<div class="blog-content">
<h3 class="blog-title"><a href="blog-details.html">Do You Know the ABCs of Health Care?</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur em adipiscing elit, sed do eiusmod tempor incididunt ut labore etmis dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco sit laboris.</p>
<a href="blog-details.html" class="read-more"><i class="fa fa-long-arrow-right"></i> Read More</a>
<div class="blog-info clearfix">
<div class="post-left">
<ul>
<li><a href="#."><i class="fa fa-calendar"></i> <span>December 6, 2017</span></a></li>
</ul>
</div>
<div class="post-right"><a href="#."><i class="fa fa-heart-o"></i>21</a> <a href="#."><i class="fa fa-eye"></i>8</a> <a href="#."><i class="fa fa-comment-o"></i>17</a></div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4">
<div class="blog grid-blog">
<div class="blog-image">
<a href="blog-details.html"><img class="img-fluid" src="assets/img/blog/blog-03.jpg" alt=""></a>
</div>
<div class="blog-content">
<h3 class="blog-title"><a href="blog-details.html">Do You Know the ABCs of Health Care?</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur em adipiscing elit, sed do eiusmod tempor incididunt ut labore etmis dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco sit laboris.</p>
<a href="blog-details.html" class="read-more"><i class="fa fa-long-arrow-right"></i> Read More</a>
<div class="blog-info clearfix">
<div class="post-left">
<ul>
<li><a href="#."><i class="fa fa-calendar"></i> <span>December 6, 2017</span></a></li>
</ul>
</div>
<div class="post-right"><a href="#."><i class="fa fa-heart-o"></i>21</a> <a href="#."><i class="fa fa-eye"></i>8</a> <a href="#."><i class="fa fa-comment-o"></i>17</a></div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-4">
<div class="blog grid-blog">
<div class="blog-image">
<a href="blog-details.html"><img class="img-fluid" src="assets/img/blog/blog-04.jpg" alt=""></a>
</div>
<div class="blog-content">
<h3 class="blog-title"><a href="blog-details.html">Do You Know the ABCs of Health Care?</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur em adipiscing elit, sed do eiusmod tempor incididunt ut labore etmis dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco sit laboris.</p>
<a href="blog-details.html" class="read-more"><i class="fa fa-long-arrow-right"></i> Read More</a>
<div class="blog-info clearfix">
<div class="post-left">
<ul>
<li><a href="#."><i class="fa fa-calendar"></i> <span>December 6, 2017</span></a></li>
</ul>
</div>
<div class="post-right"><a href="#."><i class="fa fa-heart-o"></i>21</a> <a href="#."><i class="fa fa-eye"></i>8</a> <a href="#."><i class="fa fa-comment-o"></i>17</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sidebar-overlay" data-reff=""></div>
<script src="assets/js/jquery-3.2.1.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/jquery.slimscroll.js"></script>
<script src="assets/js/app.js"></script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化