dpblogv2
/
index.html

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Document</title>
	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<link rel="stylesheet" href="css/animate.css" />
	<link rel="stylesheet" href="css/index.css" />
</head>
<body>
	<nav class="navbar navbar-inverse navbar-static-top">
		<div class="container">
			<div class="navbar-header">
				<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-menu">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a href="#" class="navbar-brand">梦中程序员</a>
			</div>
			<div class="navbar-menu collapse navbar-collapse">
				<ul class="nav navbar-nav navbar-left">
					<li><a href="#">首页</a></li>
					<li><a href="#">PHP</a></li>
					<li><a href="#">ThinkPHP</a></li>
					<li><a href="#">Laravel</a></li>
				</ul>
				<ul class="nav navbar-nav navbar-right">
					<li><a href="#">登录</a></li>
					<li><a href="#">注册</a></li>
					<li><a href="#">投稿</a></li>
				</ul>
				<form action="#" class="navbar-form navbar-right">
					<div class="form-group">
						<input type="text" class="form-control input-sm" id="search" name="search" placeholder="搜索" />
					</div>
					<div class="form-group">
						<button class="btn btn-default btn-sm">搜索</button>
					</div>
				</form>
			</div>
		</div>
	</nav>
	<div class="container">
		<div class="jumbotron">
			<h1 class="animated fadeInDown">梦中程序员！</h1>
			<p class="animated shake">梦中程序员是一个教学级博客系统，目前使用ThinkPHP5.1和Laravel5.5框架各开发一个，网站暂时只提供博文浏览功能，视频功能、留言功能、投稿功能、收益功能、推荐功能稍后开放。</p>
			<h2 class="animated fadeInUp">拜师QQ: <a href="http://wpa.qq.com/msgrd?v=3&uin=305530751&site=qq&menu=yes" target="_blank">305530751</a></h2>
		</div>
		<div class="row">
			<div class="col-sm-12 col-md-8">
				<div class="page-header h3">博文列表</div>
				<div class="article-list">
					<div class="article-list-item">
						<a href="#" class="title">数据库学习简单教程（递归的应用）（一）</a>
						<div class="info">
							<span class="author">作者：赏金</span>-
							<span class="time">发布时间：2018-02-31 03:55:23</span>-
							<span class="read">阅读：1000</span>-
							<span class="comment">评论：1K</span>
						</div>
					</div>
					<div class="article-list-item">
						<a href="#" class="title">数据库学习简单教程（递归的应用）（一）</a>
						<div class="info">
							<span class="author">作者：赏金</span>-
							<span class="time">发布时间：2018-02-31 03:55:23</span>-
							<span class="read">阅读：1000</span>-
							<span class="comment">评论：1K</span>
						</div>
					</div>
					<div class="article-list-item">
						<a href="#" class="title">数据库学习简单教程（递归的应用）（一）</a>
						<div class="info">
							<span class="author">作者：赏金</span>-
							<span class="time">发布时间：2018-02-31 03:55:23</span>-
							<span class="read">阅读：1000</span>-
							<span class="comment">评论：1K</span>
						</div>
					</div>
					<div class="article-list-item">
						<a href="#" class="title">数据库学习简单教程（递归的应用）（一）</a>
						<div class="info">
							<span class="author">作者：赏金</span>-
							<span class="time">发布时间：2018-02-31 03:55:23</span>-
							<span class="read">阅读：1000</span>-
							<span class="comment">评论：1K</span>
						</div>
					</div>
					<div class="article-list-item">
						<a href="#" class="title">数据库学习简单教程（递归的应用）（一）</a>
						<div class="info">
							<span class="author">作者：赏金</span>-
							<span class="time">发布时间：2018-02-31 03:55:23</span>-
							<span class="read">阅读：1000</span>-
							<span class="comment">评论：1K</span>
						</div>
					</div>
				</div>
				<nav class="">
					<ul class="pagination">
						<li class="disabled"><a href="#">&laquo;</a></li>
						<li class="active"><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#">5</a></li>
						<li><a href="#">&raquo;</a></li>
					</ul>
				</nav>
			</div>
			<div class="col-sm-12 col-md-4">
				<div class="page-header h3">推荐文章</div>
				<div class="topic-list">
					<div class="topic-list-item">
						<a href="#" class="title">数据库学习简单教程（递归的应用）（一）</a>
					</div>
					<div class="topic-list-item">
						<a href="#" class="title">数据库学习简单教程（递归的应用）（一）</a>
					</div>
					<div class="topic-list-item">
						<a href="#" class="title">数据库学习简单教程（递归的应用）（一）</a>
					</div>
					<div class="topic-list-item">
						<a href="#" class="title">数据库学习简单教程（递归的应用）（一）</a>
					</div>
					<div class="topic-list-item">
						<a href="#" class="title">数据库学习简单教程（递归的应用）（一）</a>
					</div>
					<div class="topic-list-item">
						<a href="#" class="title">数据库学习简单教程（递归的应用）（一）</a>
					</div>
					<div class="topic-list-item">
						<a href="#" class="title">数据库学习简单教程（递归的应用）（一）</a>
					</div>
					<div class="topic-list-item">
						<a href="#" class="title">数据库学习简单教程（递归的应用）（一）</a>
					</div>
					<div class="topic-list-item">
						<a href="#" class="title">数据库学习简单教程（递归的应用）（一）</a>
					</div>
					<div class="topic-list-item">
						<a href="#" class="title">数据库学习简单教程（递归的应用）（一）</a>
					</div>
					<div class="topic-list-item">
						<a href="#" class="title">数据库学习简单教程（递归的应用）（一）</a>
					</div>
					<div class="topic-list-item">
						<a href="#" class="title">数据库学习简单教程（递归的应用）（一）</a>
					</div>
					<div class="topic-list-item">
						<a href="#" class="title">数据库学习简单教程（递归的应用）（一）</a>
					</div>
					<div class="topic-list-item">
						<a href="#" class="title">数据库学习简单教程（递归的应用）（一）</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="footer">
		<p>Copyright 2018 <a href="#">www.dreamphp.com.cn</a> All Rights Reserved</p>
	</div>

	<script src="js/jquery-3.3.1.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
</body>
</html>