Pricing Plan Card

<article class="plan" data-recommended>
    <header>
        <p class="plan-tag">Most popular</p>
        <h3>Pro</h3>
        <p class="plan-price">
            <span class="price-currency">$</span>
            <span class="price-amount">12</span>
            <span class="price-period">/ month</span>
        </p>
        <p class="plan-sub">Billed annually. $14/mo if monthly.</p>
    </header>

    <ul class="plan-features">
        <li>✓ <strong>10,000</strong> snippets total</li>
        <li>✓ <strong>200</strong> snippets per day</li>
        <li>✓ Encrypted server vault (up to 100 servers)</li>
        <li>✓ JSON import / export</li>
        <li>✓ Self-destructing &amp; password-protected snippets</li>
    </ul>

    <a class="btn btn-primary" href="/signup?plan=pro">
        Start 14-day free trial
    </a>

    <p class="plan-fineprint">No credit card. Cancel anytime.</p>
</article>