<?php include 'inc/config.php'; $template['header_link'] = 'PAGES'; ?>
<?php include 'inc/template_start.php'; ?>
<?php include 'inc/page_head.php'; ?>

<!-- Page content -->
<div id="page-content">
    <!-- Pricing Tables Header -->
    <div class="content-header">
        <div class="row">
            <div class="col-sm-6">
                <div class="header-section">
                    <h1>Pricing Tables</h1>
                </div>
            </div>
            <div class="col-sm-6 hidden-xs">
                <div class="header-section">
                    <ul class="breadcrumb breadcrumb-top">
                        <li>Extra Pages</li>
                        <li><a href="">Pricing Tables</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- END Pricing Tables Header -->

    <!-- Vertical Pricing Tables Block -->
    <div class="block">
        <!-- Vertical Pricing Tables Title -->
        <div class="block-title">
            <h2>Vertical</h2>
        </div>
        <!-- END Vertical Pricing Tables Title -->

        <!-- Vertical Pricing Tables Content -->
        <table class="table table-hover table-vcenter table-borderless table-pricing table-pricing-nohover">
            <thead>
                <tr class="">
                    <th style="width:25%;">Plans</th>
                    <th class="hidden-xs" style="width:25%;">Features</th>
                    <th class="hidden-xs" style="width:25%;"></th>
                    <th style="width:25%;"></th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <th class="themed-background-dark-default text-light">
                        <div class="h5 text-uppercase"><strong>Tiny</strong></div>
                        <div class="h2">$<strong>9</strong><small><span class="text-light-op">.99</span></small><br><small><span class="text-light-op">per month</span></small></div>
                    </th>
                    <td class="hidden-xs">
                        <div class="push-bit">
                            <strong>1</strong> Domain
                        </div>
                        <div class="push-bit">
                            <strong>1GB</strong> Storage
                        </div>
                    </td>
                    <td class="hidden-xs">
                        <div class="push-bit">
                            <strong>10GB</strong> Bandwidth
                        </div>
                        <div class="push-bit">
                            <strong>1</strong> Databases
                        </div>
                    </td>
                    <td class="text-center">
                        <a href="javascript:void(0)" class="btn btn-effect-ripple btn-primary"><i class="fa fa-arrow-right"></i> Sign Up Today</a><br>
                        <small class="text-muted"><em>* All plans include free support!</em></small>
                    </td>
                </tr>
                <tr>
                    <th class="themed-background-social text-light">
                        <div class="h5 text-uppercase"><strong>Medium</strong></div>
                        <div class="h2">$<strong>19</strong><small><span class="text-light-op">.99</span></small><br><small><span class="text-light-op">per month</span></small></div>
                    </th>
                    <td class="hidden-xs">
                        <div class="push-bit">
                            <strong>5</strong> Domains
                        </div>
                        <div class="push-bit">
                            <strong>10GB</strong> Storage
                        </div>
                    </td>
                    <td class="hidden-xs">
                        <div class="push-bit">
                            <strong>1TB</strong> Bandwidth
                        </div>
                        <div class="push-bit">
                            <strong>10</strong> Databases
                        </div>
                    </td>
                    <td class="text-center">
                        <a href="javascript:void(0)" class="btn btn-effect-ripple btn-primary"><i class="fa fa-arrow-right"></i> Sign Up Today</a><br>
                        <small class="text-muted"><em>* All plans include free support!</em></small>
                    </td>
                </tr>
                <tr>
                    <th class="themed-background-dark-flat text-light">
                        <div class="h5 text-uppercase"><strong>Large</strong></div>
                        <div class="h2">$<strong>39</strong><small><span class="text-light-op">.99</span></small><br><small><span class="text-light-op">per month</span></small></div>
                    </th>
                    <td class="hidden-xs">
                        <div class="push-bit">
                            <strong>10</strong> Domains
                        </div>
                        <div class="push-bit">
                            <strong>20GB</strong> Storage
                        </div>
                    </td>
                    <td class="hidden-xs">
                        <div class="push-bit">
                            <strong>5TB</strong> Bandwidth
                        </div>
                        <div class="push-bit">
                            <strong>30</strong> Databases
                        </div>
                    </td>
                    <td class="text-center">
                        <a href="javascript:void(0)" class="btn btn-effect-ripple btn-primary"><i class="fa fa-arrow-right"></i> Sign Up Today</a><br>
                        <small class="text-muted"><em>* All plans include free support!</em></small>
                    </td>
                </tr>
                <tr>
                    <th class="themed-background-danger text-light">
                        <div class="h5 text-uppercase"><strong>Ultimate</strong></div>
                        <div class="h2">$<strong>99</strong><small><span class="text-light-op">.99</span></small><br><small><span class="text-light-op">per month</span></small></div>
                    </th>
                    <td class="hidden-xs">
                        <div class="push-bit">
                            <strong>Unlimited</strong> Domains
                        </div>
                        <div class="push-bit">
                            <strong>Unlimited</strong> Storage
                        </div>
                    </td>
                    <td class="hidden-xs">
                        <div class="push-bit">
                            <strong>Unlimited</strong> Bandwidth
                        </div>
                        <div class="push-bit">
                            <strong>Unlimited</strong> Databases
                        </div>
                    </td>
                    <td class="text-center">
                        <a href="javascript:void(0)" class="btn btn-effect-ripple btn-primary"><i class="fa fa-arrow-right"></i> Sign Up Today</a><br>
                        <small class="text-muted"><em>* All plans include free support!</em></small>
                    </td>
                </tr>
            </tbody>
        </table>
        <!-- END Vertical Pricing Tables Content -->
    </div>
    <!-- END Vertical Pricing Tables Block -->

    <!-- Normal Pricing Tables Block -->
    <div class="block">
        <!-- Normal Pricing Tables Title -->
        <div class="block-title">
            <h2>Normal</h2>
        </div>
        <!-- END Normal Pricing Tables Title -->

        <!-- Normal Pricing Tables Content -->
        <div class="row">
            <div class="col-sm-3">
                <table class="table table-borderless table-pricing">
                    <thead>
                        <tr>
                            <th>Tiny Plan</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="active">
                            <td>
                                <h1>$<strong>9</strong><small>.99</small><br><small>per month</small></h1>
                            </td>
                        </tr>
                        <tr>
                            <td><strong>1</strong> Domain</td>
                        </tr>
                        <tr>
                            <td><strong>1GB</strong> Storage</td>
                        </tr>
                        <tr>
                            <td><strong>10GB</strong> Bandwidth</td>
                        </tr>
                        <tr>
                            <td><strong>1</strong> Databases</td>
                        </tr>
                        <tr class="active">
                            <td>
                                <a href="javascript:void(0)" class="btn btn-effect-ripple  btn-success"><i class="fa fa-arrow-right"></i> Sign Up Today</a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-muted">
                                <small><em>* All plans include free support!</em></small>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="col-sm-3">
                <table class="table table-borderless table-pricing table-featured">
                    <thead>
                        <tr>
                            <th>Medium Plan</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="active">
                            <td>
                                <h1>$<strong>19</strong><small>.99</small><br><small>per month</small></h1>
                            </td>
                        </tr>
                        <tr>
                            <td><strong>5</strong> Domains</td>
                        </tr>
                        <tr>
                            <td><strong>10GB</strong> Storage</td>
                        </tr>
                        <tr>
                            <td><strong>1TB</strong> Bandwidth</td>
                        </tr>
                        <tr>
                            <td><strong>10</strong> Databases</td>
                        </tr>
                        <tr class="active">
                            <td>
                                <a href="javascript:void(0)" class="btn btn-effect-ripple  btn-success"><i class="fa fa-arrow-right"></i> Sign Up Today</a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-muted">
                                <small><em>* All plans include free support!</em></small>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="col-sm-3">
                <table class="table table-borderless table-pricing">
                    <thead>
                        <tr>
                            <th>Large Plan</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="active">
                            <td>
                                <h1>$<strong>39</strong><small>.99</small><br><small>per month</small></h1>
                            </td>
                        </tr>
                        <tr>
                            <td><strong>10</strong> Domains</td>
                        </tr>
                        <tr>
                            <td><strong>20GB</strong> Storage</td>
                        </tr>
                        <tr>
                            <td><strong>5TB</strong> Bandwidth</td>
                        </tr>
                        <tr>
                            <td><strong>30</strong> Databases</td>
                        </tr>
                        <tr class="active">
                            <td>
                                <a href="javascript:void(0)" class="btn btn-effect-ripple  btn-success"><i class="fa fa-arrow-right"></i> Sign Up Today</a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-muted">
                                <small><em>* All plans include free support!</em></small>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="col-sm-3">
                <table class="table table-borderless table-pricing">
                    <thead>
                        <tr>
                            <th>Ultimate Plan</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="active">
                            <td>
                                <h1>$<strong>99</strong><small>.99</small><br><small>per month</small></h1>
                            </td>
                        </tr>
                        <tr>
                            <td><strong>Unlimited</strong> Domains</td>
                        </tr>
                        <tr>
                            <td><strong>Unlimited</strong> Storage</td>
                        </tr>
                        <tr>
                            <td><strong>Unlimited</strong> Bandwidth</td>
                        </tr>
                        <tr>
                            <td><strong>Unlimited</strong> Databases</td>
                        </tr>
                        <tr class="active">
                            <td>
                                <a href="javascript:void(0)" class="btn btn-effect-ripple  btn-success"><i class="fa fa-arrow-right"></i> Sign Up Today</a>
                            </td>
                        </tr>
                        <tr>
                            <td class="text-muted">
                                <small><em>* All plans include free support!</em></small>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!-- END Normal Pricing Tables Content -->
    </div>
    <!-- END Normal Pricing Tables Block -->

    <!-- Mini Pricing Tables Block -->
    <div class="block">
        <!-- Mini Pricing Tables Title -->
        <div class="block-title">
            <h2>Mini</h2>
        </div>
        <!-- END Mini Pricing Tables Title -->

        <!-- Mini Pricing Tables Content -->
        <div class="row">
            <div class="col-sm-3">
                <table class="table table-pricing table-borderless">
                    <thead>
                        <tr>
                            <th>Tiny Pack</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                <h1><strong>FREE</strong><br><small><i class="fa fa-gift"></i></small></h1>
                            </td>
                        </tr>
                        <tr class="active">
                            <td>
                                <a href="javascript:void(0)" class="btn btn-effect-ripple  btn-success"><i class="fa fa-arrow-right"></i> Sign Up Today</a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="col-sm-3">
                <table class="table table-pricing table-borderless">
                    <thead>
                        <tr>
                            <th>Medium Pack</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                <h1>$<strong>1</strong><small>.99</small><br><small>per month</small></h1>
                            </td>
                        </tr>
                        <tr class="active">
                            <td>
                                <a href="javascript:void(0)" class="btn btn-effect-ripple  btn-success"><i class="fa fa-arrow-right"></i> Sign Up Today</a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="col-sm-3">
                <table class="table table-pricing table-borderless">
                    <thead>
                        <tr>
                            <th>Large Pack</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                <h1>$<strong>2</strong><small>.99</small><br><small>per month</small></h1>
                            </td>
                        </tr>
                        <tr class="active">
                            <td>
                                <a href="javascript:void(0)" class="btn btn-effect-ripple  btn-success"><i class="fa fa-arrow-right"></i> Sign Up Today</a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="col-sm-3">
                <table class="table table-pricing table-borderless">
                    <thead>
                        <tr>
                            <th>Ultimate Pack</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                <h1>$<strong>3</strong><small>.99</small><br><small>per month</small></h1>
                            </td>
                        </tr>
                        <tr class="active">
                            <td>
                                <a href="javascript:void(0)" class="btn btn-effect-ripple  btn-success"><i class="fa fa-arrow-right"></i> Sign Up Today</a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!-- END Mini Pricing Tables Content -->
    </div>
    <!-- END Mini Pricing Tables Block -->
</div>
<!-- END Page Content -->

<?php include 'inc/page_footer.php'; ?>
<?php include 'inc/template_scripts.php'; ?>
<?php include 'inc/template_end.php'; ?>