Responsive Layout

JomSocial Theme

Buy Now

Pulvinar tempor cras amet ac turpis tristique tristique ... (read more) close
Pulvinar tempor cras amet ac turpis tristique tristique ... (read more) close

Pricing Tables

PRICING TABLES
 

Basic

$20/month

  • Item One Description
  • Item Two Description
  • Item Three Description
  • Item Four Description
  • Item Five Description

Expert

$60/month

  • Item One Description
  • Item Two Description
  • Item Three Description
  • Item Four Description
  • Item Five Description
 
GET CODE
<div id="jf-pricing-table" class="blue">
	<div class="jf-pricing-column jf-pricing-3-col">
		<h3>Basic</h3>
		<div class="jf-cost">
			<p>
				$20<span>/month</span>
			</p>
		</div>
		<div class="jf-features">
			<ul>
				<li class="yes">Item One Description</li>
				<li class="yes">Item Two Description</li>
				<li class="no">Item Three Description</li>
				<li class="no">Item Four Description</li>
				<li class="no">Item Five Description</li>
			</ul>
		</div>
		<div class="jf-buynow">
			<a href="#" class="button large">Purchase</a>
		</div>
	</div>
	<div class="jf-pricing-column jf-pricing-3-col jf-recommended">
		<h3>Advanced<span class="jf-bestvalue-button"></span></h3>
		<div class="jf-cost">
			<p>
				$40<span>/month</span>
			</p>
		</div>
		<div class="jf-features">
			<ul>
				<li class="yes">Item One Description</li>
				<li class="yes">Item Two Description</li>
				<li class="yes">Item Three Description</li>
				<li class="no">Item Four Description</li>
				<li class="no">Item Five Description</li>
			</ul>
		</div>
		<div class="jf-buynow">
			<a href="#" class="button large">Purchase</a>
		</div>
	</div>
	<div class="jf-pricing-column jf-pricing-3-col">
		<h3>Expert</h3>
		<div class="jf-cost">
			<p>
				$60<span>/month</span>
			</p>
		</div>
		<div class="jf-features">
			<ul>
				<li class="yes">Item One Description</li>
				<li class="yes">Item Two Description</li>
				<li class="yes">Item Three Description</li>
				<li class="yes">Item Four Description</li>
				<li class="yes">Item Five Description</li>
			</ul>
		</div>
		<div class="jf-buynow">
			<a href="#" class="button large">Purchase</a>
		</div>
	</div>
	<div class="clear"></div>
</div>
 
 

Basic

$20/month

  • Item One Description
  • Item Two Description
  • Item Three Description
  • Item Four Description
  • Item Five Description

Expert

$60/month

  • Item One Description
  • Item Two Description
  • Item Three Description
  • Item Four Description
  • Item Five Description

Custom

> $80/month

  • Item One Description
  • Item Two Description
  • Item Three Description
  • Item Four Description
  • Item Five Description
 
GET CODE
<div id="jf-pricing-table" class="blue">
	<div class="jf-pricing-column jf-pricing-4-col">
		<h3>Basic</h3>
		<div class="jf-cost">
			<p>
				$20<span>/month</span>
			</p>
		</div>
		<div class="jf-features">
			<ul>
				<li class="yes">Item One Description</li>
				<li class="yes">Item Two Description</li>
				<li class="no">Item Three Description</li>
				<li class="no">Item Four Description</li>
				<li class="no">Item Five Description</li>
			</ul>
		</div>
		<div class="jf-buynow">
			<a href="#" class="button large">Purchase</a>
		</div>
	</div>
	<div class="jf-pricing-column jf-pricing-4-col jf-recommended">
		<h3>Advanced<span class="jf-recommended-button"></span></h3>
		<div class="jf-cost">
			<p>
				$40<span>/month</span>
			</p>
		</div>
		<div class="jf-features">
			<ul>
				<li class="yes">Item One Description</li>
				<li class="yes">Item Two Description</li>
				<li class="yes">Item Three Description</li>
				<li class="no">Item Four Description</li>
				<li class="no">Item Five Description</li>
			</ul>
		</div>
		<div class="jf-buynow">
			<a href="#" class="button large">Purchase</a>
		</div>
	</div>
	<div class="jf-pricing-column jf-pricing-4-col ">
		<h3>Expert</h3>
		<div class="jf-cost">
			<p>
				$60<span>/month</span>
			</p>
		</div>
		<div class="jf-features">
			<ul>
				<li class="yes">Item One Description</li>
				<li class="yes">Item Two Description</li>
				<li class="yes">Item Three Description</li>
				<li class="yes">Item Four Description</li>
				<li class="no">Item Five Description</li>
			</ul>
		</div>
		<div class="jf-buynow">
			<a href="#" class="button large">Purchase</a>
		</div>
	</div>
	<div class="jf-pricing-column jf-pricing-4-col ">
		<h3>Custom</h3>
		<div class="jf-cost">
			<p>
				&gt; $80<span>/month</span>
			</p>
		</div>
		<div class="jf-features">
			<ul>
				<li class="yes">Item One Description</li>
				<li class="yes">Item Two Description</li>
				<li class="yes">Item Three Description</li>
				<li class="yes">Item Four Description</li>
				<li class="yes">Item Five Description</li>
			</ul>
		</div>
		<div class="jf-buynow">
			<a href="#" class="button large">Purchase</a>
		</div>
	</div>
	<div class="clear"></div>
</div>
 
 

Basic

$20/month

  • Item One Description
  • Item Two Description
  • Item Three Description
  • Item Four Description
  • Item Five Description

Expert

$60/month

  • Item One Description
  • Item Two Description
  • Item Three Description
  • Item Four Description
  • Item Five Description
 
GET CODE
<div id="jf-pricing-table" class="red">
	<div class="jf-pricing-column jf-pricing-3-col">
		<h3>Basic</h3>
		<div class="jf-cost">
			<p>
				$20<span>/month</span>
			</p>
		</div>
		<div class="jf-features">
			<ul>
				<li class="yes">Item One Description</li>
				<li class="yes">Item Two Description</li>
				<li class="no">Item Three Description</li>
				<li class="no">Item Four Description</li>
				<li class="no">Item Five Description</li>
			</ul>
		</div>
		<div class="jf-buynow">
			<a href="#" class="button large">Purchase</a>
		</div>
	</div>
	<div class="jf-pricing-column jf-pricing-3-col jf-recommended">
		<h3>Advanced<span class="jf-bestvalue-button"></span></h3>
		<div class="jf-cost">
			<p>
				$40<span>/month</span>
			</p>
		</div>
		<div class="jf-features">
			<ul>
				<li class="yes">Item One Description</li>
				<li class="yes">Item Two Description</li>
				<li class="yes">Item Three Description</li>
				<li class="no">Item Four Description</li>
				<li class="no">Item Five Description</li>
			</ul>
		</div>
		<div class="jf-buynow">
			<a href="#" class="button large">Purchase</a>
		</div>
	</div>
	<div class="jf-pricing-column jf-pricing-3-col">
		<h3>Expert</h3>
		<div class="jf-cost">
			<p>
				$60<span>/month</span>
			</p>
		</div>
		<div class="jf-features">
			<ul>
				<li class="yes">Item One Description</li>
				<li class="yes">Item Two Description</li>
				<li class="yes">Item Three Description</li>
				<li class="yes">Item Four Description</li>
				<li class="yes">Item Five Description</li>
			</ul>
		</div>
		<div class="jf-buynow">
			<a href="#" class="button large">Purchase</a>
		</div>
	</div>
	<div class="clear"></div>
</div>
 
 

Basic

$20/month

  • Item One Description
  • Item Two Description
  • Item Three Description
  • Item Four Description
  • Item Five Description

Expert

$60/month

  • Item One Description
  • Item Two Description
  • Item Three Description
  • Item Four Description
  • Item Five Description

Custom

> $80/month

  • Item One Description
  • Item Two Description
  • Item Three Description
  • Item Four Description
  • Item Five Description
 
GET CODE
<div id="jf-pricing-table" class="red">
	<div class="jf-pricing-column jf-pricing-4-col">
		<h3>Basic</h3>
		<div class="jf-cost">
			<p>
				$20<span>/month</span>
			</p>
		</div>
		<div class="jf-features">
			<ul>
				<li class="yes">Item One Description</li>
				<li class="yes">Item Two Description</li>
				<li class="no">Item Three Description</li>
				<li class="no">Item Four Description</li>
				<li class="no">Item Five Description</li>
			</ul>
		</div>
		<div class="jf-buynow">
			<a href="#" class="button large">Purchase</a>
		</div>
	</div>
	<div class="jf-pricing-column jf-pricing-4-col jf-recommended">
		<h3>Advanced<span class="jf-recommended-button"></span></h3>
		<div class="jf-cost">
			<p>
				$40<span>/month</span>
			</p>
		</div>
		<div class="jf-features">
			<ul>
				<li class="yes">Item One Description</li>
				<li class="yes">Item Two Description</li>
				<li class="yes">Item Three Description</li>
				<li class="no">Item Four Description</li>
				<li class="no">Item Five Description</li>
			</ul>
		</div>
		<div class="jf-buynow">
			<a href="#" class="button large">Purchase</a>
		</div>
	</div>
	<div class="jf-pricing-column jf-pricing-4-col ">
		<h3>Expert</h3>
		<div class="jf-cost">
			<p>
				$60<span>/month</span>
			</p>
		</div>
		<div class="jf-features">
			<ul>
				<li class="yes">Item One Description</li>
				<li class="yes">Item Two Description</li>
				<li class="yes">Item Three Description</li>
				<li class="yes">Item Four Description</li>
				<li class="no">Item Five Description</li>
			</ul>
		</div>
		<div class="jf-buynow">
			<a href="#" class="button large">Purchase</a>
		</div>
	</div>
	<div class="jf-pricing-column jf-pricing-4-col ">
		<h3>Custom</h3>
		<div class="jf-cost">
			<p>
				&gt; $80<span>/month</span>
			</p>
		</div>
		<div class="jf-features">
			<ul>
				<li class="yes">Item One Description</li>
				<li class="yes">Item Two Description</li>
				<li class="yes">Item Three Description</li>
				<li class="yes">Item Four Description</li>
				<li class="yes">Item Five Description</li>
			</ul>
		</div>
		<div class="jf-buynow">
			<a href="#" class="button large">Purchase</a>
		</div>
	</div>
	<div class="clear"></div>
</div>
 
 

Basic

$20/month

  • Item One Description
  • Item Two Description
  • Item Three Description
  • Item Four Description
  • Item Five Description

Expert

$60/month

  • Item One Description
  • Item Two Description
  • Item Three Description
  • Item Four Description
  • Item Five Description
 
GET CODE
<div id="jf-pricing-table" class="green">
	<div class="jf-pricing-column jf-pricing-3-col">
		<h3>Basic</h3>
		<div class="jf-cost">
			<p>
				$20<span>/month</span>
			</p>
		</div>
		<div class="jf-features">
			<ul>
				<li class="yes">Item One Description</li>
				<li class="yes">Item Two Description</li>
				<li class="no">Item Three Description</li>
				<li class="no">Item Four Description</li>
				<li class="no">Item Five Description</li>
			</ul>
		</div>
		<div class="jf-buynow">
			<a href="#" class="button large">Purchase</a>
		</div>
	</div>
	<div class="jf-pricing-column jf-pricing-3-col jf-recommended">
		<h3>Advanced<span class="jf-bestvalue-button"></span></h3>
		<div class="jf-cost">
			<p>
				$40<span>/month</span>
			</p>
		</div>
		<div class="jf-features">
			<ul>
				<li class="yes">Item One Description</li>
				<li class="yes">Item Two Description</li>
				<li class="yes">Item Three Description</li>
				<li class="no">Item Four Description</li>
				<li class="no">Item Five Description</li>
			</ul>
		</div>
		<div class="jf-buynow">
			<a href="#" class="button large">Purchase</a>
		</div>
	</div>
	<div class="jf-pricing-column jf-pricing-3-col">
		<h3>Expert</h3>
		<div class="jf-cost">
			<p>
				$60<span>/month</span>
			</p>
		</div>
		<div class="jf-features">
			<ul>
				<li class="yes">Item One Description</li>
				<li class="yes">Item Two Description</li>
				<li class="yes">Item Three Description</li>
				<li class="yes">Item Four Description</li>
				<li class="yes">Item Five Description</li>
			</ul>
		</div>
		<div class="jf-buynow">
			<a href="#" class="button large">Purchase</a>
		</div>
	</div>
	<div class="clear"></div>
</div>
 
 

Basic

$20/month

  • Item One Description
  • Item Two Description
  • Item Three Description
  • Item Four Description
  • Item Five Description

Expert

$60/month

  • Item One Description
  • Item Two Description
  • Item Three Description
  • Item Four Description
  • Item Five Description

Custom

> $80/month

  • Item One Description
  • Item Two Description
  • Item Three Description
  • Item Four Description
  • Item Five Description
 
GET CODE
<div id="jf-pricing-table" class="green">
	<div class="jf-pricing-column jf-pricing-4-col">
		<h3>Basic</h3>
		<div class="jf-cost">
			<p>
				$20<span>/month</span>
			</p>
		</div>
		<div class="jf-features">
			<ul>
				<li class="yes">Item One Description</li>
				<li class="yes">Item Two Description</li>
				<li class="no">Item Three Description</li>
				<li class="no">Item Four Description</li>
				<li class="no">Item Five Description</li>
			</ul>
		</div>
		<div class="jf-buynow">
			<a href="#" class="button large">Purchase</a>
		</div>
	</div>
	<div class="jf-pricing-column jf-pricing-4-col jf-recommended">
		<h3>Advanced<span class="jf-recommended-button"></span></h3>
		<div class="jf-cost">
			<p>
				$40<span>/month</span>
			</p>
		</div>
		<div class="jf-features">
			<ul>
				<li class="yes">Item One Description</li>
				<li class="yes">Item Two Description</li>
				<li class="yes">Item Three Description</li>
				<li class="no">Item Four Description</li>
				<li class="no">Item Five Description</li>
			</ul>
		</div>
		<div class="jf-buynow">
			<a href="#" class="button large">Purchase</a>
		</div>
	</div>
	<div class="jf-pricing-column jf-pricing-4-col ">
		<h3>Expert</h3>
		<div class="jf-cost">
			<p>
				$60<span>/month</span>
			</p>
		</div>
		<div class="jf-features">
			<ul>
				<li class="yes">Item One Description</li>
				<li class="yes">Item Two Description</li>
				<li class="yes">Item Three Description</li>
				<li class="yes">Item Four Description</li>
				<li class="no">Item Five Description</li>
			</ul>
		</div>
		<div class="jf-buynow">
			<a href="#" class="button large">Purchase</a>
		</div>
	</div>
	<div class="jf-pricing-column jf-pricing-4-col ">
		<h3>Custom</h3>
		<div class="jf-cost">
			<p>
				&gt; $80<span>/month</span>
			</p>
		</div>
		<div class="jf-features">
			<ul>
				<li class="yes">Item One Description</li>
				<li class="yes">Item Two Description</li>
				<li class="yes">Item Three Description</li>
				<li class="yes">Item Four Description</li>
				<li class="yes">Item Five Description</li>
			</ul>
		</div>
		<div class="jf-buynow">
			<a href="#" class="button large">Purchase</a>
		</div>
	</div>
	<div class="clear"></div>
</div>
 
 

Basic

$20/month

  • Item One Description
  • Item Two Description
  • Item Three Description
  • Item Four Description
  • Item Five Description

Expert

$60/month

  • Item One Description
  • Item Two Description
  • Item Three Description
  • Item Four Description
  • Item Five Description
 
GET CODE
<div id="jf-pricing-table" class="black">
	<div class="jf-pricing-column jf-pricing-3-col">
		<h3>Basic</h3>
		<div class="jf-cost">
			<p>
				$20<span>/month</span>
			</p>
		</div>
		<div class="jf-features">
			<ul>
				<li class="yes">Item One Description</li>
				<li class="yes">Item Two Description</li>
				<li class="no">Item Three Description</li>
				<li class="no">Item Four Description</li>
				<li class="no">Item Five Description</li>
			</ul>
		</div>
		<div class="jf-buynow">
			<a href="#" class="button large">Purchase</a>
		</div>
	</div>
	<div class="jf-pricing-column jf-pricing-3-col jf-recommended">
		<h3>Advanced<span class="jf-bestvalue-button"></span></h3>
		<div class="jf-cost">
			<p>
				$40<span>/month</span>
			</p>
		</div>
		<div class="jf-features">
			<ul>
				<li class="yes">Item One Description</li>
				<li class="yes">Item Two Description</li>
				<li class="yes">Item Three Description</li>
				<li class="no">Item Four Description</li>
				<li class="no">Item Five Description</li>
			</ul>
		</div>
		<div class="jf-buynow">
			<a href="#" class="button large">Purchase</a>
		</div>
	</div>
	<div class="jf-pricing-column jf-pricing-3-col">
		<h3>Expert</h3>
		<div class="jf-cost">
			<p>
				$60<span>/month</span>
			</p>
		</div>
		<div class="jf-features">
			<ul>
				<li class="yes">Item One Description</li>
				<li class="yes">Item Two Description</li>
				<li class="yes">Item Three Description</li>
				<li class="yes">Item Four Description</li>
				<li class="yes">Item Five Description</li>
			</ul>
		</div>
		<div class="jf-buynow">
			<a href="#" class="button large">Purchase</a>
		</div>
	</div>
	<div class="clear"></div>
</div>
 
 

Basic

$20/month

  • Item One Description
  • Item Two Description
  • Item Three Description
  • Item Four Description
  • Item Five Description

Expert

$60/month

  • Item One Description
  • Item Two Description
  • Item Three Description
  • Item Four Description
  • Item Five Description

Custom

> $80/month

  • Item One Description
  • Item Two Description
  • Item Three Description
  • Item Four Description
  • Item Five Description
 
GET CODE
<div id="jf-pricing-table" class="black">
	<div class="jf-pricing-column jf-pricing-4-col">
		<h3>Basic</h3>
		<div class="jf-cost">
			<p>
				$20<span>/month</span>
			</p>
		</div>
		<div class="jf-features">
			<ul>
				<li class="yes">Item One Description</li>
				<li class="yes">Item Two Description</li>
				<li class="no">Item Three Description</li>
				<li class="no">Item Four Description</li>
				<li class="no">Item Five Description</li>
			</ul>
		</div>
		<div class="jf-buynow">
			<a href="#" class="button large">Purchase</a>
		</div>
	</div>
	<div class="jf-pricing-column jf-pricing-4-col jf-recommended">
		<h3>Advanced<span class="jf-recommended-button"></span></h3>
		<div class="jf-cost">
			<p>
				$40<span>/month</span>
			</p>
		</div>
		<div class="jf-features">
			<ul>
				<li class="yes">Item One Description</li>
				<li class="yes">Item Two Description</li>
				<li class="yes">Item Three Description</li>
				<li class="no">Item Four Description</li>
				<li class="no">Item Five Description</li>
			</ul>
		</div>
		<div class="jf-buynow">
			<a href="#" class="button large">Purchase</a>
		</div>
	</div>
	<div class="jf-pricing-column jf-pricing-4-col ">
		<h3>Expert</h3>
		<div class="jf-cost">
			<p>
				$60<span>/month</span>
			</p>
		</div>
		<div class="jf-features">
			<ul>
				<li class="yes">Item One Description</li>
				<li class="yes">Item Two Description</li>
				<li class="yes">Item Three Description</li>
				<li class="yes">Item Four Description</li>
				<li class="no">Item Five Description</li>
			</ul>
		</div>
		<div class="jf-buynow">
			<a href="#" class="button large">Purchase</a>
		</div>
	</div>
	<div class="jf-pricing-column jf-pricing-4-col ">
		<h3>Custom</h3>
		<div class="jf-cost">
			<p>
				&gt; $80<span>/month</span>
			</p>
		</div>
		<div class="jf-features">
			<ul>
				<li class="yes">Item One Description</li>
				<li class="yes">Item Two Description</li>
				<li class="yes">Item Three Description</li>
				<li class="yes">Item Four Description</li>
				<li class="yes">Item Five Description</li>
			</ul>
		</div>
		<div class="jf-buynow">
			<a href="#" class="button large">Purchase</a>
		</div>
	</div>
	<div class="clear"></div>
</div>