Studio Pro 2.0.0 Pricing Table

studio-pro-2.0.0-pricing-table.html

<h3>Two Columns</h3>
<div class="pricing-table">
    <div class="one-half first"><strong>Price</strong><br>
        <small>$</small>
        <big>99.00</big>
        <p></p>
        <ul>
            <li>First feature</li>
            <li>Second feature</li>
            <li>Third feature</li>
        </ul>
        <p>
            <button class="outline">Buy now</button>
        </p>
    </div>
    <div class="one-half featured"><strong>Price</strong><br>
        <small>$</small>
        <big>99.00</big>
        <p></p>
        <ul>
            <li>First feature</li>
            <li>Second feature</li>
            <li>Third feature</li>
        </ul>
        <p>
            <button>Buy now</button>
        </p>
    </div>
</div>

<h3>Three Columns</h3>
<div class="pricing-table">
    <div class="one-third first"><strong>Price</strong><br>
        <small>$</small>
        <big>99.00</big>
        <p></p>
        <ul>
            <li>First feature</li>
            <li>Second feature</li>
            <li>Third feature</li>
        </ul>
        <p>
            <button class="outline">Buy now</button>
        </p>
    </div>
    <div class="one-third featured"><strong>Price</strong><br>
        <small>$</small>
        <big>99.00</big>
        <p></p>
        <ul>
            <li>First feature</li>
            <li>Second feature</li>
            <li>Third feature</li>
        </ul>
        <p>
            <button>Buy now</button>
        </p>
    </div>
    <div class="one-third"><strong>Price</strong><br>
        <small>$</small>
        <big>99.00</big>
        <p></p>
        <ul>
            <li>First feature</li>
            <li>Second feature</li>
            <li>Third feature</li>
        </ul>
        <p>
            <button class="outline">Buy now</button>
        </p>
    </div>
</div>

<h3>Four Columns</h3>
<div class="pricing-table">
    <div class="one-fourth first"><strong>Price</strong><br>
        <small>$</small>
        <big>99.00</big>
        <p></p>
        <ul>
            <li>First feature</li>
            <li>Second feature</li>
            <li>Third feature</li>
        </ul>
        <p>
            <button class="outline">Buy now</button>
        </p>
    </div>
    <div class="one-fourth"><strong>Price</strong><br>
        <small>$</small>
        <big>99.00</big>
        <p></p>
        <ul>
            <li>First feature</li>
            <li>Second feature</li>
            <li>Third feature</li>
        </ul>
        <p>
            <button class="outline">Buy now</button>
        </p>
    </div>
    <div class="one-fourth featured"><strong>Price</strong><br>
        <small>$</small>
        <big>99.00</big>
        <p></p>
        <ul>
            <li>First feature</li>
            <li>Second feature</li>
            <li>Third feature</li>
        </ul>
        <p>
            <button>Buy now</button>
        </p>
    </div>
    <div class="one-fourth"><strong>Price</strong><br>
        <small>$</small>
        <big>99.00</big>
        <p></p>
        <ul>
            <li>First feature</li>
            <li>Second feature</li>
            <li>Third feature</li>
        </ul>
        <p>
            <button class="outline">Buy now</button>
        </p>
    </div>
</div>