Files

• _price-charts.scss
• README.md

Github Page (customers only): https://github.com/esr360/Kayzen/tree/master/assets/modules/elements/price-charts

Module Overview

Examples

<div class="price-chart">
    <header class="heading_group">
        <h4 class="heading-heavy-size-6-flush">Gold</h4>
        <h5 class="heading-light-size-3">Our premium package</h5>
    </header>
    <div class="price-chart_price">
        <small>$</small><span>20</span>/mo
    </div>
    <ul>
        <li><span><i class="fa fa-database"></i> Diskspace</span><strong>1GB</strong></li>
        <li><span><i class="fa fa-group"></i> Bandwidth</span><strong>10GB</strong></li>
        <li><span><i class="fa fa-desktop"></i> Sub-domains</span><strong>1</strong></li>
        <li><span><i class="fa fa-envelope"></i> Emails</span><strong>5</strong></li>
        <li><span><<i class="fa fa-support"></i> Support</span><strong>None</strong></li>
    </ul>
    <div class="buy-now">
        <a href="#" class="button-primary-block-size-3"><i class="fa fa-shopping-cart"></i> Get For Free</a>
    </div>
</div>

Free/Greyscale

<div class="price-chart-free">
    ...
</div>