Anacron: Recreating the Demo - Pay as You Grow Pricing

Pay as You Grow Pricing

This area of the front page is a Custom HTML module. You will find the settings used in our demo below.

Any mod_custom (Custom HTML) modules are best handled using either RokPad or no editor as a WYSIWYG editor can cause issues with any code that exists in the Custom Output field.

Details

Custom Output

Enter the following in the Custom Output text editor.

<p>All plans come with awesome support by email and phone. There is no hidden fee!</p>

<div class="fp-pricing-table">
    <div class="gantry-width-33 gantry-width-block">
        <div class="gantry-width-spacer">
            <ul class="rt-pricing-table">
                <li class="rt-table-title">Basic</li>
                <li class="rt-table-price">$28</li>
                <li class="rt-table-description">Globally incubate standards compliant channels</li>
                <li class="rt-table-item">5GB Storage</li>
                <li class="rt-table-item">10 Users</li>
                <li class="rt-table-cta-button"><a class="readon2" href="#">Sign Up</a></li>
            </ul>
        </div>
    </div>

    <div class="gantry-width-33 gantry-width-block">
        <div class="gantry-width-spacer">
            <ul class="rt-pricing-table">
                <li class="rt-table-title">Standard</li>
                <li class="rt-table-price">$58</li>
                <li class="rt-table-description">Globally incubate standards compliant channels</li>
                <li class="rt-table-item">25GB Storage</li>
                <li class="rt-table-item">20 Users</li>
                <li class="rt-table-cta-button"><a class="readon2" href="#">Sign Up</a></li>
            </ul>
        </div>
    </div>

    <div class="gantry-width-33 gantry-width-block">
        <div class="gantry-width-spacer">
            <ul class="rt-pricing-table">
                <li class="rt-table-title">Ultimate</li>
                <li class="rt-table-price">$88</li>
                <li class="rt-table-description">Globally incubate standards compliant channels</li>
                <li class="rt-table-item">50GB Storage</li>
                <li class="rt-table-item">30 Users</li>
                <li class="rt-table-cta-button"><a class="readon2" href="#">Sign Up</a></li>
            </ul>   
        </div>
    </div>

    <div class="clear"></div>   
</div>

<p>Free <strong>30 days trial</strong> on all plans. No credit card needed! Need a bigger plan? <a href="#">View Professional Plan</a>.</p> 

Basic

Advanced