Please wait...

Try Bacotna with other template and color skins
Index variants
Color options

Components pricing

  1. Home
  2. Components
  3. Pricing

Free

$0 .00/ year
  • 1 GB of space
  • Support at $25/hour
  • Small social media package
Choose plan

Personal

$49 .99/ year
  • 20 GB of space
  • Free support
  • Full social media package
Choose plan

Business

$99 .99/ year
  • Unlimited space
  • Free support
  • Full social media package
Choose plan 
<!-- Start Pricing 01 -->
<div class="col-md-4">
	<div class="pricing-item">
		<h4 class="pricing-title">Free</h4>
		<div class="pricing-price">
			<span class="pricing-anim pricing-anim-1">
				<span class="pricing-currency">$</span>0
			</span>
			<span class="pricing-anim pricing-anim-2">
				<span class="pricing-period">.00/ year</span>
			</span>
		</div>
		<ul class="pricing-feature-list">
			<li class="pricing-feature">1 GB of space</li>
			<li class="pricing-feature">Support at $25/hour</li>
		">Small social media package</li>
		</ul>
		<a href="#" class="btn btn-primary btn-icon">Choose plan</a>
	</div>
</div>
<!-- End Pricing 01 -->

<!-- Start Pricing 02 -->
<div class="col-md-4">
	<div class="pricing-item active">
		<h4 class="pricing-title">Personal</h4>
		<div class="pricing-price">
			<span class="pricing-anim pricing-anim-1">
				<span class="pricing-currency">$</span>49
			</span>
			<span class="pricing-anim pricing-anim-2">
				<span class="pricing-period">.99/ year</span>
			</span>
		</div>
		<ul class="pricing-feature-list">
			<li class="pricing-feature">20 GB of space</li>
			<li class="pricing-feature">Free support</li>
			<li class="pricing-feature">Full social media package</li>
		</ul>
		<a href="#" class="btn btn-primary btn-icon">Choose plan</a>
	</div>
</div>
<!-- End Pricing 02 -->

<!-- Start Pricing 03 -->
<div class="col-md-4">
	<div class="pricing-item">
		<h4 class="pricing-title">Business</h4>
		<div class="pricing-price">
			<span class="pricing-anim pricing-anim-1">
				<span class="pricing-currency">$</span>99
			</span>
			<span class="pricing-anim pricing-anim-2">
				<span class="pricing-period">.99/ year</span>
			</span>
		</div>
		<ul class="pricing-feature-list">
			<li class="pricing-feature">Unlimited space</li>
			<li class="pricing-feature">Free support</li>
			<li class="pricing-feature">Full social media package</li>
		</ul>
		<a href="#" class="btn btn-primary btn-icon">Choose plan</a>
	</div>
</div>
<!-- End Pricing 03 -->

Silver

Personal use

$9 .99/year
  • 1 GB of space
  • Support at $25/hour
  • Small social media package
  • Support at $25/hour
Choose plan

Gold

Best for team

$19 .99/year
  • 1 GB of space
  • Support at $25/hour
  • Small social media package
  • Support at $25/hour
Choose plan

Diamond

Personal use

$49 .99/year
  • 1 GB of space
  • Support at $25/hour
  • Small social media package
  • Support at $25/hour
Choose plan

Platinum

Personal use

$99 .00/year
  • 1 GB of space
  • Support at $25/hour
  • Small social media package
  • Support at $25/hour
Choose plan 
<!-- Start Pricing 01 -->
<div class="col-md-3">
	<div class="pricing-item pricing-column">
		<span class="pricing-icon"><i class="fa fa-star icon-default"></i></span>
		<h3 class="pricing-title">Silver</h3>
		<p class="pricing-sentence">Personal use</p>
		<div class="pricing-price">
			<span class="pricing-anim pricing-anim-1">
				<span class="pricing-currency">$</span>9
			</span>
			<span class="pricing-anim pricing-anim-2">
				<span class="pricing-period">.99/year</span>
			</span>
		</div>
		<ul class="pricing-feature-list">
			<li class="pricing-feature bg1">1 GB of space</li>
			<li class="pricing-feature bg2">Support at $25/hour</li>
			<li class="pricing-feature bg1">Small social media package</li>
			<li class="pricing-feature bg2">Support at $25/hour</li>
		</ul>
		<a href="#" class="btn btn-default btn-3d btn-icon icon-divider"><i class="fa fa-shopping-basket"></i> Choose plan</a>
	</div>
</div>
<!-- End Pricing 01 -->

<!-- Start Pricing 02 -->
<div class="col-md-3">
	<div class="pricing-item pricing-column active">
		<span class="pricing-icon"><i class="fa fa-database icon-default"></i></span>
		<h3 class="pricing-title">Gold</h3>
		<p class="pricing-sentence">Best for team</p>
		<div class="pricing-price">
			<span class="pricing-anim pricing-anim-1">
				<span class="pricing-currency">$</span>19
			</span>
			<span class="pricing-anim pricing-anim-2">
				<span class="pricing-period">.99/year</span>
			</span>
		</div>
		<ul class="pricing-feature-list">
			<li class="pricing-feature bg1">1 GB of space</li>
			<li class="pricing-feature bg2">Support at $25/hour</li>
			<li class="pricing-feature bg1">Small social media package</li>
			<li class="pricing-feature bg2">Support at $25/hour</li>
		</ul>
		<a href="#" class="btn btn-primary btn-3d btn-icon icon-divider"><i class="fa fa-shopping-basket"></i> Choose plan</a>
	</div>
</div>
<!-- End Pricing 02 -->

<!-- Start Pricing 03 -->
<div class="col-md-3">
	<div class="pricing-item pricing-column">
		<span class="pricing-icon"><i class="fa fa-diamond icon-default"></i></span>
		<h3 class="pricing-title">Diamond</h3>
		<p class="pricing-sentence">Personal use</p>
		<div class="pricing-price">
			<span class="pricing-anim pricing-anim-1">
				<span class="pricing-currency">$</span>49
			</span>
			<span class="pricing-anim pricing-anim-2">
				<span class="pricing-period">.99/year</span>
			</span>
		</div>
		<ul class="pricing-feature-list">
			<li class="pricing-feature bg1">1 GB of space</li>
			<li class="pricing-feature bg2">Support at $25/hour</li>
			<li class="pricing-feature bg1">Small social media package</li>
			<li class="pricing-feature bg2">Support at $25/hour</li>
		</ul>
		<a href="#" class="btn btn-default btn-3d btn-icon icon-divider"><i class="fa fa-shopping-basket"></i> Choose plan</a>
	</div>
</div>
<!-- End Pricing 03 -->

<!-- Start Pricing 04 -->
<div class="col-md-3">
	<div class="pricing-item pricing-column">
		<span class="pricing-icon"><i class="fa fa-trophy icon-default"></i></span>
		<h3 class="pricing-title">Platinum</h3>
		<p class="pricing-sentence">Personal use</p>
		<div class="pricing-price">
			<span class="pricing-anim pricing-anim-1">
				<span class="pricing-currency">$</span>99
			</span>
			<span class="pricing-anim pricing-anim-2">
				<span class="pricing-period">.00/year</span>
			</span>
		</div>
		<ul class="pricing-feature-list">
			<li class="pricing-feature bg1">1 GB of space</li>
			<li class="pricing-feature bg2">Support at $25/hour</li>
			<li class="pricing-feature bg1">Small social media package</li>
			<li class="pricing-feature bg2">Support at $25/hour</li>
		</ul>
		<a href="#" class="btn btn-default btn-3d btn-icon icon-divider"><i class="fa fa-shopping-basket"></i> Choose plan</a>
	</div>	
</div>
<!-- End Pricing 04 -->
$0.00/year
Free

  • Personal use

  • 1 project

  • 5 template

  • No PSD file

  • Update avalabel

  • No support

Buy it now
$19.99/year
Personal

  • Personal use

  • 1 project

  • 25 template

  • PSD included

  • Update avalabel

  • Free support

Buy it now
$29.99/year
Team

  • Commercial use

  • 5 project

  • 50 template

  • PSD included

  • Update avalabel

  • Free support

Buy it now
$49.99/year
Business

  • Commercial use

  • 20 project

  • 100 template

  • PSD included

  • Update avalabel

  • Free support

Buy it now
$99.99/year
Corporate

  • Commercial use

  • Unlimited project

  • 100 template

  • PSD included

  • Update avalabel

  • Free support

Buy it now 
<!-- Start Pricing -->
<div class="pricing-list">
	<div class="list-column show-text">
		<div class="list-column-head buttercup-border">
			<div class="pricing-price"><span class="pricing-currency">$</span>0<span class="pricing-period">.00/year</span></div>
			<h5>Free</h5>
		</div>
		<div class="list-column-content">
			<ul>
				<li class="bg1">
					<i class="fa fa-check-circle fa-3x apple"></i>
					<p><strong>Personal</strong> use</p>
				</li>
				<li class="bg2">
					<i class="fa fa-times-circle fa-3x thunderbird"></i>
					<p><strong>1</strong> project</p>
				</li>
				<li class="bg1">
					<i class="fa fa-check-circle fa-3x apple"></i>
					<p><strong>5</strong> template</p>
				</li>
				<li class="bg2">
					<i class="fa fa-times-circle fa-3x thunderbird"></i>
					<p><strong>No</strong> PSD file</p>
				</li>
				<li class="bg1">
					<i class="fa fa-times-circle fa-3x thunderbird"></i>
					<p><strong>Update</strong> avalabel</p>
				</li>
				<li class="bg2">
					<i class="fa fa-check-circle fa-3x apple"></i>
					<p><strong>No</strong> support</p>
				</li>
			</ul>
		</div>
		<div class="list-column-bottom">
			<a href="#" class="btn btn-buttercup btn-3d btn-icon icon-divider"><i class="fa fa-shopping-cart"></i>Buy it now</a>
		</div>
	</div>
	<div class="list-column show-text">
		<div class="list-column-head jaffa-border">
			<div class="pricing-price"><span class="pricing-currency">$</span>19<span class="pricing-period">.99/year</span></div>
			<h5>Personal</h5>
		</div>
		<div class="list-column-content">
			<ul>
				<li class="bg1">
					<i class="fa fa-check-circle fa-3x apple"></i>
					<p><strong>Personal</strong> use</p>
				</li>
				<li class="bg2">
					<i class="fa fa-times-circle fa-3x thunderbird"></i>
					<p><strong>1</strong> project</p>
				</li>
				<li class="bg1">
					<i class="fa fa-check-circle fa-3x apple"></i>
					<p><strong>25</strong> template</p>
				</li>
				<li class="bg2">
					<i class="fa fa-times-circle fa-3x thunderbird"></i>
					<p><strong>PSD</strong> included</p>
				</li>
				<li class="bg1">
					<i class="fa fa-times-circle fa-3x thunderbird"></i>
					<p><strong>Update</strong> avalabel</p>
				</li>
				<li class="bg2">
					<i class="fa fa-check-circle fa-3x apple"></i>
					<p><strong>Free</strong> support</p>
				</li>
			</ul>
		</div>
		<div class="list-column-bottom">
			<a href="#" class="btn btn-jaffa btn-3d btn-icon icon-divider"><i class="fa fa-shopping-cart"></i>Buy it now</a>
		</div>
	</div>
	<div class="list-column show-text">
		<div class="list-column-head mantis-border">
			<div class="pricing-price"><span class="pricing-currency">$</span>29<span class="pricing-period">.99/year</span></div>
			<h5>Team</h5>
		</div>
		<div class="list-column-content">
			<ul>
				<li class="bg1">
					<i class="fa fa-check-circle fa-3x apple"></i>
					<p><strong>Commercial</strong> use</p>
				</li>
				<li class="bg2">
					<i class="fa fa-times-circle fa-3x thunderbird"></i>
					<p><strong>5</strong> project</p>
				</li>
				<li class="bg1">
					<i class="fa fa-check-circle fa-3x apple"></i>
					<p><strong>50</strong> template</p>
				</li>
				<li class="bg2">
					<i class="fa fa-times-circle fa-3x thunderbird"></i>
					<p><strong>PSD</strong> included</p>
				</li>
				<li class="bg1">
					<i class="fa fa-times-circle fa-3x thunderbird"></i>
					<p><strong>Update</strong> avalabel</p>
				</li>
				<li class="bg2">
					<i class="fa fa-check-circle fa-3x apple"></i>
					<p><strong>Free</strong> support</p>
				</li>
			</ul>
		</div>
		<div class="list-column-bottom">
			<a href="#" class="btn btn-mantis btn-3d btn-icon icon-divider"><i class="fa fa-shopping-cart"></i>Buy it now</a>
		</div>
	</div>
	<div class="list-column show-text">
		<div class="list-column-head mandy-border">
			<div class="pricing-price"><span class="pricing-currency">$</span>49<span class="pricing-period">.99/year</span></div>
			<h5>Business</h5>
		</div>
		<div class="list-column-content">
			<ul>
				<li class="bg1">
					<i class="fa fa-check-circle fa-3x apple"></i>
					<p><strong>Commercial</strong> use</p>
				</li>
				<li class="bg2">
					<i class="fa fa-times-circle fa-3x thunderbird"></i>
					<p><strong>20</strong> project</p>
				</li>
				<li class="bg1">
					<i class="fa fa-check-circle fa-3x apple"></i>
					<p><strong>100</strong> template</p>
				</li>
				<li class="bg2">
					<i class="fa fa-times-circle fa-3x thunderbird"></i>
					<p><strong>PSD</strong> included</p>
				</li>
				<li class="bg1">
					<i class="fa fa-times-circle fa-3x thunderbird"></i>
					<p><strong>Update</strong> avalabel</p>
				</li>
				<li class="bg2">
					<i class="fa fa-check-circle fa-3x apple"></i>
					<p><strong>Free</strong> support</p>
				</li>
			</ul>
		</div>
		<div class="list-column-bottom">
			<a href="#" class="btn btn-mandy btn-3d btn-icon icon-divider"><i class="fa fa-shopping-cart"></i>Buy it now</a>
		</div>
	</div>
	<div class="list-column show-text">
		<div class="list-column-head picton-border">
			<div class="pricing-price"><span class="pricing-currency">$</span>99<span class="pricing-period">.99/year</span></div>
			<h5>Corporate</h5>
		</div>
		<div class="list-column-content">
			<ul>
				<li class="bg1">
					<i class="fa fa-check-circle fa-3x apple"></i>
					<p><strong>Commercial</strong> use</p>
				</li>
				<li class="bg2">
					<i class="fa fa-times-circle fa-3x thunderbird"></i>
					<p><strong>Unlimited</strong> project</p>
				</li>
				<li class="bg1">
					<i class="fa fa-check-circle fa-3x apple"></i>
					<p><strong>100</strong> template</p>
				</li>
				<li class="bg2">
					<i class="fa fa-times-circle fa-3x thunderbird"></i>
					<p><strong>PSD</strong> included</p>
				</li>
				<li class="bg1">
					<i class="fa fa-times-circle fa-3x thunderbird"></i>
					<p><strong>Update</strong> avalabel</p>
				</li>
				<li class="bg2">
					<i class="fa fa-check-circle fa-3x apple"></i>
					<p><strong>Free</strong> support</p>
				</li>
			</ul>
		</div>
		<div class="list-column-bottom">
			<a href="#" class="btn btn-picton btn-3d btn-icon icon-divider"><i class="fa fa-shopping-cart"></i>Buy it now</a>
		</div>
	</div>
</div>
<!-- End Pricing -->
$14

Why should premium ?

Ornatus urbanitas vel ea, vel an postulant similique. Purto dissentias te eum. Eu labitur accusata quo.

  • Published landing pages
  • Commercial use
  • WordPress integration
  • Advanced convertables
  • Client Sub-Accounts
  • Updated
  • 24/7 Support
Purchase only $14
$0

Try for free trial 30 days

Ornatus urbanitas vel ea, vel an postulant similique. Purto dissentias te eum. Eu labitur accusata quo.

  • Published landing pages
  • Commercial use
  • WordPress integration
  • Advanced convertables
  • Client Sub-Accounts
  • Updated
  • 24/7 Support
Download 
<!-- Start Pricing -->
<div class="pricing-2column-wrapp">
	<div class="pricing-2-column cinnabar-border">
		<span class="price-label">$14</span>
		<h3>Why should premium ?</h3>
		<p>[...]</p>
		<ul>
			<li><i class="fa fa-check-circle fa-3x meadow"></i> Published landing pages</li>
			<li><i class="fa fa-check-circle fa-3x meadow"></i> Commercial use</li>
			<li><i class="fa fa-check-circle fa-3x meadow"></i> WordPress integration</li>
			<li><i class="fa fa-check-circle fa-3x meadow"></i> Advanced convertables</li>
			<li><i class="fa fa-check-circle fa-3x meadow"></i> Client Sub-Accounts</li>
			<li><i class="fa fa-check-circle fa-3x meadow"></i> Updated</li>
			<li><i class="fa fa-check-circle fa-3x meadow"></i> 24/7 Support</li>
		</ul>
		<a href="#" class="btn btn-cinnabar btn-3d btn-icon icon-divider btn-block btn-lg"><i class="fa fa-shopping-basket"></i>Purchase only $14</a>
	</div>
	<div class="pricing-2-column absolute-2column picton-border">
		<span class="price-label">$0</span>
		<h4>Try for free trial 30 days</h4>
		<p>[...]</p>
		<ul>
			<li><i class="fa fa-check-circle fa-2x meadow"></i> Published landing pages</li>
			<li><i class="fa fa-times-circle fa-2x thunderbird"></i> Commercial use</li>
			<li><i class="fa fa-times-circle fa-2x thunderbird"></i> WordPress integration</li>
			<li><i class="fa fa-times-circle fa-2x thunderbird"></i> Advanced convertables</li>
			<li><i class="fa fa-times-circle fa-2x thunderbird"></i> Client Sub-Accounts</li>
			<li><i class="fa fa-check-circle fa-2x meadow"></i> Updated</li>
			<li><i class="fa fa-times-circle fa-2x thunderbird"></i> 24/7 Support</li>
		</ul>
		<a href="#" class="btn btn-default btn-stroke btn-lg">Download</a>
	</div>
</div>
<!-- End Pricing -->