
<?php
/**
 * Title: 博客列表
 * Slug: gcoa/blog-list
 * Categories: pages
 * Keywords: 博客列表
 * Block Types: core/html
 */
?>
<!-- gc:html -->
<div class="page-header">
    <h2 class="header-title">博客列表</h2>
    <div class="header-sub-title">
        <nav class="breadcrumb breadcrumb-dash">
            <a href="#" class="breadcrumb-item"><i class="anticon anticon-home m-r-5"></i>首页</a>
            <a class="breadcrumb-item" href="#">页面</a>
            <span class="breadcrumb-item active">博客列表</span>
        </nav>
    </div>
</div>
<div class="container">
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-md-4">
                    <img class="img-fluid" src="<?php echo get_template_directory_uri(); ?>/assets/images/others/img-2.jpg" alt="">
                </div>
                <div class="col-md-8">
                    <h4 class="m-b-10">You Should Know About 格尺Ai</h4>
                    <div class="d-flex align-items-center m-t-5 m-b-15">
                        <div class="avatar avatar-image avatar-sm">
                            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/avatars/thumb-2.jpg" alt="">
                        </div>
                        <div class="m-l-10">
                            <span class="text-gray font-weight-semibold">达里尔</span>
                            <span class="m-h-5 text-gray">|</span>
                            <span class="text-gray">2020-06-20</span>
                        </div>
                    </div>
                    <p class="m-b-20">如果生活真能乱成一锅粥，我岂不是就有粥喝了。</p>
                    <div class="text-right">
                        <a class="btn btn-hover font-weight-semibold" href="blog-post.html">
                            <span>阅读</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-md-4">
                    <img class="img-fluid" src="<?php echo get_template_directory_uri(); ?>/assets/images/others/img-3.jpg" alt="">
                </div>
                <div class="col-md-8">
                    <h4 class="m-b-10">格尺Ai Has The Answer</h4>
                    <div class="d-flex align-items-center m-t-5 m-b-15">
                        <div class="avatar avatar-image avatar-sm">
                            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/avatars/thumb-3.jpg" alt="">
                        </div>
                        <div class="m-l-10">
                            <span class="text-gray font-weight-semibold">阿七</span>
                            <span class="m-h-5 text-gray">|</span>
                            <span class="text-gray">2020-06-20</span>
                        </div>
                    </div>
                    <p class="m-b-20">人类从思考自己是不是宇宙的中心发展到了思考自己是不是真的存在。</p>
                    <div class="text-right">
                        <a class="btn btn-hover font-weight-semibold" href="blog-post.html">
                            <span>阅读</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-md-4">
                    <img class="img-fluid" src="<?php echo get_template_directory_uri(); ?>/assets/images/others/img-4.jpg" alt="">
                </div>
                <div class="col-md-8">
                    <h4 class="m-b-10">The Miracle Of 格尺Ai</h4>
                    <div class="d-flex align-items-center m-t-5 m-b-15">
                        <div class="avatar avatar-image avatar-sm">
                            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/avatars/thumb-4.jpg" alt="">
                        </div>
                        <div class="m-l-10">
                            <span class="text-gray font-weight-semibold">卖女孩的小火柴</span>
                            <span class="m-h-5 text-gray">|</span>
                            <span class="text-gray">2020-06-20</span>
                        </div>
                    </div>
                    <p class="m-b-20">因为忘记密码，台风一时无法登录。。</p>
                    <div class="text-right">
                        <a class="btn btn-hover font-weight-semibold" href="blog-post.html">
                            <span>阅读</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-md-4">
                    <img class="img-fluid" src="<?php echo get_template_directory_uri(); ?>/assets/images/others/img-5.jpg" alt="">
                </div>
                <div class="col-md-8">
                    <h4 class="m-b-10">格尺Ai Has The Answer</h4>
                    <div class="d-flex align-items-center m-t-5 m-b-15">
                        <div class="avatar avatar-image avatar-sm">
                            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/avatars/thumb-5.jpg" alt="">
                        </div>
                        <div class="m-l-10">
                            <span class="text-gray font-weight-semibold">励志</span>
                            <span class="m-h-5 text-gray">|</span>
                            <span class="text-gray">2020-06-20</span>
                        </div>
                    </div>
                    <p class="m-b-20"> 张仲景治好了曹操的病，曹操送他一面锦旗，上面写着：“在世华佗！”</p>
                    <div class="text-right">
                        <a class="btn btn-hover font-weight-semibold" href="blog-post.html">
                            <span>阅读</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-md-4">
                    <img class="img-fluid" src="<?php echo get_template_directory_uri(); ?>/assets/images/others/img-6.jpg" alt="">
                </div>
                <div class="col-md-8">
                    <h4 class="m-b-10">Seven Clarifications On Hand</h4>
                    <div class="d-flex align-items-center m-t-5 m-b-15">
                        <div class="avatar avatar-image avatar-sm">
                            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/avatars/thumb-6.jpg" alt="">
                        </div>
                        <div class="m-l-10">
                            <span class="text-gray font-weight-semibold">风一样的男人</span>
                            <span class="m-h-5 text-gray">|</span>
                            <span class="text-gray">2020-06-03</span>
                        </div>
                    </div>
                    <p class="m-b-20"> 虽然权力是一头固执的熊，可是金子却可以拉着它的鼻子走。</p>
                    <div class="text-right">
                        <a class="btn btn-hover font-weight-semibold" href="blog-post.html">
                            <span>阅读</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-md-4">
                    <img class="img-fluid" src="<?php echo get_template_directory_uri(); ?>/assets/images/others/img-7.jpg" alt="">
                </div>
                <div class="col-md-8">
                    <h4 class="m-b-10">The Modern Rules</h4>
                    <div class="d-flex align-items-center m-t-5 m-b-15">
                        <div class="avatar avatar-image avatar-sm">
                            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/avatars/thumb-7.jpg" alt="">
                        </div>
                        <div class="m-l-10">
                            <span class="text-gray font-weight-semibold">德祐</span>
                            <span class="m-h-5 text-gray">|</span>
                            <span class="text-gray">2020-06-03</span>
                        </div>
                    </div>
                    <p class="m-b-20">爱上你不是我的错，都是你胸大腰细惹的祸。</p>
                    <div class="text-right">
                        <a class="btn btn-hover font-weight-semibold" href="blog-post.html">
                            <span>阅读</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="m-t-30">
    <nav>
        <ul class="pagination justify-content-center">
            <li class="page-item"><a class="page-link" href="#">上一页</a></li>
            <li class="page-item active"><a class="page-link" href="#">1</a></li>
            <li class="page-item"><a class="page-link" href="#">2</a></li>
            <li class="page-item"><a class="page-link" href="#">3</a></li>
            <li class="page-item"><a class="page-link" href="#">下一页</a></li>
        </ul>
    </nav>
</div>
<!-- /gc:html -->