a-27

<!-- #27 -->
<div class="a-27">
    <!-- Price with background color -->
    <small class="a-bg-COLORNAME"><a href="#">$99.99</a></small>
    <!-- Heading with Background color -->
    <h2 class="a-bg-COLORNAME"><a href="#">SMALL HEADING</a></h2>
    <!-- Plan details -->
    <div class="a-27-m">
        <!-- Plan name with starts. You can add as many starts you want. -->
        <h3>
            PLAN NAME
            <i class="fa fa-star"></i>
            <i class="fa fa-star"></i>
        </h3>
        <!-- Plan details -->
        <p>........PLAN DETAILS.........</p>
    </div>
</div>