$20/month
$40/month
$60/month
<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>
$20/month
$40/month
$60/month
> $80/month
<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> > $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>
$20/month
$40/month
$60/month
<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>
$20/month
$40/month
$60/month
> $80/month
<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> > $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>
$20/month
$40/month
$60/month
<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>
$20/month
$40/month
$60/month
> $80/month
<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> > $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>
$20/month
$40/month
$60/month
<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>
$20/month
$40/month
$60/month
> $80/month
<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> > $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>