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
Growing teams
$39
/month
- Community support
- 400+ pages
- 100+ header variations
- 20+ home page options
Enterprise teams
$79
/month
- Community support
- 400+ pages
- 100+ header variations
- 20+ home page options
<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 monthUp to 2 users
Billed monthly or annually
- Community support
- 400+ pages
- 100+ header variations
- 20+ home page options
<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 -->