@layout("/common/_container.html",{title:"概览"}){
<div class="row">
    <div class="col-md-6 col-lg-3 col-xlg-3">
        <div class="card card-inverse card-info">
            <div class="box bg-info text-center">
                <h1 class="font-light text-white">250k+</h1>
                <h6 class="text-white">Guns码云访问量</h6>
            </div>
        </div>
    </div>
    <div class="col-md-6 col-lg-3 col-xlg-3">
        <div class="card card-primary card-inverse">
            <div class="box text-center">
                <h1 class="font-light text-white">37k+</h1>
                <h6 class="text-white">Guns zip下载量</h6>
            </div>
        </div>
    </div>
    <div class="col-md-6 col-lg-3 col-xlg-3">
        <div class="card card-inverse card-success">
            <div class="box text-center">
                <h1 class="font-light text-white">500+</h1>
                <h6 class="text-white">push统计</h6>
            </div>
        </div>
    </div>
    <div class="col-md-6 col-lg-3 col-xlg-3">
        <div class="card card-inverse card-warning">
            <div class="box text-center">
                <h1 class="font-light text-white">41k+</h1>
                <h6 class="text-white">pull统计</h6>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-6">
        <div class="card card-outline-inverse">
            <div class="card-header">
                <h4 class="m-b-0 text-white">项目特点</h4></div>
            <div class="card-body">
                <h3 class="card-title">全新的框架</h3>
                <p class="card-text">基于SpringBoot，简化了大量项目配置和maven依赖，更专注于业务开发，独特的分包方式，代码多而不乱。</p>
                <a href="javascript:void(0)" class="btn btn-primary">点击查看</a>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card card-outline-info">
            <div class="card-header">
                <h4 class="m-b-0 text-white">项目特点</h4></div>
            <div class="card-body">
                <h3 class="card-title">简洁的依赖</h3>
                <p class="card-text">基于常用的框架springmvc + shiro + mybatis-plus + beetl，简单快速开发新项目。</p>
                <a href="javascript:void(0)" class="btn btn-primary">点击查看</a>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card card-outline-primary">
            <div class="card-header">
                <h4 class="m-b-0 text-white">项目特点</h4></div>
            <div class="card-body">
                <h3 class="card-title">简单可用的代码生成体系</h3>
                <p class="card-text">可生成带有主页跳转和增删改查的通用控制器、html页面以及相关的js，还可以生成Service和Dao。</p>
                <a href="javascript:void(0)" class="btn btn-primary">点击查看</a>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card card-outline-danger">
            <div class="card-header">
                <h4 class="m-b-0 text-white">项目特点</h4></div>
            <div class="card-body">
                <h3 class="card-title">业务日志记录</h3>
                <p class="card-text">日志记录采用aop(LogAop类)方式对所有包含\@BussinessLog注解的方法进行aop切入</p>
                <a href="javascript:void(0)" class="btn btn-primary">点击查看</a>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card card-outline-warning">
            <div class="card-header">
                <h4 class="m-b-0 text-white">项目特点</h4></div>
            <div class="card-body">
                <h3 class="card-title">beetl对前台页面的拆分与包装</h3>
                <p class="card-text">把页面整体拆成多个部分，每个部分单独一个页面，更加便于维护</p>
                <a href="javascript:void(0)" class="btn btn-primary">点击查看</a>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card card-outline-success">
            <div class="card-header">
                <h4 class="m-b-0 text-white">项目特点</h4></div>
            <div class="card-body">
                <h3 class="card-title">极简的图片上传方法</h3>
                <p class="card-text">guns对web-upload进行二次封装，让图片的上传功能呢只用2行代码即可实现</p>
                <a href="javascript:void(0)" class="btn btn-primary">点击查看</a>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-3 col-md-6 img-responsive">
        <div class="card">
            <img class="card-img-top img-responsive" src="${ctxPath}/assets/common/images/big/img4.jpg" alt="Card image cap">
            <div class="card-body">
                <h4 class="card-title">Guns v5.1</h4>
                <p class="card-text">无web.xml，新时代的后台管理系统</p>
                <a href="#" class="btn btn-primary">点击前往</a>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-6 img-responsive">
        <div class="card">
            <img class="card-img-top img-responsive" src="${ctxPath}/assets/common/images/big/img4.jpg" alt="Card image cap">
            <div class="card-body">
                <h4 class="card-title">Guns v4.2</h4>
                <p class="card-text">无web.xml，新时代的后台管理系统</p>
                <a href="#" class="btn btn-primary">点击前往</a>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-6">
        <div class="card">
            <img class="card-img-top img-responsive" src="${ctxPath}/assets/common/images/big/img3.jpg" alt="Card image cap">
            <div class="card-body">
                <h4 class="card-title">Guns v3.3</h4>
                <p class="card-text">无web.xml，新时代的后台管理系统</p>
                <a href="#" class="btn btn-primary">点击前往</a>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-6">
        <div class="card">
            <img class="card-img-top img-responsive" src="${ctxPath}/assets/common/images/big/img2.jpg" alt="Card image cap">
            <div class="card-body">
                <h4 class="card-title">Guns v2.4</h4>
                <p class="card-text">无web.xml，新时代的后台管理系统</p>
                <a href="#" class="btn btn-primary">点击前往</a>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-6">
        <div class="card">
            <img class="card-img-top img-responsive" src="${ctxPath}/assets/common/images/big/img1.jpg" alt="Card image cap">
            <div class="card-body">
                <h4 class="card-title">Guns v1.0</h4>
                <p class="card-text">无web.xml，新时代的后台管理系统</p>
                <a href="#" class="btn btn-primary">点击前往</a>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-6">
        <div class="card">
            <img class="card-img-top img-responsive" src="${ctxPath}/assets/common/images/big/img1.jpg" alt="Card image cap">
            <div class="card-body">
                <h4 class="card-title">Guns SSO</h4>
                <p class="card-text">无web.xml，新时代的后台管理系统</p>
                <a href="#" class="btn btn-primary">点击前往</a>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-6">
        <div class="card">
            <img class="card-img-top img-responsive" src="${ctxPath}/assets/common/images/big/img1.jpg" alt="Card image cap">
            <div class="card-body">
                <h4 class="card-title">Guns ORACLE</h4>
                <p class="card-text">无web.xml，新时代的后台管理系统</p>
                <a href="#" class="btn btn-primary">点击前往</a>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-6">
        <div class="card">
            <img class="card-img-top img-responsive" src="${ctxPath}/assets/common/images/big/img1.jpg" alt="Card image cap">
            <div class="card-body">
                <h4 class="card-title">Guns MSSQL</h4>
                <p class="card-text">无web.xml，新时代的后台管理系统</p>
                <a href="#" class="btn btn-primary">点击前往</a>
            </div>
        </div>
    </div>
</div>
@}