代码拉取完成,页面将自动刷新
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>app view</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" href="style/css/bootstrap.min.css">
<link rel="stylesheet" href="style/css/bootflat.min.css">
<link rel="stylesheet" href="style/css/style.css">
<script src="style/js/jquery-2.1.1.min.js"></script>
<script src="style/js/bootstrap.min.js"></script>
<script src="style/js/icheck.min.js"></script>
<script src="style/js/jquery.fs.selecter.min.js"></script>
<script src="style/js/jquery.fs.stepper.min.js"></script>
<script src="style/js/scotchPanels.min.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<a class="navbar-brand toggle-panel">
<span>
<i class="glyphicon glyphicon-th-large"></i>
</span>
<span>Eyas</span>
</a>
<a href="#" class="pull-right eyas-site">
<i class="glyphicon glyphicon-user"></i>
</a>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<div class="panelize-meeeee side-nav" data-containerSelector="body" data-direction="left" data-clickSelector=".toggle-panel">
<div class="jumbotron side-nav-top">
<h1>
<img src="http://placehold.it/200x200" class="img-circle" alt="">
</h1>
<p>作者:Eyas</p>
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<i class="glyphicon glyphicon-home side-icon"></i>wordpress</a>
<a href="#" class="list-group-item">
<i class="glyphicon glyphicon-home side-icon"></i>Dapibus ac facilisis in</a>
<a href="#" class="list-group-item">
<i class="glyphicon glyphicon-home side-icon"></i>Morbi leo risus</a>
<a href="#" class="list-group-item">
<i class="glyphicon glyphicon-home side-icon"></i>Porta ac consectetur ac</a>
<a href="#" class="list-group-item">
<i class="glyphicon glyphicon-home side-icon"></i>Vestibulum at eros</a>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xs-12">
<!--文章列表项-->
<div class="panel">
<div class="panel-body">
<a href="#">
<a href="#" class="post-title">DooPHP框架是一个很简单的</a>
<div class="attrs">
<div class="attr">
<i class="glyphicon glyphicon-eye-open"></i>
<span>23</span>
</div>
<div class="attr">
<i class="glyphicon glyphicon-time"></i>
<span>2014-10-07</span>
</div>
</div>
<div class="thumbnail">
<a href="#">
<img src="http://placehold.it/600x200" alt="">
</a>
</div>
<div class="post-abstract">
<a href="#">DooPHP框架是一个很简单的小框架,它实现了MVC、ORM、路由,并且实现的非常好用,没有其他多余的功能。 面全是注...</a>
</div>
</a>
</div>
<div class="panel-footer">
<a href="#">查看全文</a>
</div>
</div>
<!--文章列表项-->
<div class="panel">
<div class="panel-body">
<a href="#">
<a href="#" class="post-title">DooPHP框架是一个很简单的</a>
<div class="attrs">
<div class="attr">
<i class="glyphicon glyphicon-eye-open"></i>
<span>23</span>
</div>
<div class="attr">
<i class="glyphicon glyphicon-time"></i>
<span>2014-10-07</span>
</div>
</div>
<div class="thumbnail">
<a href="#">
<img src="http://placehold.it/600x200" alt="">
</a>
</div>
<div class="post-abstract">
<a href="#">DooPHP框架是一个很简单的小框架,它实现了MVC、ORM、路由,并且实现的非常好用,没有其他多余的功能。 面全是注...</a>
</div>
</a>
</div>
<div class="panel-footer">
<a href="#">查看全文</a>
</div>
</div>
<!--文章列表项-->
<div class="panel">
<div class="panel-body">
<a href="#">
<a href="#" class="post-title">DooPHP框架是一个很简单的</a>
<div class="attrs">
<div class="attr">
<i class="glyphicon glyphicon-eye-open"></i>
<span>23</span>
</div>
<div class="attr">
<i class="glyphicon glyphicon-time"></i>
<span>2014-10-07</span>
</div>
</div>
<div class="thumbnail">
<a href="#">
<img src="http://placehold.it/600x200" alt="">
</a>
</div>
<div class="post-abstract">
<a href="#">DooPHP框架是一个很简单的小框架,它实现了MVC、ORM、路由,并且实现的非常好用,没有其他多余的功能。 面全是注...</a>
</div>
</a>
</div>
<div class="panel-footer">
<a href="#">查看全文</a>
</div>
</div>
<!--文章列表项-->
<div class="panel">
<div class="panel-body">
<a href="#">
<a href="#" class="post-title">DooPHP框架是一个很简单的</a>
<div class="attrs">
<div class="attr">
<i class="glyphicon glyphicon-eye-open"></i>
<span>23</span>
</div>
<div class="attr">
<i class="glyphicon glyphicon-time"></i>
<span>2014-10-07</span>
</div>
</div>
<div class="thumbnail">
<a href="#">
<img src="http://placehold.it/600x200" alt="">
</a>
</div>
<div class="post-abstract">
<a href="#">DooPHP框架是一个很简单的小框架,它实现了MVC、ORM、路由,并且实现的非常好用,没有其他多余的功能。 面全是注...</a>
</div>
</a>
</div>
<div class="panel-footer">
<a href="#">查看全文</a>
</div>
</div>
<!--文章列表项-->
<div class="panel">
<div class="panel-body">
<a href="#">
<a href="#" class="post-title">DooPHP框架是一个很简单的</a>
<div class="attrs">
<div class="attr">
<i class="glyphicon glyphicon-eye-open"></i>
<span>23</span>
</div>
<div class="attr">
<i class="glyphicon glyphicon-time"></i>
<span>2014-10-07</span>
</div>
</div>
<div class="thumbnail">
<a href="#">
<img src="http://placehold.it/600x200" alt="">
</a>
</div>
<div class="post-abstract">
<a href="#">DooPHP框架是一个很简单的小框架,它实现了MVC、ORM、路由,并且实现的非常好用,没有其他多余的功能。 面全是注...</a>
</div>
</a>
</div>
<div class="panel-footer">
<a href="#">查看全文</a>
</div>
</div>
<!--文章列表项-->
<div class="panel">
<div class="panel-body">
<a href="#">
<a href="#" class="post-title">DooPHP框架是一个很简单的</a>
<div class="attrs">
<div class="attr">
<i class="glyphicon glyphicon-eye-open"></i>
<span>23</span>
</div>
<div class="attr">
<i class="glyphicon glyphicon-time"></i>
<span>2014-10-07</span>
</div>
</div>
<div class="thumbnail">
<a href="#">
<img src="http://placehold.it/600x200" alt="">
</a>
</div>
<div class="post-abstract">
<a href="#">DooPHP框架是一个很简单的小框架,它实现了MVC、ORM、路由,并且实现的非常好用,没有其他多余的功能。 面全是注...</a>
</div>
</a>
</div>
<div class="panel-footer">
<a href="#">查看全文</a>
</div>
</div>
</div>
<!--./col-xs-12-->
</div>
<!-- /row-->
</div>
<script>
$('.panelize-meeeee').scotchPanel({
direction: 'left', // Will be overwritten by the Data Attributes
duration: 150, // Will apply to both
distanceX: '70%'
});
</script>
</body>
</html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。