# Pricing

### Container

    <div class="pricing-plans plans-4">

    	--- Plans go here ---

    </div>

#### Number of Plans

Class | Description
--- | ---
.plans-4 | 4 Plans Up
.plans-3 | 3 Plans Up
.plans-2 | 2 Plans Up
.plans-1 | 1 Plans Up

### Plan Html

    <div class="plan-container">

        <div class="plan">

            <div class="plan-header">

            	<div class="plan-title">
            		Micro
        		</div> <!-- /plan-title -->

        		<div class="plan-price">
        			<span class="note">$</span>15<span class="term">Per Month</span>
    		</div> <!-- /plan-price -->

            </div> <!-- /plan-header -->

            <div class="plan-features">

    			<ul>
    				<li><strong>Free</strong> setup</li>
    				<li><strong>1</strong> Website</li>
    				<li><strong>2</strong> Projects</li>
    				<li><strong>1GB</strong> Storage</li>
    				<li><strong>$0</strong> Google Adwords Credit</li>
    			</ul>

    		</div> <!-- /plan-features -->

    		<div class="plan-actions">
    			<a href="javascript:;" class="btn">Purchase Now</a>
    		</div> <!-- /plan-actions -->

    	</div> <!-- /plan -->

    </div> <!-- /plan-container -->