Joomla Templates Club 406,261 posts

[hengstler Friend hengstlerJoin date: August 2006Posts: 123Downloads:7Uploads:23 Thanks: 106 Thanked: 4 times in 1 posts]

#182795

Is there a tutorial how to create a “Pricing Page” like in your demo @ http://joomla25-templates.joomlart.com/ja_brisk/joomla-content/bonus-pages/pricing-page.html/url] ??

This would be very useful for me

Kind regards from Switzerland

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#475110

Pricing page is custom html page and you can make the same by using the following HTML code :

1. Create Article with content below:

<div class="pricing-table style1">
<div class="col-wrap four-cols">
<div class="col col-first">
<div class="col-header"><span class="price"><sup>$</sup>29<small>/Month</small></span> <strong>Basic</strong></div>
<ul>
<li><strong>2G</strong> Disk space</li>
<li><strong>250Gb</strong> Monthly Bandwidth</li>
<li><strong>10</strong> Widgets</li>
<li><strong>2</strong> Email accounts</li>
<li><strong>10</strong> Subdomain</li>
<li><strong>Unlimited</strong> Database</li>
</ul>
<div class="col-footer"><a class="btn" href="#" title="Buy now">Buy now</a></div>
</div>
<div class="col">
<div class="col-header"><span class="price"><sup>$</sup>29<small>/Month</small></span> <strong>Standard</strong></div>
<ul>
<li><strong>2G</strong> Disk space</li>
<li><strong>250Gb</strong> Monthly Bandwidth</li>
<li><strong>10</strong> Widgets</li>
<li><strong>2</strong> Email accounts</li>
<li><strong>10</strong> Subdomain</li>
<li><strong>Unlimited</strong> Database</li>
</ul>
<div class="col-footer"><a class="btn" href="#" title="Buy now">Buy now</a></div>
</div>
<div class="col featured">
<div class="col-header"><span class="price"><sup>$</sup>29<small>/Month</small></span> <strong>Professional</strong></div>
<ul>
<li><strong>2G</strong> Disk space</li>
<li><strong>250Gb</strong> Monthly Bandwidth</li>
<li><strong>10</strong> Widgets</li>
<li><strong>2</strong> Email accounts</li>
<li><strong>10</strong> Subdomain</li>
<li><strong>Unlimited</strong> Database</li>
</ul>
<div class="col-footer"><a class="btn" href="#" title="Buy now">Buy now</a></div>
</div>
<div class="col col-last feature-rs">
<div class="col-header"><span class="price"><sup>$</sup>29<small>/Month</small></span> <strong>Unlimited</strong></div>
<ul>
<li><strong>2G</strong> Disk space</li>
<li><strong>250Gb</strong> Monthly Bandwidth</li>
<li><strong>10</strong> Widgets</li>
<li><strong>2</strong> Email accounts</li>
<li><strong>10</strong> Subdomain</li>
<li><strong>Unlimited</strong> Database</li>
</ul>
<div class="col-footer"><a class="btn" href="#" title="Buy now">Buy now</a></div>
</div>
</div>
</div>

2. Create Menu with “Single Article” Type and select article above.

1 user says Thank You to Ninja Lead for this useful post

1. hengstler

[Author]

Posts