Pricing

%###### HTML ######%
<section class="pricing">
    <div class="container">
        <div class="row">
            <div class="col">
                <ul class="pricing-plan">
                    <li class="pricing-title">
                        Free
                    </li>
                    <li class="pricing-desc">
                        Nitoku free account. You don't need a credit card to register for this account. You can upgrade this free account at any time from your account settings.
                    </li>
                    <li class="pricing-price">
                        free!
                    </li>
                    <li>
                        Maximum 3 teams
                    </li>
                    <li>
                        Maximum 20 pages per team
                    </li>
                    <li>
                        File storage up to 20 MB per team
                    </li>
                    <li>
                        Unlimited members
                    </li>
                    <li>
                        Unlimited page history
                    </li>
                    <li>
                        Unlimited email notifications
                    </li>
                </ul>
            </div>

<div class="col">
                <ul class="pricing-plan">
                    <li class="pricing-title">
                        Plus
                    </li>
                    <li class="pricing-desc">
                        Nitoku price is based on the pages that you create, you don't need to worry about how many users your team will have.
                    </li>
                    <li class="pricing-price">
                        <span>$4</span> / month 
                    </li>
                    <li>
                        Maximum 10 teams
                    </li>
                    <li>
                        Maximum 200 pages per team
                    </li>
                    <li>
                        File storage up to 200 MB per team
                    </li>
                    <li>
                        Unlimited members
                    </li>
                    <li>
                        Unlimited page history
                    </li>
                    <li>
                        Unlimited email notifications
                    </li>

</ul>
            </div>

<div class="col">
                <ul class="pricing-plan">
                    <li class="pricing-title">
                        Super
                    </li>
                    <li class="pricing-desc">
                        Nitoku premium account. Do you need more teams, pages or storage capacity? You can customize your plan, contact us for a quote at : admin@nitoku.com
                    </li>
                    <li class="pricing-price">
                        <span>$8</span> / month
                    </li>
                    <li>
                        Maximum 20 teams
                    </li>
                    <li>
                        Maximum 1000 pages per team
                    </li>
                    <li>
                        File storage up to 1 GB per team
                    </li>
                    <li>
                        Unlimited members
                    </li>
                    <li>
                        Unlimited page history
                    </li>
                    <li>
                        Unlimited email notifications
                    </li>
                </ul>
            </div>
        </div>
    </div>

</section>

%###### CSS #######%

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;     
    justify-content: center;
}

li {
    padding-left: 0;
    list-style: none;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;     
    justify-content: center;
}

.col {
    max-width: 400px;
}

@media (min-width: 700px){
    .col {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

.pricing-plan {
    margin: 20px 30px 0 30px;
    border-radius: 4px;
    padding: 0px;
}

li.pricing-title {
    background: #1ab394;
    color: #fff;
    padding: 10px;
    border-radius: 4px 4px 0 0;
    font-size: 22px;
    font-weight: 600;
}

li.pricing-desc {
    font-size: 13px;
    border-top: none;
    padding: 20px 16px;
}

.pricing-plan li {
    padding: 10px 16px;
    border-top: 1px solid #e7eaec;
    text-align: center;
    color: #676a6c;
}

li.pricing-title {
    background: #1ab394;
    color: #fff;
    padding: 10px;
    border-radius: 4px 4px 0 0;
    font-size: 22px;
    font-weight: 600;
}

%### JAVASCRIPT ###%

%#### SETTINGS ####%
{"readOnly":true}

You can change your plan at any time from your account settings