master

分支 (1)

管理

管理

master

niuniu_blog
/
blog_regist.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title> 博客列表 - QueryBuilder jQuery </title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="keywords"
          content="Bootstrap blog , queryBuilder 博客,jquery queryBuildder , queryBuilder 博客,queryBuilder 论坛,queryBuilder 技术,Bootstrap 博客 "/>
    <link rel="stylesheet" href="css/navbar-fixed-top.css" type="text/css">
    <link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css" type="text/css">
    <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>


    <style>

    </style>

    <script type="text/javascript">

        $(function () {
            $('#user_land').on('click', function () {
                $('#myModal').modal({
                    keyboard: false
                })
            });
        });

    </script>
</head>
<body>
<!-- navbar -->
<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand hidden-sm" href="http://www.niubai.net.cn"
               onclick="_hmt.push(['_trackEvent', 'navbar', 'click', 'navbar-首页'])">QueryBuilder 首页</a>
        </div>
        <div class="navbar-collapse collapse" role="navigation">
            <ul class="nav navbar-nav">
                <li><a href="#" target="_blank">博文列表</a></li>
                <li><a href="#" target="_blank">发表博客</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right hidden-sm">
                <li><a href="javascript:void(0)" id="user_land">登陆</a></li>
                <li><a href="#">关于</a></li>
            </ul>
        </div>
    </div>
</div>
<!--  content -->
<div class="container bs-docs-container">
    <div class="row">
        <div class="col-md-3" role="complementary">
            <h2>博客设置</h2>

            <ul class="nav bs-docs-sidenav">

                <li class="">
                    <a href="#overview">修改个人资料</a>

                </li>
                <li class="active">
                    <a href="#grid">修改登录密码</a>

                </li>
                <li class="">
                    <a href="#code">更改头像图片</a>

                </li>
                <li class="">
                    <a href="#type">草稿箱</a>
                </li>
                <li class="">
                    <a href="#type">博客管理</a>
                </li>

            </ul>


        </div>
        <div class="col-md-9" role="main">
            <ol class="breadcrumb">
                <li><a href="#">QueryBuilder 文档 </a></li>
                <li><a href="#">博客</a></li>
                <li class="active">博客列表</li>
            </ol>

            <div class="list-group blog_con">
                <span href="#" class="list-group-item ">
                    <h3 class="list-group-item-heading"><a href="#" class=" ">Cobbler 二次开发接入点说明</a></h3>
                    <p>
                        阅读 <span class="badge">105</span>&nbsp;&nbsp;&nbsp; 评论 <span class="badge">12</span>&nbsp;&nbsp;&nbsp;
                        赞 <span class="badge">23</span>&nbsp;&nbsp;&nbsp; <a href="#">编辑</a> | <a href="#">删除</a>
                    </p>

                    <p>
                        作为一个批量自动化撞击的开源工具，具有很好的系统支持行，给机房管理人员减轻了大量 繁琐复杂的安装配izhiguocheng。本文所讲的cobbler
                        二次开发仅针对cobbler安装客户机是的实时日志监控和转发，和cobbler 监听项目发送的指令的开发切入点，本文并不涉及到任何实际代码开发。

                    </p>
                </span>
            </div>

            <div class="list-group blog_con">
                <span href="#" class="list-group-item ">
                    <h3 class="list-group-item-heading"><a href="#" class=" ">Cobbler 二次开发接入点说明</a></h3>
                    <p>
                        阅读 <span class="badge">105</span>&nbsp;&nbsp;&nbsp; 评论 <span class="badge">12</span>&nbsp;&nbsp;&nbsp;
                        赞 <span class="badge">23</span>&nbsp;&nbsp;&nbsp; <a href="#">编辑</a> | <a href="#">删除</a>
                    </p>

                    <p>
                        作为一个批量自动化撞击的开源工具，具有很好的系统支持行，给机房管理人员减轻了大量 繁琐复杂的安装配izhiguocheng。本文所讲的cobbler
                        二次开发仅针对cobbler安装客户机是的实时日志监控和转发，和cobbler 监听项目发送的指令的开发切入点，本文并不涉及到任何实际代码开发。

                    </p>
                </span>
            </div>
            <div class="list-group blog_con">
                <span href="#" class="list-group-item ">
                    <h3 class="list-group-item-heading"><a href="#" class=" ">Cobbler 二次开发接入点说明</a></h3>
                    <p>
                        阅读 <span class="badge">105</span>&nbsp;&nbsp;&nbsp; 评论 <span class="badge">12</span>&nbsp;&nbsp;&nbsp;
                        赞 <span class="badge">23</span>&nbsp;&nbsp;&nbsp; <a href="#">编辑</a> | <a href="#">删除</a>
                    </p>

                    <p>
                        作为一个批量自动化撞击的开源工具，具有很好的系统支持行，给机房管理人员减轻了大量 繁琐复杂的安装配izhiguocheng。本文所讲的cobbler
                        二次开发仅针对cobbler安装客户机是的实时日志监控和转发，和cobbler 监听项目发送的指令的开发切入点，本文并不涉及到任何实际代码开发。

                    </p>
                </span>
            </div>


        </div>


    </div>
</div>

<!--模态框-->
<!-- Modal -->
<div id="myModal" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="center-block w-100p p-15">

                <h3 class="text-center"><strong>登陆 QueryBuilder </strong></h3>
                <div class="card-module w-100p p-20 pt-30">
                    <div>
                        <form id="signin" role="form" action="/login" method="post">
                            <div class="form-group email">
                                <label for="email">用户名</label>
                                <input type="email" name="email" class="form-control input-lg" id="email" placeholder="用户名">
                            </div>
                            <div class="form-group password mb-20">
                                <div class="pull-right font-12"><a tabindex="-1" href="/forgot-password">忘记密码 ？</a></div>
                                <label for="password">密码</label>
                                <input name="password" type="password" class="form-control input-lg" id="password" placeholder="密码">
                            </div>
                            <a class="w-100p btn btn-primary btn-lg btn-block" href="#"><i class="fa fa-github"></i>&nbsp;&nbsp;登陆</a>
                            <div class="text-center">
                                <span class="font-18">or</span>
                            </div>
                            <a class="w-100p btn btn-default btn-lg btn-block" href="#"><i class="fa fa-github"></i>&nbsp;&nbsp;使用 QQ 登陆</a>
                            <p class="text-center">Don't have an account yet?&nbsp;&nbsp;<br><a href="/signup">Create free account.</a></p>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--foot-->
<div class="copyright">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <span>Copyright © <a href="http://www.niubai.net.cn/">jQuery queryBuilder 牛牛技术网</a></span> |
                <span><a href="http://www.miibeian.gov.cn/" target="_blank">鲁ICP备16025806号-1</a></span> <!--|-->
                <!--<span>京公网安备11010802014853</span>-->
            </div>
        </div>
    </div>
</div>
</body>
</html>