Payload
Preview
Source

Pricing

Quickly build an effective pricing table for your potential customers with this Bootstrap example. It’s built with default Bootstrap components and utilities with little customization.

Free

$0 / mo

10 users included
2 GB of storage
Email support
Help center access

Pro

$15 / mo

20 users included
10 GB of storage
Priority Email support
Help center access

Get started

Enterprise

$29 / mo

30 users included
15 GB of storage
Phone and email support
Help center access

<div class="mx-auto text-center pricing-header px-3 py-3 pt-md-5 pb-md-4"> <h1 class="display-4">Pricing</h1> <p class="lead">Quickly build an effective pricing table for your potential customers with this Bootstrap example. It’s built with default Bootstrap components and utilities with little customization.</p></div> <div class="container"> <div class="mb-3 text-center card-deck"> <div class="mb-4 shadow-sm card"> <div class="card-header"> <h4 class="font-weight-normal my-0">Free</h4></div> <div class="card-body"> <h1 class="card-title pricing-card-title">$0 <small class="text-muted">/ mo</small></h1> <ul class="list-unstyled mt-3 mb-4"> <li>10 users included</li> <li>2 GB of storage</li> <li>Email support</li> <li>Help center access</li></ul> <span class="btn-block btn-outline-primary btn-lg btn">Sign up for free</span> </div> </div> <div class="mb-4 shadow-sm card"> <div class="card-header"> <h4 class="font-weight-normal my-0">Pro</h4></div> <div class="card-body"> <h1 class="card-title pricing-card-title">$15 <small class="text-muted">/ mo</small></h1> <ul class="list-unstyled mt-3 mb-4"> <li>20 users included</li> <li>10 GB of storage</li> <li>Priority Email support</li> <li>Help center access</li></ul> <span class="btn-block btn-primary btn-lg btn">Get started</span> </div> </div> <div class="mb-4 shadow-sm card"> <div class="card-header"> <h4 class="font-weight-normal my-0">Enterprise</h4></div> <div class="card-body"> <h1 class="card-title pricing-card-title">$29 <small class="text-muted">/ mo</small></h1> <ul class="list-unstyled mt-3 mb-4"> <li>30 users included</li> <li>15 GB of storage</li> <li>Phone and email support</li> <li>Help center access</li></ul> <span class="btn-block btn-primary btn-lg btn">Contact us</span> </div> </div> </div></div>