mattlawck of StudioPress
8/3/2018 - 4:03 PM

Centric Pricing Table

Centric Pricing Table

<div class="pricing-table">
<div class="one-third first">
<div class="price-heading">
<h4 class="price-title">Price Table 1</h4>
<div class="price">
<span class="sup">$</span>
<span class="amt">10</span>
<span class="sub">/mo</span>
</div>
</div>
<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>
<a href="#" class="button">Purchase</a>
</div>
<div class="one-third">
<div class="price-heading">
<h4 class="price-title">Price Table 2</h4>
<div class="price">
<span class="sup">$</span>
<span class="amt">16</span>
<span class="sub">/mo</span>
</div>
</div>
<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
<li>List Item 4</li>
</ul>
<a href="#" class="button">Purchase</a>
</div>
<div class="one-third">
<div class="price-heading">
<h4 class="price-title">Price Table 3</h4>
<div class="price">
<span class="sup">$</span>
<span class="amt">24</span>
<span class="sub">/mo</span>
</div>
</div>
<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>
<a href="#" class="button">Purchase</a>
</div>
</div>