@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">2,064</h1>
                <h6 class="text-white">Sessions</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">1,738</h1>
                <h6 class="text-white">Users</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">5963</h1>
                <h6 class="text-white">Page Views</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">10%</h1>
                <h6 class="text-white">Bounce Rate</h6>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-6">
        <div class="card card-inverse card-info">
            <div class="card-header">
                <h4 class="m-b-0 text-white">Card Title</h4></div>
            <div class="card-block">
                <h3 class="card-title">Special title treatment</h3>
                <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
                <a href="#" class="btn btn-inverse">Go somewhere</a>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card card-inverse card-primary">
            <div class="card-header">
                <h4 class="m-b-0 text-white">Card Title</h4></div>
            <div class="card-block">
                <h3 class="card-title">Special title treatment</h3>
                <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
                <a href="#" class="btn btn-inverse">Go somewhere</a>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card card-inverse card-warning">
            <div class="card-header">
                <h4 class="m-b-0 text-white">Card Title</h4></div>
            <div class="card-block">
                <h3 class="card-title">Special title treatment</h3>
                <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
                <a href="#" class="btn btn-inverse">Go somewhere</a>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card card-inverse card-success">
            <div class="card-header">
                <h4 class="m-b-0 text-white">Card Title</h4></div>
            <div class="card-block">
                <h3 class="card-title">Special title treatment</h3>
                <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
                <a href="#" class="btn btn-inverse">Go somewhere</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-block">
                <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-block">
                <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-block">
                <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-block">
                <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-block">
                <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-block">
                <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-block">
                <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-block">
                <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>
@}