Responsive Layouts

 

JomSocial Theme

 

Buy Now

 

Все сообщество
Последние фото
Последние видео
Наш блог
Форум
Последние события
Закрыть
Pulvinar tempor cras amet ac turpis tristique tristique ... (read more)закрыть
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>
 
 
Layouts
Colors