Studio Pro Price Tables

pricing-table.html

<h3>Two Columns</h3>
<p>&nbsp;</p>
<div class="pricing-table">
    <div class="one-half first">
        <strong>Price</strong>
        <span>A short description</span>
        <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>
        <span>A short description</span>
        <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>
<p>&nbsp;</p>
<div class="pricing-table">
    <div class="one-third first">
        <strong>Price</strong>
        <span>A short description</span>
        <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>
        <span>A short description</span>
        <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>
        <span>A short description</span>
        <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>
<p>&nbsp;</p>
<div class="pricing-table">
    <div class="one-fourth first">
        <strong>Price</strong>
        <span>A short description</span>
        <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>
        <span>A short description</span>
        <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>
        <span>A short description</span>
        <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>
        <span>A short description</span>
        <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>Five Columns</h3>
<p>&nbsp;</p>
<div class="pricing-table">
    <div class="one-fifth first">
        <strong>Price</strong>
        <span>A short description</span>
        <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-fifth">
        <strong>Price</strong>
        <span>A short description</span>
        <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-fifth featured">
        <strong>Price</strong>
        <span>A short description</span>
        <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-fifth">
        <strong>Price</strong>
        <span>A short description</span>
        <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-fifth">
        <strong>Price</strong>
        <span>A short description</span>
        <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>