<?php include 'inc/config.php'; ?>
<?php include 'inc/template_start.php'; ?>
<?php include 'inc/page_head.php'; ?>

<!-- Intro -->
<section class="site-section site-section-top site-section-light themed-background-dark">
    <div class="container">
        <h1 class="text-center animation-fadeInQuickInv"><strong>Plans for everyone.</strong></h1>
    </div>
</section>
<!-- END Intro -->

<!-- Plans -->
<section class="site-content site-section">
    <div class="container">
        <div class="site-block">
            <div class="row">
                <div class="col-sm-4">
                    <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-4">
                    <table class="table table-borderless table-pricing">
                        <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-4">
                    <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>
        </div>
    </div>
</section>
<!-- END Plans -->

<!-- Quick Stats -->
<section class="site-content site-section themed-background-dark">
    <div class="container">
        <!-- Stats Row -->
        <!-- CountTo (initialized in js/app.js), for more examples you can check out https://github.com/mhuggins/jquery-countTo -->
        <div class="row">
            <div class="col-sm-4">
                <div class="counter site-block">
                    <span data-toggle="countTo" data-to="2120" data-after="+"></span>
                    <small>Sales</small>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="counter site-block">
                    <span data-toggle="countTo" data-to="530" data-after="+"></span>
                    <small>Services</small>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="counter site-block">
                    <span data-toggle="countTo" data-to="3200" data-after="+"></span>
                    <small>Projects</small>
                </div>
            </div>
        </div>
        <!-- END Stats Row -->
    </div>
</section>
<!-- END Quick Stats -->

<!-- Testimonials -->
<section class="site-content site-section">
    <div class="container">
        <div id="testimonials-carousel" class="carousel slide carousel-html" data-ride="carousel" data-interval="4000">
            <div class="carousel-inner text-center">
                <div class="active item">
                    <blockquote>
                        <p><img src="img/placeholders/avatars/avatar13@2x.jpg" alt="avatar" class="img-circle img-thumbnail img-thumbnail-avatar-2x"></p>
                        <h3>A big thanks! Our web app looks great!</h3>
                        <footer><em><strong>Maria Clark</strong>, http://example.com/</em></footer>
                    </blockquote>
                </div>
                <div class="item">
                    <blockquote>
                        <p><img src="img/placeholders/avatars/avatar2@2x.jpg" alt="avatar" class="img-circle img-thumbnail img-thumbnail-avatar-2x"></p>
                        <h3>It just works!</h3>
                        <footer><em><strong>Roger Santos</strong>, http://example.com/</em></footer>
                    </blockquote>
                </div>
                <div class="item">
                    <blockquote>
                        <p><img src="img/placeholders/avatars/avatar1@2x.jpg" alt="avatar" class="img-circle img-thumbnail img-thumbnail-avatar-2x"></p>
                        <h3>A great product at a great price!</h3>
                        <footer><em><strong>Edward Duncan</strong>, http://example.com/</em></footer>
                    </blockquote>
                </div>
                <div class="item">
                    <blockquote>
                        <p><img src="img/placeholders/avatars/avatar7@2x.jpg" alt="avatar" class="img-circle img-thumbnail img-thumbnail-avatar-2x"></p>
                        <h3>Awesome purchase, I'm so happy I made it!</h3>
                        <footer><em><strong>Scott Gray</strong>, http://example.com/</em></footer>
                    </blockquote>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END Testimonials -->

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