
<?php
/**
 * Title: 博客网格
 * Slug: gcoa/blog-grid
 * 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="row">
    <div class="col-lg-11 mx-auto">
        <div class="row">
            <div class="col-md-4">
                <div class="card">
                    <img class="card-img-top" src="<?php echo get_template_directory_uri(); ?>/assets/images/others/img-2.jpg" alt="">
                    <div class="card-body">
                        <h4 class="m-t-10">你想了解格尺Ai</h4>
                        <p class="m-b-20"> 虽然权力是一头固执的熊，可是金子却可以拉着它的鼻子走。</p>
                        <div class="d-flex align-items-center justify-content-between">
                            <p class="m-b-0 text-dark font-weight-semibold font-size-15">2020-06-20</p>
                            <a class="text-primary btn btn-sm btn-hover" href="blog-post.html">
                                <span>阅读</span>
                            </a>
                        </div>
                    </div>
                    <div class="card-footer">
                        <div class="d-flex align-items-center m-t-5">
                            <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="font-weight-semibold">达里尔</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card">
                    <img class="card-img-top" src="<?php echo get_template_directory_uri(); ?>/assets/images/others/img-3.jpg" alt="">
                    <div class="card-body">
                        <h4 class="m-t-10">格尺Ai 的移动应用</h4>
                        <p class="m-b-20">高效的媒体投放 跨媒体平台. Quickly maximize ti...</p>
                        <div class="d-flex align-items-center justify-content-between">
                            <p class="m-b-0 text-dark font-weight-semibold font-size-15">2020-06-20</p>
                            <a class="text-primary btn btn-sm btn-hover" href="blog-post.html">
                                <span>阅读</span>
                            </a>
                        </div>
                    </div>
                    <div class="card-footer">
                        <div class="d-flex align-items-center m-t-5">
                            <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="font-weight-semibold">阿七</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card">
                    <img class="card-img-top" src="<?php echo get_template_directory_uri(); ?>/assets/images/others/img-4.jpg" alt="">
                    <div class="card-body">
                        <h4 class="m-t-10">数据采集-格尺Ai</h4>
                        <p class="m-b-20"> 这天气，出空调房拉屎回来跟生完孩子一样。.</p>
                        <div class="d-flex align-items-center justify-content-between">
                            <p class="m-b-0 text-dark font-weight-semibold font-size-15">2020-06-20</p>
                            <a class="text-primary btn btn-sm btn-hover" href="blog-post.html">
                                <span>阅读</span>
                            </a>
                        </div>
                    </div>
                    <div class="card-footer">
                        <div class="d-flex align-items-center m-t-5">
                            <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="font-weight-semibold">卖女孩的小火柴</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card">
                    <img class="card-img-top" src="<?php echo get_template_directory_uri(); ?>/assets/images/others/img-5.jpg" alt="">
                    <div class="card-body">
                        <h4 class="m-t-10">格尺Ai 自动化测试</h4>
                        <p class="m-b-20"> 男到中年盘串，女到中年烘焙。</p>
                        <div class="d-flex align-items-center justify-content-between">
                            <p class="m-b-0 text-dark font-weight-semibold font-size-15">2020-06-20</p>
                            <a class="text-primary btn btn-sm btn-hover" href="blog-post.html">
                                <span>阅读</span>
                            </a>
                        </div>
                    </div>
                    <div class="card-footer">
                        <div class="d-flex align-items-center m-t-5">
                            <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="font-weight-semibold">励志</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card">
                    <img class="card-img-top" src="<?php echo get_template_directory_uri(); ?>/assets/images/others/img-6.jpg" alt="">
                    <div class="card-body">
                        <h4 class="m-t-10">智能客服</h4>
                        <p class="m-b-20"> 今天，老爸送给我一辆单车，他说：“自己要保管好，不要让别人扫码骑走了。”</p>
                        <div class="d-flex align-items-center justify-content-between">
                            <p class="m-b-0 text-dark font-weight-semibold font-size-15">2020-06-03</p>
                            <a class="text-primary btn btn-sm btn-hover" href="blog-post.html">
                                <span>阅读</span>
                            </a>
                        </div>
                    </div>
                    <div class="card-footer">
                        <div class="d-flex align-items-center m-t-5">
                            <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="font-weight-semibold">风一样的男人</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card">
                    <img class="card-img-top" src="<?php echo get_template_directory_uri(); ?>/assets/images/others/img-7.jpg" alt="">
                    <div class="card-body">
                        <h4 class="m-t-10">智能寻址</h4>
                        <p class="m-b-20"> 很多人开车不打转向灯的理由是：不能让后车知道我真实的路径否则他会加速超过我。</p>
                        <div class="d-flex align-items-center justify-content-between">
                            <p class="m-b-0 text-dark font-weight-semibold font-size-15">2020-06-03</p>
                            <a class="text-primary btn btn-sm btn-hover" href="blog-post.html">
                                <span>阅读</span>
                            </a>
                        </div>
                    </div>
                    <div class="card-footer">
                        <div class="d-flex align-items-center m-t-5">
                            <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="font-weight-semibold">德祐</span>
                            </div>
                        </div>
                    </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 -->