<!– Page Content –> <div class=“container”>

<!-- Page Heading/Breadcrumbs -->
<div class="row">
    <div class="col-lg-12">
        <h1 class="page-header">Pricing Table
            <small>Subheading</small>
        </h1>
        <ol class="breadcrumb">
            <li><%= link_to 'Home', root_path %>
            </li>
            <li class="active">Pricing Table</li>
        </ol>
    </div>
</div>
<!-- /.row -->

<!-- Content Row -->
<div class="row">
    <div class="col-md-4">
        <div class="panel panel-default text-center">
            <div class="panel-heading">
                <h3 class="panel-title">Basic</h3>
            </div>
            <div class="panel-body">
                <span class="price"><sup>$</sup>19<sup>99</sup></span>
                <span class="period">per month</span>
            </div>
            <ul class="list-group">
                <li class="list-group-item"><strong>1</strong> User</li>
                <li class="list-group-item"><strong>5</strong> Projects</li>
                <li class="list-group-item"><strong>Unlimited</strong> Email Accounts</li>
                <li class="list-group-item"><strong>10GB</strong> Disk Space</li>
                <li class="list-group-item"><strong>100GB</strong> Monthly Bandwidth</li>
                <li class="list-group-item"><a href="#" class="btn btn-primary">Sign Up!</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="col-md-4">
        <div class="panel panel-primary text-center">
            <div class="panel-heading">
                <h3 class="panel-title">Plus <span class="label label-success">Best Value</span></h3>
            </div>
            <div class="panel-body">
                <span class="price"><sup>$</sup>39<sup>99</sup></span>
                <span class="period">per month</span>
            </div>
            <ul class="list-group">
                <li class="list-group-item"><strong>10</strong> User</li>
                <li class="list-group-item"><strong>500</strong> Projects</li>
                <li class="list-group-item"><strong>Unlimited</strong> Email Accounts</li>
                <li class="list-group-item"><strong>1000GB</strong> Disk Space</li>
                <li class="list-group-item"><strong>10000GB</strong> Monthly Bandwidth</li>
                <li class="list-group-item"><a href="#" class="btn btn-primary">Sign Up!</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="col-md-4">
        <div class="panel panel-default text-center">
            <div class="panel-heading">
                <h3 class="panel-title">Ultra</h3>
            </div>
            <div class="panel-body">
                <span class="price"><sup>$</sup>159<sup>99</sup></span>
                <span class="period">per month</span>
            </div>
            <ul class="list-group">
                <li class="list-group-item"><strong>Unlimted</strong> Users</li>
                <li class="list-group-item"><strong>Unlimited</strong> Projects</li>
                <li class="list-group-item"><strong>Unlimited</strong> Email Accounts</li>
                <li class="list-group-item"><strong>10000GB</strong> Disk Space</li>
                <li class="list-group-item"><strong>Unlimited</strong> Monthly Bandwidth</li>
                <li class="list-group-item"><a href="#" class="btn btn-primary">Sign Up!</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- /.row -->

</div> <!– /.container –>