Pricing
Set the price of your business with modern design pricing blocks.
Pricing #1 #
Free
$0
/
Mo
Sed faucibus lectus quis tellus fermentum.
- Duration: 2 days
- 5 Listing
- Contact Display
basic
$29
/
Mo
Sed faucibus lectus quis tellus fermentum.
- Duration: 5 days
- 10 Listing
- Contact Display
- Price Range
premium
$59
/
Mo
Sed faucibus lectus quis tellus fermentum.
- Duration: 10 days
- 20 Listing
- Contact Display
- Price Range
- Business Hours
<div class="py-6">
<div class="container">
<div class="card-deck">
<div class="pricing-table card rounded-0">
<div class="card-header bg-transparent border-0 p-0">
<div class="font-weight-semibold text-dark font-size-md mb-3 text-uppercase">
Free
</div>
<div class="mb-5">
<span class="price text-primary">$0 </span>
<span>/</span>
<span>Mo</span>
</div>
<p class="text-gray mb-6">Sed faucibus lectus quis tellus fermentum.
</p>
</div>
<div class="card-body px-0 pt-5 pb-7">
<ul class="features list-group list-group-flush list-group-borderless">
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i
class="fal fa-check"></i></span>
<span class="text-dark">Duration: 2 days</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i
class="fal fa-check"></i></span>
<span class="text-dark">5 Listing</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i
class="fal fa-check"></i></span>
<span class="text-dark">Contact Display</span>
</li>
</ul>
</div>
<div class="card-footer bg-transparent border-0 mt-auto p-0">
<a href="#"
class="btn btn-primary btn-block lh-lg font-weight-bold rounded-0">Register
Now</a>
</div>
</div>
<div class="pricing-table card rounded-0 bg-primary text-white">
<div class="card-header bg-transparent border-0 p-0">
<div class="font-weight-semibold font-size-md mb-3 text-uppercase">basic</div>
<div class="mb-5">
<span class="price text-white">$29 </span>
<span>/</span>
<span>Mo</span>
</div>
<p class="mb-6">Sed faucibus lectus quis tellus fermentum.
</p>
</div>
<div class="card-body px-0 pt-5 pb-7">
<ul class="features list-group list-group-flush list-group-borderless">
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="font-size-md d-inline-block mr-3"><i
class="fal fa-check"></i></span>
<span>Duration: 5 days</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="font-size-md d-inline-block mr-3"><i
class="fal fa-check"></i></span>
<span> 10 Listing</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="font-size-md d-inline-block mr-3"><i
class="fal fa-check"></i></span>
<span>Contact Display</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="font-size-md d-inline-block mr-3"><i
class="fal fa-check"></i></span>
<span>Price Range</span>
</li>
</ul>
</div>
<div class="card-footer bg-transparent border-0 p-0 mt-auto">
<a href="#"
class="btn btn-white lh-lg text-primary btn-block font-weight-bold rounded-0">Register
Now</a>
</div>
</div>
<div class="pricing-table card rounded-0">
<div class="card-header bg-transparent border-0 p-0">
<div class="font-weight-semibold text-dark font-size-md mb-3 text-uppercase">
premium
</div>
<div class="mb-5">
<span class="price text-primary">$59</span>
<span>/</span>
<span>Mo</span>
</div>
<p class="text-gray mb-6">Sed faucibus lectus quis tellus fermentum.
</p>
</div>
<div class="card-body px-0 pt-5 pb-7">
<ul class="list-group list-group-flush list-group-borderless">
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i
class="fal fa-check"></i></span>
<span class="text-dark">Duration: 10 days</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i
class="fal fa-check"></i></span>
<span class="text-dark"> 20 Listing</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i
class="fal fa-check"></i></span>
<span class="text-dark">Contact Display</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i
class="fal fa-check"></i></span>
<span class="text-dark">Price Range</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i class="fal fa-check"></i></span>
<span class="text-dark">Business Hours</span>
</li>
</ul>
</div>
<div class="card-footer bg-transparent border-0 p-0 mt-auto">
<a href="#"
class="btn btn-primary btn-block lh-lg font-weight-bold rounded-0">Register
Now</a>
</div>
</div>
</div>
</div>
</div>Pricing #2 #
Free
$0
/
Mo
Sed faucibus lectus quis tellus fermentum.
- Duration: 2 days
- 5 Listing
- Contact Display
basic
$29
/
Mo
Sed faucibus lectus quis tellus fermentum.
- Duration: 5 days
- 10 Listing
- Contact Display
- Price Range
premium
$59
/
Mo
Sed faucibus lectus quis tellus fermentum.
- Duration: 10 days
- 20 Listing
- Contact Display
- Price Range
- Business Hours
<div class="card-group">
<div class="pricing-table card rounded-0">
<div class="card-header bg-transparent border-0 p-0">
<div class="font-weight-semibold text-dark font-size-md mb-3 text-uppercase">
Free
</div>
<div class="mb-5">
<span class="price text-primary">$0 </span>
<span>/</span>
<span>Mo</span>
</div>
<p class="text-gray mb-6">Sed faucibus lectus quis tellus fermentum.
</p>
</div>
<div class="card-body px-0 pt-5 pb-7">
<ul class="features list-group list-group-flush list-group-borderless">
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i
class="fal fa-check"></i></span>
<span class="text-dark">Duration: 2 days</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i
class="fal fa-check"></i></span>
<span class="text-dark">5 Listing</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i
class="fal fa-check"></i></span>
<span class="text-dark">Contact Display</span>
</li>
</ul>
</div>
<div class="card-footer bg-transparent border-0 mt-auto p-0">
<a href="#"
class="btn btn-primary btn-block lh-lg font-weight-bold rounded-0">Register
Now</a>
</div>
</div>
<div class="pricing-table card rounded-0 bg-primary text-white">
<div class="card-header bg-transparent border-0 p-0">
<div class="font-weight-semibold font-size-md mb-3 text-uppercase">basic</div>
<div class="mb-5">
<span class="price text-white">$29 </span>
<span>/</span>
<span>Mo</span>
</div>
<p class="mb-6">Sed faucibus lectus quis tellus fermentum.
</p>
</div>
<div class="card-body px-0 pt-5 pb-7">
<ul class="features list-group list-group-flush list-group-borderless">
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="font-size-md d-inline-block mr-3"><i
class="fal fa-check"></i></span>
<span>Duration: 5 days</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="font-size-md d-inline-block mr-3"><i
class="fal fa-check"></i></span>
<span> 10 Listing</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="font-size-md d-inline-block mr-3"><i
class="fal fa-check"></i></span>
<span>Contact Display</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="font-size-md d-inline-block mr-3"><i
class="fal fa-check"></i></span>
<span>Price Range</span>
</li>
</ul>
</div>
<div class="card-footer bg-transparent border-0 p-0 mt-auto">
<a href="#"
class="btn btn-white lh-lg text-primary btn-block font-weight-bold rounded-0">Register
Now</a>
</div>
</div>
<div class="pricing-table card rounded-0">
<div class="card-header bg-transparent border-0 p-0">
<div class="font-weight-semibold text-dark font-size-md mb-3 text-uppercase">
premium
</div>
<div class="mb-5">
<span class="price text-primary">$59</span>
<span class="separate">/</span>
<span>Mo</span>
</div>
<p class="text-gray mb-6">Sed faucibus lectus quis tellus fermentum.
</p>
</div>
<div class="card-body px-0 pt-5 pb-7">
<ul class="features list-group list-group-flush list-group-borderless">
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i
class="fal fa-check"></i></span>
<span class="text-dark">Duration: 10 days</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i
class="fal fa-check"></i></span>
<span class="text-dark"> 20 Listing</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i
class="fal fa-check"></i></span>
<span class="text-dark">Contact Display</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i
class="fal fa-check"></i></span>
<span class="text-dark">Price Range</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i
class="fal fa-check"></i></span>
<span class="text-dark">Business Hours</span>
</li>
</ul>
</div>
<div class="card-footer bg-transparent border-0 p-0 mt-auto">
<a href="#"
class="btn btn-primary btn-block lh-lg font-weight-bold rounded-0">Register
Now</a>
</div>
</div>
</div>