
<?php
/**
 * Title: 价格
 * Slug: gcoa/pricing
 * Categories: pages
 * Keywords: 价格 Pricing
 * 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="text-center m-t-30 m-b-40">
        <h2>会员价格</h2>
        <p class="w-45 m-h-auto m-b-30">格尺科技持续不断优化及更新</p>
        <div class="btn-group">
            <button type="button" id="monthly-btn" class="btn btn-default active">
                <span>个人</span>
            </button>
            <button type="button" id="annual-btn" class="btn btn-default">
                <span>企业</span>
            </button>
        </div>
    </div>
    <div class="row align-items-center" id="monthly-view">
        <div class="col-md-6">
            <div class="card">
                <div class="card-body">
                    <div class="d-flex justify-content-between p-b-20 border-bottom">
                        <div class="media align-items-center">
                            <div class="avatar avatar-blue avatar-icon" style="height: 55px; width: 55px;">
                                <i class="anticon anticon-coffee font-size-25" style="line-height: 55px"></i>
                            </div>
                            <div class="m-l-15">
                                <h2 class="font-weight-bold font-size-30 m-b-0">
                                    ￥199
                                    <span class="font-size-13 font-weight-semibold">/ 年</span>
                                </h2>
                                <h4 class="m-b-0">学生</h4>
                            </div>
                        </div>
                    </div>
                    <ul class="list-unstyled m-v-30">
                        <li class="m-b-20">
                            <div class="d-flex justify-content-between">
                                <span class="text-dark font-weight-semibold">收费资源免费下载</span>
                                <div class="text-success font-size-16">
                                    <i class="anticon anticon-check"></i>
                                </div>
                            </div>
                        </li>
                        <li class="m-b-20">
                            <div class="d-flex justify-content-between">
                                <span class="text-dark font-weight-semibold">学习者群交流</span>
                                <div class="text-success font-size-16">
                                    <i class="anticon anticon-check"></i>
                                </div>
                            </div>
                        </li>
                        <li class="m-b-20">
                            <div class="d-flex justify-content-between">
                                <span class="text-dark font-weight-semibold">删除产品版权</span>
                                <div class="text-danger font-size-16">
                                    <i class="anticon anticon-close"></i>
                                </div>
                            </div>
                        </li>
                        <li class="m-b-20">
                            <div class="d-flex justify-content-between">
                                <span class="text-dark font-weight-semibold">&nbsp; </span>
                            </div>
                        </li>
                    </ul>
                    <div class="text-center">
                        <button class="btn btn-primary">立即获得</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card">
                <div class="card-body">
                    <div class="d-flex justify-content-between p-b-20 border-bottom">
                        <div class="media align-items-center">
                            <div class="avatar avatar-cyan avatar-icon" style="height: 55px; width: 55px;">
                                <i class="anticon anticon-shop font-size-25" style="line-height: 55px"></i>
                            </div>
                            <div class="m-l-15">
                                <h2 class="font-weight-bold font-size-30 m-b-0">
                                    ￥598
                                    <span class="font-size-13 font-weight-semibold">/ 年</span>
                                </h2>
                                <h4 class="m-b-0">开发者</h4>
                            </div>
                        </div>
                    </div>
                    <ul class="list-unstyled m-v-30">
                        <li class="m-b-20">
                            <div class="d-flex justify-content-between">
                                <span class="text-dark font-weight-semibold">学习者全部权限</span>
                                <div class="text-success font-size-16">
                                    <i class="anticon anticon-check"></i>
                                </div>
                            </div>
                        </li>
                       <li class="m-b-20">
                            <div class="d-flex justify-content-between">
                                <span class="text-dark font-weight-semibold">开发者群交流</span>
                                <div class="text-success font-size-16">
                                    <i class="anticon anticon-check"></i>
                                </div>
                            </div>
                        </li>
                        <li class="m-b-20">
                            <div class="d-flex justify-content-between">
                                <span class="text-dark font-weight-semibold">技术大会参会资格</span>
                                <div class="text-success font-size-16">
                                    <i class="anticon anticon-check"></i>
                                </div>
                            </div>
                        </li>
                        <li class="m-b-20">
                            <div class="d-flex justify-content-between">
                                <span class="text-dark font-weight-semibold">删除产品版权</span>
                                <div class="text-danger font-size-16">
                                    <i class="anticon anticon-close"></i>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <div class="text-center">
                        <button class="btn btn-primary">立即获得</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row align-items-center d-none" id="annual-view">
        <div class="col-md-4">
            <div class="card">
                <div class="card-body">
                    <div class="d-flex justify-content-between p-b-20 border-bottom">
                        <div class="media align-items-center">
                            <div class="avatar avatar-blue avatar-icon" style="height: 55px; width: 55px;">
                                <i class="anticon anticon-coffee font-size-25" style="line-height: 55px"></i>
                            </div>
                            <div class="m-l-15">
                                <h2 class="font-weight-bold font-size-30 m-b-0">
                                    ￥19800
                                    <span class="font-size-13 font-weight-semibold">/ 年</span>
                                </h2>
                                <h4 class="m-b-0">企业自用</h4>
                            </div>
                        </div>
                    </div>
                    <ul class="list-unstyled m-v-30">
                        <li class="m-b-20">
                            <div class="d-flex justify-content-between">
                                <span class="text-dark font-weight-semibold">5名开发者会员</span>
                                <div class="text-success font-size-16">
                                    <i class="anticon anticon-check"></i>
                                </div>
                            </div>
                        </li>
                        <li class="m-b-20">
                            <div class="d-flex justify-content-between">
                                <span class="text-dark font-weight-semibold">删除版权信息</span>
                                <div class="text-success font-size-16">
                                    <i class="anticon anticon-check"></i>
                                </div>
                            </div>
                        </li>
                        <li class="m-b-20">
                            <div class="d-flex justify-content-between">
                                <span class="text-dark font-weight-semibold">授权1个商业许可</span>
                                <div class="text-success font-size-16">
                                    <i class="anticon anticon-check"></i>
                                </div>
                            </div>
                        </li>
                        <li class="m-b-20">
                            <div class="d-flex justify-content-between">
                                <span class="text-dark font-weight-semibold">&nbsp; </span>
                            </div>
                        </li>
                    </ul>
                    <div class="text-center">
                        <button class="btn btn-primary">立即获得</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card">
                <div class="card-body">
                    <div class="d-flex justify-content-between p-b-20 border-bottom">
                        <div class="media align-items-center">
                            <div class="avatar avatar-cyan avatar-icon" style="height: 55px; width: 55px;">
                                <i class="anticon anticon-shop font-size-25" style="line-height: 55px"></i>
                            </div>
                            <div class="m-l-15">
                                <h2 class="font-weight-bold font-size-30 m-b-0">
                                    ￥29800
                                    <span class="font-size-13 font-weight-semibold">/ 年</span>
                                </h2>
                                <h4 class="m-b-0">框架定制</h4>
                            </div>
                        </div>
                    </div>
                    <ul class="list-unstyled m-v-30">
                        <li class="m-b-20">
                            <div class="d-flex justify-content-between">
                                <span class="text-dark font-weight-semibold">企业自有全部权限</span>
                                <div class="text-success font-size-16">
                                    <i class="anticon anticon-check"></i>
                                </div>
                            </div>
                        </li>
                        <li class="m-b-20">
                            <div class="d-flex justify-content-between">
                                <span class="text-dark font-weight-semibold">定制一套框架布局</span>
                                <div class="text-success font-size-16">
                                    <i class="anticon anticon-check"></i>
                                </div>
                            </div>
                        </li>
                        <li class="m-b-20">
                            <div class="d-flex justify-content-between">
                                <span class="text-dark font-weight-semibold">定制3个子页面布局</span>
                                <div class="text-success font-size-16">
                                    <i class="anticon anticon-check"></i>
                                </div>
                            </div>
                        </li>
                       <li class="m-b-20">
                            <div class="d-flex justify-content-between">
                                <span class="text-dark font-weight-semibold">&nbsp; </span>
                            </div>
                        </li>
                    </ul>
                    <div class="text-center">
                        <button class="btn btn-primary">立即获得</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card">
                <div class="card-body">
                    <div class="d-flex justify-content-between p-b-20 border-bottom">
                        <div class="media align-items-center">
                            <div class="avatar avatar-gold avatar-icon" style="height: 55px; width: 55px;">
                                <i class="anticon anticon-experiment font-size-25" style="line-height: 55px"></i>
                            </div>
                            <div class="m-l-15">
                                <h2 class="font-weight-bold font-size-30 m-b-0">
                                    面议
                                </h2>
                                <h4 class="m-b-0">项目定制</h4>
                            </div>
                        </div>
                    </div>
                    <ul class="list-unstyled m-v-30">
                         <li class="m-b-20">
                            <div class="d-flex justify-content-between">
                                <span class="text-dark font-weight-semibold">项目规划</span>
                                <div class="text-success font-size-16">
                                    <i class="anticon anticon-check"></i>
                                </div>
                            </div>
                        </li>
                         <li class="m-b-20">
                            <div class="d-flex justify-content-between">
                                <span class="text-dark font-weight-semibold">项目交付</span>
                                <div class="text-success font-size-16">
                                    <i class="anticon anticon-check"></i>
                                </div>
                            </div>
                        </li>
                         <li class="m-b-20">
                            <div class="d-flex justify-content-between">
                                <span class="text-dark font-weight-semibold">项目维护</span>
                                <div class="text-success font-size-16">
                                    <i class="anticon anticon-check"></i>
                                </div>
                            </div>
                        </li>
                        <li class="m-b-20">
                            <div class="d-flex justify-content-between">
                                <span class="text-dark font-weight-semibold">&nbsp; </span>
                            </div>
                        </li>
                    </ul>
                    <div class="text-center">
                        <button class="btn btn-primary">咨询</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/vendors.min.js"></script>
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/pages/pricing.js"></script>
<!-- /gc:html -->