Pricing

Set the price of your business with modern design pricing blocks.

Pricing #1

Space Individual Team $69/mo Choose Plan Growth $99/mo Choose Plan Enterprise $129/mo Choose Plan
Community support
400+ pages
100+ header options
10 home options
Approval flow upon request
Central billing upon request
Custom fields upon request
Custom messages
Mailing manager
Negotiated rates integration
Data history
Import API
Two-factor authentication
Space Entertainment Team $69/mo Choose Plan Growth $99/mo Choose Plan Enterprise $129/mo Choose Plan
Community support
400+ pages
100+ header options
Report Export API
Two-factor authentication

HTML:

              
                <div class="bg-gray-100 shadow-lg rounded">
                  <div class="js-slick-carousel u-slick u-slick--gutters"
                       data-slides-show="3"
                       data-slides-scroll="1"
                       data-pagi-classes="d-lg-none text-center u-slick__pagination mt-7 mb-0"
                       data-responsive='[{
                         "breakpoint": 1200,
                         "settings": {
                           "slidesToShow": 3
                         }
                       }, {
                         "breakpoint": 992,
                         "settings": {
                           "slidesToShow": 2
                         }
                       }, {
                         "breakpoint": 768,
                         "settings": {
                           "slidesToShow": 1
                         }
                       }, {
                         "breakpoint": 554,
                         "settings": {
                           "slidesToShow": 1
                         }
                       }]'>
                    <div class="js-slide">
                      <!-- Pricing v1 -->
                      <div class="u-pricing-v1 border-0">
                        <!-- Header -->
                        <header class="u-pricing-v1__header">
                          <h4 class="h4">Team</h4>
                          <p>All core features you need to track your expenses</p>
                          <span class="d-block">
                            <span class="display-4 text-dark">
                              $69
                            </span>
                            <span class="d-block text-secondary font-size-14">billed annually</span>
                          </span>
                        </header>
                        <!-- End Header -->

                        <!-- Content -->
                        <div class="u-pricing-v1__content">
                          <ul class="list-unstyled mb-4">
                            <li class="u-pricing-v1__list-item py-2">Community support</li>
                            <li class="u-pricing-v1__list-item py-2">400+ pages</li>
                            <li class="u-pricing-v1__list-item py-2">100+ header variations</li>
                            <li class="u-pricing-v1__list-item py-2">20+ home page options</li>
                          </ul>
                          <button type="button" class="btn btn-block btn-primary">Start Free Trial</button>
                        </div>
                        <!-- End Content -->
                      </div>
                      <!-- End Pricing v1 -->
                    </div>

                    <div class="js-slide">
                      <!-- Pricing v1 -->
                      <div class="u-pricing-v1 border-0">
                        <!-- Header -->
                        <header class="u-pricing-v1__header">
                          <h4 class="h4">Growth</h4>
                          <p>Create the perfect flow for your growing business</p>
                          <span class="d-block">
                            <span class="display-4 text-dark">
                              $99
                            </span>
                            <span class="d-block text-secondary font-size-14">billed annually</span>
                          </span>
                        </header>
                        <!-- End Header -->

                        <!-- Content -->
                        <div class="u-pricing-v1__content">
                          <ul class="list-unstyled mb-4">
                            <li class="u-pricing-v1__list-item py-2">Community support</li>
                            <li class="u-pricing-v1__list-item py-2">400+ pages</li>
                            <li class="u-pricing-v1__list-item py-2">100+ header variations</li>
                            <li class="u-pricing-v1__list-item py-2">20+ home page options</li>
                          </ul>
                          <button type="button" class="btn btn-block btn-primary">Start Free Trial</button>
                        </div>
                        <!-- End Content -->
                      </div>
                      <!-- End Pricing v1 -->
                    </div>

                    <div class="js-slide">
                      <!-- Pricing v1 -->
                      <div class="u-pricing-v1 border-0">
                        <!-- Header -->
                        <header class="u-pricing-v1__header">
                          <h4 class="h4">Enterprises</h4>
                          <p>Tailored to your needs with a little help from our unicorns</p>
                          <span class="d-block">
                            <span class="display-4 text-dark">
                              $129
                            </span>
                            <span class="d-block text-secondary font-size-14">billed annually</span>
                          </span>
                        </header>
                        <!-- End Header -->

                        <!-- Content -->
                        <div class="u-pricing-v1__content">
                          <ul class="list-unstyled mb-4">
                            <li class="u-pricing-v1__list-item py-2">Community support</li>
                            <li class="u-pricing-v1__list-item py-2">400+ pages</li>
                            <li class="u-pricing-v1__list-item py-2">100+ header variations</li>
                            <li class="u-pricing-v1__list-item py-2">20+ home page options</li>
                          </ul>
                          <button type="button" class="btn btn-block btn-primary">Start Free Trial</button>
                        </div>
                        <!-- End Content -->
                      </div>
                      <!-- End Pricing v1 -->
                    </div>
                  </div>
                </div>

                <!-- Pricing Table Section -->
                <div class="container space-2">
                  <!-- Individual Pricing Table Features -->
                  <table class="table table-striped table-borderless table-responsive-sm mb-9">
                    <thead>
                      <tr>
                        <th scope="col" class="py-5">
                          <span class="h4 font-weight-normal mb-0">Space Individual</span>
                        </th>
                        <th scope="col" class="py-5">
                          <span class="d-block font-weight-medium">Team</span>
                          <span class="d-block text-secondary font-weight-normal">$69/mo</span>
                          <a class="btn btn-xs btn-outline-primary py-1 px-2" href="https://themes.getbootstrap.com/product/space-multipurpose-responsive-template/">Choose Plan</a>
                        </th>
                        <th scope="col" class="py-5">
                          <span class="d-block font-weight-medium">Growth</span>
                          <span class="d-block text-secondary font-weight-normal">$99/mo</span>
                          <a class="btn btn-xs btn-primary py-1 px-2" href="https://themes.getbootstrap.com/product/space-multipurpose-responsive-template/">Choose Plan</a>
                        </th>
                        <th scope="col" class="py-5">
                          <span class="d-block font-weight-medium">Enterprise</span>
                          <span class="d-block text-secondary font-weight-normal">$129/mo</span>
                          <a class="btn btn-xs btn-primary py-1 px-2" href="https://themes.getbootstrap.com/product/space-multipurpose-responsive-template/">Choose Plan</a>
                        </th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <th scope="row" class="font-weight-normal">
                          Community support
                          <span class="fa fa-info-circle text-secondary ml-1" data-toggle="tooltip" data-placement="top" title="Get access to our premium community support."></span>
                        </th>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                      </tr>
                      <tr>
                        <th scope="row" class="font-weight-normal">
                          400+ pages
                          <span class="fa fa-info-circle text-secondary ml-1" data-toggle="tooltip" data-placement="top" title="Space comes packed with more than 400 pages."></span>
                        </th>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                      </tr>
                      <tr>
                        <th scope="row" class="font-weight-normal">
                          100+ header options
                          <span class="fa fa-info-circle text-secondary ml-1" data-toggle="tooltip" data-placement="top" title="Upon purchase you will get over 100 header options"></span>
                        </th>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                      </tr>
                      <tr>
                        <th scope="row" class="font-weight-normal">
                          10 home options
                        </th>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                      </tr>
                      <tr>
                        <th scope="row" class="font-weight-normal">
                          Approval flow
                        </th>
                        <td><span class="fa fa-times text-muted font-size-14"></span></td>
                        <td class="small font-weight-medium">upon request</td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                      </tr>
                      <tr>
                        <th scope="row" class="font-weight-normal">
                          Central billing
                        </th>
                        <td><span class="fa fa-times text-muted font-size-14"></span></td>
                        <td class="small font-weight-medium">upon request</td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                      </tr>
                      <tr>
                        <th scope="row" class="font-weight-normal">
                          Custom fields
                        </th>
                        <td><span class="fa fa-times text-muted font-size-14"></span></td>
                        <td class="small font-weight-medium">upon request</td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                      </tr>
                      <tr>
                        <th scope="row" class="font-weight-normal">
                          Custom messages
                        </th>
                        <td><span class="fa fa-times text-muted font-size-14"></span></td>
                        <td><span class="fa fa-times text-muted font-size-14"></span></td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                      </tr>
                      <tr>
                        <th scope="row" class="font-weight-normal">
                          Mailing manager
                        </th>
                        <td><span class="fa fa-times text-muted font-size-14"></span></td>
                        <td><span class="fa fa-times text-muted font-size-14"></span></td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                      </tr>
                      <tr>
                        <th scope="row" class="font-weight-normal">
                          Negotiated rates integration
                        </th>
                        <td><span class="fa fa-times text-muted font-size-14"></span></td>
                        <td><span class="fa fa-times text-muted font-size-14"></span></td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                      </tr>
                      <tr>
                        <th scope="row" class="font-weight-normal">
                          Data history
                        </th>
                        <td><span class="fa fa-times text-muted font-size-14"></span></td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                      </tr>
                      <tr>
                        <th scope="row" class="font-weight-normal">
                          Import API
                          <span class="fa fa-info-circle text-secondary ml-1" data-toggle="tooltip" data-placement="top" title="Use Space's API to insert event data into your project."></span>
                        </th>
                        <td><span class="fa fa-times text-muted font-size-14"></span></td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                      </tr>
                      <tr>
                        <th scope="row" class="font-weight-normal">
                          Two-factor authentication
                        </th>
                        <td><span class="fa fa-times text-muted font-size-14"></span></td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                      </tr>
                    </tbody>
                  </table>
                  <!-- End Individual Pricing Table Features -->

                  <!-- Entertainment Pricing Table Features -->
                  <table class="table table-striped table-borderless table-responsive-sm">
                    <thead>
                      <tr>
                        <th scope="col" class="py-5">
                          <span class="h4 font-weight-normal mb-0">Space Entertainment</span>
                        </th>
                        <th scope="col" class="py-5">
                          <span class="d-block font-weight-medium">Team</span>
                          <span class="d-block text-secondary font-weight-normal">$69/mo</span>
                          <a class="btn btn-xs btn-outline-primary py-1 px-2" href="https://themes.getbootstrap.com/product/space-multipurpose-responsive-template/">Choose Plan</a>
                        </th>
                        <th scope="col" class="py-5">
                          <span class="d-block font-weight-medium">Growth</span>
                          <span class="d-block text-secondary font-weight-normal">$99/mo</span>
                          <a class="btn btn-xs btn-primary py-1 px-2" href="https://themes.getbootstrap.com/product/space-multipurpose-responsive-template/">Choose Plan</a>
                        </th>
                        <th scope="col" class="py-5">
                          <span class="d-block font-weight-medium">Enterprise</span>
                          <span class="d-block text-secondary font-weight-normal">$129/mo</span>
                          <a class="btn btn-xs btn-primary py-1 px-2" href="https://themes.getbootstrap.com/product/space-multipurpose-responsive-template/">Choose Plan</a>
                        </th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <th scope="row" class="font-weight-normal">
                          Community support
                          <span class="fa fa-info-circle text-secondary ml-1" data-toggle="tooltip" data-placement="top" title="Get access to our premium community support."></span>
                        </th>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                      </tr>
                      <tr>
                        <th scope="row" class="font-weight-normal">
                          400+ pages
                          <span class="fa fa-info-circle text-secondary ml-1" data-toggle="tooltip" data-placement="top" title="Space comes packed with more than 400 pages."></span>
                        </th>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                      </tr>
                      <tr>
                        <th scope="row" class="font-weight-normal">
                          100+ header options
                          <span class="fa fa-info-circle text-secondary ml-1" data-toggle="tooltip" data-placement="top" title="Upon purchase you will get over 100 header options"></span>
                        </th>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                      </tr>
                      <tr>
                        <th scope="row" class="font-weight-normal">
                          Report Export API
                        </th>
                        <td><span class="fa fa-times text-muted font-size-14"></span></td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                      </tr>
                      <tr>
                        <th scope="row" class="font-weight-normal">
                          Two-factor authentication
                        </th>
                        <td><span class="fa fa-times text-muted font-size-14"></span></td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                        <td><span class="fa fa-check text-purple font-size-14"></span></td>
                      </tr>
                    </tbody>
                  </table>
                  <!-- End Entertainment Pricing Table Features -->
                </div>
                <!-- End Pricing Table Section -->
              
            

JS library and initialization:

            
              <!-- JS Implementing Plugins -->
              <script src="assets/js/helpers/hs.slick-carousel.js"></script>

              <!-- JS Plugins Init. -->
              <script>
                $(document).on('ready', function () {
                  // initialization of slick carousel
                  $.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
                });
              </script>
            
          

Pricing #2

Company

$69 per month
  • Community support
  • 400+ pages
  • 100+ header variations
  • 20+ home page options

Enterprise

Contact Us no user limit
  • Community support
  • 400+ pages
  • 100+ header variations
  • 20+ home page options
  • Priority Support
  • More features
              
                <!-- Pricing -->
                <div class="row justify-content-lg-center">
                  <div class="col-sm-6 col-lg-4 mb-3 mb-lg-0">
                    <!-- Pricing v1 -->
                    <div class="u-pricing-v1">
                      <!-- Header -->
                      <header class="u-pricing-v1__header">
                        <h4 class="h6 text-primary mb-3">Company</h4>
                        <span class="d-block">
                          <span class="display-4 text-dark">
                            $69
                          </span>
                          <span class="d-block text-secondary font-size-14">per month</span>
                        </span>
                      </header>
                      <!-- End Header -->

                      <!-- Content -->
                      <div class="u-pricing-v1__content">
                        <ul class="list-unstyled mb-4">
                          <li class="u-pricing-v1__list-item py-2">Community support</li>
                          <li class="u-pricing-v1__list-item py-2">400+ pages</li>
                          <li class="u-pricing-v1__list-item py-2">100+ header variations</li>
                          <li class="u-pricing-v1__list-item py-2">20+ home page options</li>
                        </ul>

                        <button type="button" class="btn btn-block btn-sm btn-primary">Start Free Trial</button>
                      </div>
                      <!-- End Content -->
                    </div>
                    <!-- End Pricing v1 -->
                  </div>

                  <div class="col-sm-6 col-lg-4">
                    <!-- Pricing v1 -->
                    <div class="u-pricing-v1">
                      <!-- Header -->
                      <header class="u-pricing-v1__header">
                        <h4 class="h6 text-purple mb-3">Enterprise</h4>
                        <span class="d-block">
                          <span class="h2 text-dark">
                            Contact Us
                          </span>
                          <span class="d-block text-secondary font-size-14">no user limit</span>
                        </span>
                      </header>
                      <!-- End Header -->

                      <!-- Content -->
                      <div class="u-pricing-v1__content">
                        <ul class="list-unstyled mb-4">
                          <li class="u-pricing-v1__list-item py-2">Community support</li>
                          <li class="u-pricing-v1__list-item py-2">400+ pages</li>
                          <li class="u-pricing-v1__list-item py-2">100+ header variations</li>
                          <li class="u-pricing-v1__list-item py-2">20+ home page options</li>
                          <li class="u-pricing-v1__list-item py-2">Priority Support</li>
                          <li class="u-pricing-v1__list-item py-2">More features</li>
                        </ul>

                        <button type="button" class="btn btn-block btn-sm btn-purple">Contact Us</button>
                      </div>
                      <!-- End Content -->
                    </div>
                    <!-- End Pricing v1 -->
                  </div>
                </div>
                <!-- End Pricing -->
              
            

Pricing #3

Growing

Recommended
$39 / month
  • Community support
  • 400+ pages
  • 100+ header variations
  • 20+ home page options

Start

Free
  • Community support
  • 400+ pages
  • 100+ header variations
  • 20+ home page options

Enterprise

Team
  • Community support
  • 400+ pages
  • 100+ header variations
  • 20+ home page options
              
                <div class="row align-items-lg-center">
                  <div class="col-md-6 col-lg-4 order-lg-2 offset-md-3 offset-lg-0 mb-5 mb-md-0">
                    <!-- Pricing -->
                    <div class="bg-primary border rounded py-9 p-5">
                      <div class="mb-4">
                        <div class="d-flex justify-content-between align-items-center mb-3">
                          <h4 class="h6 text-white mb-0">Growing</h4>
                          <span class="u-label u-label--light u-label--sm">Recommended</span>
                        </div>
                        <div class="text-white mb-2">
                          <span class="h1">$39</span>
                          <span>/ month</span>
                        </div>
                        <ul class="list-unstyled text-white mb-4">
                          <li class="d-flex align-items-center py-2">
                            <span class="fa fa-check font-size-13 mr-3"></span>
                            Community support
                          </li>
                          <li class="d-flex align-items-center py-2">
                            <span class="fa fa-check font-size-13 mr-3"></span>
                            400+ pages
                          </li>
                          <li class="d-flex align-items-center py-2">
                            <span class="fa fa-check font-size-13 mr-3"></span>
                            100+ header variations
                          </li>
                          <li class="d-flex align-items-center py-2">
                            <span class="fa fa-check font-size-13 mr-3"></span>
                            20+ home page options
                          </li>
                        </ul>
                      </div>
                      <button type="button" class="btn btn-block btn-sm btn-light">Subscribe Now</button>
                    </div>
                    <!-- End Pricing -->
                  </div>

                  <div class="col-md-6 col-lg-4 order-lg-1 mb-5 mb-md-0">
                    <!-- Pricing -->
                    <div class="bg-white border rounded py-7 p-5">
                      <div class="mb-4">
                        <h4 class="h6 text-secondary mb-3">Start</h4>
                        <div class="mb-2">
                          <span class="h1 text-dark">Free</span>
                        </div>
                        <ul class="list-unstyled mb-4">
                          <li class="d-flex align-items-center py-2">
                            <span class="fa fa-check text-purple font-size-13 mr-3"></span>
                            Community support
                          </li>
                          <li class="d-flex align-items-center py-2">
                            <span class="fa fa-check text-purple font-size-13 mr-3"></span>
                            400+ pages
                          </li>
                          <li class="d-flex align-items-center py-2">
                            <span class="fa fa-check text-purple font-size-13 mr-3"></span>
                            100+ header variations
                          </li>
                          <li class="d-flex align-items-center py-2">
                            <span class="fa fa-check text-purple font-size-13 mr-3"></span>
                            20+ home page options
                          </li>
                        </ul>
                      </div>
                      <button type="button" class="btn btn-block btn-sm btn-purple">Start Free Trial</button>
                    </div>
                    <!-- End Pricing -->
                  </div>

                  <div class="col-md-6 col-lg-4 order-lg-3">
                    <!-- Pricing -->
                    <div class="bg-white border rounded py-7 p-5">
                      <div class="mb-4">
                        <h4 class="h6 text-secondary mb-3">Enterprise</h4>
                        <div class="mb-2">
                          <span class="h1 text-dark">Team</span>
                        </div>
                        <ul class="list-unstyled mb-4">
                          <li class="d-flex align-items-center py-2">
                            <span class="fa fa-check text-purple font-size-13 mr-3"></span>
                            Community support
                          </li>
                          <li class="d-flex align-items-center py-2">
                            <span class="fa fa-check text-purple font-size-13 mr-3"></span>
                            400+ pages
                          </li>
                          <li class="d-flex align-items-center py-2">
                            <span class="fa fa-check text-purple font-size-13 mr-3"></span>
                            100+ header variations
                          </li>
                          <li class="d-flex align-items-center py-2">
                            <span class="fa fa-check text-purple font-size-13 mr-3"></span>
                            20+ home page options
                          </li>
                        </ul>
                      </div>
                      <button type="button" class="btn btn-block btn-sm btn-purple">See Team Plans</button>
                    </div>
                    <!-- End Pricing -->
                  </div>
                </div>
              
            

Pricing #4

Free trial

$0 /month
  • Community support
  • 400+ pages
  • 100+ header variations
  • 20+ home page options
Free forever

Growing teams

$39 /month
  • Community support
  • 400+ pages
  • 100+ header variations
  • 20+ home page options
Free for 7 days

Enterprise teams

$79 /month
  • Community support
  • 400+ pages
  • 100+ header variations
  • 20+ home page options
Free for 14 days
              
                <div class="row align-items-lg-center mx-gutters-2">
                  <div class="col-md-6 col-lg-4 offset-md-3 col-lg-4 offset-lg-0 mb-3 mb-lg-0">
                    <!-- Pricing -->
                    <div class="bg-white text-center border rounded pt-7 p-5">
                      <header class="mb-4">
                        <h4 class="h6 text-uppercase text-secondary mb-3">Free trial</h4>
                        <div class="mb-2">
                          <span class="display-4 text-purple">$0</span>
                          <span class="text-secondary">/month</span>
                        </div>
                      </header>

                      <ul class="list-unstyled mb-4">
                        <li class="d-flex align-items-center py-2">
                          <span class="fa fa-check font-size-13 mr-3"></span>
                          Community support
                        </li>
                        <li class="d-flex align-items-center py-2">
                          <span class="fa fa-check font-size-13 mr-3"></span>
                          400+ pages
                        </li>
                        <li class="d-flex align-items-center py-2">
                          <span class="fa fa-check font-size-13 mr-3"></span>
                          100+ header variations
                        </li>
                        <li class="d-flex align-items-center py-2">
                          <span class="fa fa-check font-size-13 mr-3"></span>
                          20+ home page options
                        </li>
                      </ul>

                      <div class="mb-4">
                        <button type="button" class="btn btn-block btn-sm btn-purple">Start Free Trial</button>
                      </div>
                      <span class="d-block text-secondary">Free forever</span>
                    </div>
                    <!-- End Pricing -->
                  </div>

                  <div class="col-md-6 col-lg-4 mb-3 mb-md-0">
                    <!-- Pricing -->
                    <div class="bg-white text-center border rounded pt-7 py-lg-9 p-5">
                      <header class="mb-4">
                        <h4 class="h6 text-uppercase text-secondary mb-3">Growing teams</h4>
                        <div class="mb-2">
                          <span class="display-4 text-primary">$39</span>
                          <span class="text-secondary">/month</span>
                        </div>
                      </header>

                      <ul class="list-unstyled mb-4">
                        <li class="d-flex align-items-center py-2">
                          <span class="fa fa-check font-size-13 mr-3"></span>
                          Community support
                        </li>
                        <li class="d-flex align-items-center py-2">
                          <span class="fa fa-check font-size-13 mr-3"></span>
                          400+ pages
                        </li>
                        <li class="d-flex align-items-center py-2">
                          <span class="fa fa-check font-size-13 mr-3"></span>
                          100+ header variations
                        </li>
                        <li class="d-flex align-items-center py-2">
                          <span class="fa fa-check font-size-13 mr-3"></span>
                          20+ home page options
                        </li>
                      </ul>

                      <div class="mb-4">
                        <button type="button" class="btn btn-block btn-sm btn-primary">Start Free Trial</button>
                      </div>
                      <span class="d-block text-secondary">Free for 7 days</span>
                    </div>
                    <!-- End Pricing -->
                  </div>

                  <div class="col-md-6 col-lg-4">
                    <!-- Pricing -->
                    <div class="bg-white text-center border rounded pt-7 p-5">
                      <header class="mb-4">
                        <h4 class="h6 text-uppercase text-secondary mb-3">Enterprise teams</h4>
                        <div class="mb-2">
                          <span class="display-4 text-danger">$79</span>
                          <span class="text-secondary">/month</span>
                        </div>
                      </header>

                      <ul class="list-unstyled mb-4">
                        <li class="d-flex align-items-center py-2">
                          <span class="fa fa-check font-size-13 mr-3"></span>
                          Community support
                        </li>
                        <li class="d-flex align-items-center py-2">
                          <span class="fa fa-check font-size-13 mr-3"></span>
                          400+ pages
                        </li>
                        <li class="d-flex align-items-center py-2">
                          <span class="fa fa-check font-size-13 mr-3"></span>
                          100+ header variations
                        </li>
                        <li class="d-flex align-items-center py-2">
                          <span class="fa fa-check font-size-13 mr-3"></span>
                          20+ home page options
                        </li>
                      </ul>

                      <div class="mb-4">
                        <button type="button" class="btn btn-block btn-sm btn-danger">Start Free Trial</button>
                      </div>
                      <span class="d-block text-secondary">Free for 14 days</span>
                    </div>
                    <!-- End Pricing -->
                  </div>
                </div>
              
            

Pricing #5

Company

$ 69 / per month

Up to 2 users

Billed monthly or annually

  • Community support
  • 400+ pages
  • 100+ header variations
  • 20+ home page options
Schedule a Demo
              
                <div class="card-group w-lg-75 mx-lg-auto">
                  <!-- Pricing -->
                  <div class="card">
                    <div class="card-body text-center p-5">
                      <h4 class="h5">Company</h4>
                      <span class="d-block mb-3">
                        <span class="text-primary font-size-32 align-top">$</span>
                        <span class="display-2 text-primary">69</span>
                        <span class="text-primary font-size-14 font-weight-medium">/ per month</span>
                      </span>
                      <p class="small mb-0">Up to 2 users</p>
                      <p class="small mb-0">Billed monthly or annually</p>
                    </div>
                  </div>
                  <!-- End Pricing -->

                  <!-- Features -->
                  <div class="card">
                    <div class="card-body p-5">
                      <ul class="list-unstyled mb-4">
                        <li class="u-pricing-v1__list-item py-2">
                          <span class="fa fa-check text-purple mr-2"></span>
                          Community support
                        </li>
                        <li class="u-pricing-v1__list-item py-2">
                          <span class="fa fa-check text-purple mr-2"></span>
                          400+ pages
                        </li>
                        <li class="u-pricing-v1__list-item py-2">
                          <span class="fa fa-check text-purple mr-2"></span>
                          100+ header variations
                        </li>
                        <li class="u-pricing-v1__list-item py-2">
                          <span class="fa fa-check text-purple mr-2"></span>
                          20+ home page options
                        </li>
                      </ul>

                      <button type="button" class="btn btn-sm btn-primary mb-2 mb-md-0">Try Now</button>
                      <a class="btn btn-sm btn-purple mb-2 mb-md-0" href="#">Schedule a Demo</a>
                    </div>
                  </div>
                  <!-- End Features -->
                </div>
              
            

Pricing #6

              
                <!-- Pricing -->
                <div class="card-deck card-sm-gutters-2">
                  <div class="card border-0">
                    <div class="card-body p-0">
                      <div class="custom-control custom-radio custom-control-inline form-selector-modern">
                        <input type="radio" id="productShippingSelector1" class="custom-control-input form-selector-modern__input" name="productShippingSelector" checked>
                        <label class="custom-control-label form-selector-modern__label" for="productShippingSelector1">
                          <span class="d-block mt-offset-1">
                            <span class="h3 d-inline-block text-primary mb-1">$49</span>
                            <small class="text-secondary">/ month</small>
                          </span>
                          <small class="d-block text-muted">All core features you need to track your expenses</small>
                        </label>
                      </div>
                    </div>
                  </div>

                  <div class="card border-0">
                    <div class="card-body p-0">
                      <div class="custom-control custom-radio custom-control-inline form-selector-modern">
                        <input type="radio" id="productShippingSelector2" class="custom-control-input form-selector-modern__input" name="productShippingSelector">
                        <label class="custom-control-label form-selector-modern__label" for="productShippingSelector2">
                          <span class="d-block mt-offset-1">
                            <span class="h3 d-inline-block text-primary mb-1">$69</span>
                            <small class="text-secondary">/ month</small>
                          </span>
                          <small class="d-block text-muted">Create the perfect flow for your growing business</small>
                        </label>
                      </div>
                    </div>
                  </div>
                </div>
                <!-- End Pricing -->