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

Enterprise

$29 /mo

  • 30 users included
  • 15 GB of storage
  • Phone and email support
  • Help center access
<div class="p-3 mx-auto text-center pricing-header pb-md-4"> <h1 class="display-4 fw-normal">Pricing</h1> <p class="fs-5 text-muted">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="mb-3 text-center row"> <div class="col-12 col-md-4 "> <div class="mb-4 shadow-sm rounded-3 card"> <div class="card-header"> <h4 class="fw-normal my-0">Free</h4></div> <div class="card-body"> <h1 class="card-title pricing-card-title">$0 <small class="text-muted fw-light">&#x2f;mo</small></h1> <ul class="mt-3 mb-4 list-unstyled"> <li>10 users included</li> <li>2 GB of storage</li> <li>Email support</li> <li>Help center access</li></ul> <button class="w-100 btn-outline-primary btn-lg btn" type="button">Sign up for free </button> </div> </div> </div> <div class="col-12 col-md-4 "> <div class="mb-4 shadow-sm rounded-3 card"> <div class="card-header"> <h4 class="fw-normal my-0">Pro</h4></div> <div class="card-body"> <h1 class="card-title pricing-card-title">$15 <small class="text-muted fw-light">&#x2f;mo</small></h1> <ul class="mt-3 mb-4 list-unstyled"> <li>20 users included</li> <li>10 GB of storage</li> <li>Priority email support</li> <li>Help center access</li></ul> <button class="w-100 btn-primary btn-lg btn" type="button">Get started </button> </div> </div> </div> <div class="col-12 col-md-4 "> <div class="mb-4 shadow-sm rounded-3 border-primary card"> <div class="card-header"> <h4 class="fw-normal my-0">Enterprise</h4></div> <div class="card-body"> <h1 class="card-title pricing-card-title">$29 <small class="text-muted fw-light">&#x2f;mo</small></h1> <ul class="mt-3 mb-4 list-unstyled"> <li>30 users included</li> <li>15 GB of storage</li> <li>Phone and email support</li> <li>Help center access</li></ul> <button class="w-100 btn-primary btn-lg btn" type="button">Contact us </button> </div> </div> </div> </div>